@charset "utf-8";
/* sinoopt.ru — общие правки дизайна под единый стиль с padel.sinoopt.ru и braslet.sinoopt.ru (2026-11-01).
   Подключается в template.html после style.css. Старый style.css не меняется. */

/* подвал как на падел-сайте */
.so-footer .so-f-h{color:#F3751E;text-transform:uppercase;font-size:.78rem;font-weight:600;letter-spacing:.6px;margin-bottom:.6rem}
.so-footer ul li{margin-bottom:.35rem}
.so-footer a{color:#fff;text-decoration:none}
.so-footer .text-secondary a,.so-footer p a{color:#adb5bd}
.so-footer a:hover{color:#F88E45}
.so-footer .text-orange:hover{color:#F88E45}

/* карточки на всех страницах: мягкая тень и подъём при наведении, как у карточек кортов и браслетов */
.container-xxl .card{border:0;border-radius:.6rem;box-shadow:0 .125rem .4rem rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s}
.container-xxl .card:has(.stretched-link):hover,
.container-xxl .card:has(a[href]):hover{transform:translateY(-3px);box-shadow:0 .5rem 1rem rgba(0,0,0,.12)}

/* оранжевые блоки форм — градиент как на падел-сайте */
#consult .bg-orange{background:linear-gradient(135deg,#F3751E,#F88E45)}
#consult .bg-orange .btn-dark{padding:.6rem 1.4rem}

/* кнопки */
.btn-orange{font-weight:600}

/* мобильная версия */
@media (max-width:991px){
  .navbar .container{padding-left:12px;padding-right:12px}
  .navbar-collapse{padding-bottom:.75rem}
}
@media (max-width:767px){
  .so-topbar{display:none}
  .navbar.fixed-top{margin-top:0!important}
  section.px-lg-5.mx-lg-5{padding-left:4px;padding-right:4px}
  .display-5{font-size:2rem}
  .display-1{font-size:2.6rem}
  .table-responsive{-webkit-overflow-scrolling:touch}
}

/* верхнее меню на ноутбуках (1200–1399 px): 9 пунктов в одну строку */
@media (min-width:1200px) and (max-width:1399px){
  .navbar-nav .nav-link{font-size:.8rem;padding-left:.4rem!important;padding-right:.4rem!important;white-space:nowrap}
  .navbar .container.px-lg-5{padding-left:1.5rem!important;padding-right:1.5rem!important}
}