#back-top, #us_fixed_contact_button, .us-fixed-contact-pulsation, .us-module-item:hover .us-module-cart-btn, .us-module-btn:hover, .us-module-btn-green, .us-footer-form-top-buttton, .oct-fixed-bar-link:hover, .oct-fixed-bar-quantity, .pagination li.active span, .pagination li a:hover, .us-product-btn-active, .us-product-btn:hover, .us-product-quantity-btn:hover, .us-categories-wall-item:hover hr, .compare-wishlist-btn:hover, .image-additional-box .slick-arrow:hover, #us_livesearch_close, .us-product-option .radio label.selected,.simplecheckout-cart-buttons .button,.simplecheckout-button-right .button,#simplecheckout_button_login, .us-news-stickers-date, .mobile-header-index, .us-form-check-group-acc input[type=radio]:checked + label:after, #us_info_mobile .dropdown-menu button.active-item:after {background:rgb(59, 89, 152);}
nav .dropdown-menu button:hover, .user-dropdown-menu .us-dropdown-item:hover, .us-categories-wall-top-link:hover .us-categories-wall-title, .us-module-item:hover .us-module-title a, .us-module-buttons-link:hover i, .us-reviews-block:hover .us-reviews-block-title, .subcat-item:hover .subcat-item-title, .us-breadcrumb-item:last-child, .us-category-appearance-btn.active, .us-category-appearance-btn:hover, .us-product-advantages-item:hover .us-product-advantages-icon i, .us-breadcrumb-item a:hover, .us-column-link:hover, .us-blog-search-btn:hover, .us-blog-post-info-item i, .us-news-block:hover .us-news-block-title, .us-product-tags, .us-product-tags a, .us-categories-wall-link:hover, .us-manufacturer-title, .us-account-link.active, .us-account-link:hover, .us-footer-phone-btn[aria-expanded="true"], .header-dropdown-menu a:hover {color:rgb(59, 89, 152);}
.us-carousel-brands-box, .us-product-nav-item-active a:after, .us-product-nav-item a:hover:after, .us-page-main-title:after, .compare-wishlist-btn:hover, .us-form-check-group-acc input[type=radio]:checked + label:before, #us_info_mobile .dropdown-menu button.active-item::before {border-color:rgb(59, 89, 152);}
body {background-color:rgba(255, 255, 255, 0.94);}
#top {background:rgb(59, 89, 152);}
.btn-link {color:rgb(255, 255, 255);}
.btn-link:hover, .btn-link:focus {color:rgb(59, 89, 152);}
.us-phone-link, .us-cart-link, .us-phone-link:hover, .us-cart-link:hover {color:rgb(59, 89, 152);}
.top-phone-btn, .us-cart-text {color:#333333;}
.menu-row {background-color:rgb(217, 217, 217);}
.oct-ultra-menu {background:rgb(29, 112, 183);}
#oct-menu-box:hover .oct-ultra-menu {background-color:#4a5663;}
.oct-ultra-menu {color:#ffffff;}
.oct-menu-li {background:#ffffff;}
.oct-menu-li:hover {background:#F7F7F7;}
.oct-menu-li > a, .oct-menu-li > div > a {color:#333333;}
.oct-menu-li:hover > a, .oct-menu-li:hover > div > a {color:rgb(29, 112, 183);}
.menu-row {color:rgb(111, 111, 110);}
.oct-mm-link:hover > a, .oct-mm-simple-link:hover > a {background:rgb(29, 112, 183);}
.oct-mm-parent-title, .oct-mm-child a {color:#333333;}
.oct-mm-child a:hover, .oct-mm-parent-link:hover .oct-mm-parent-title {color:rgb(29, 112, 183);}
footer {background-color:rgb(59, 89, 152);}
.us-footer-subscribe-text-text, footer, .us-footer-text, .us-footer-form-bottom label, .us-footer-bottom-credits {color:rgb(255, 255, 255);}
.us-footer-link, .us-footer-phone-btn, .us-footer-mail {color:rgb(255, 255, 255);}
.us-footer-link:hover, .us-footer-phone-btn:hover, .us-footer-mail:hover {color:rgb(230, 216, 22);}
.us-footer-form-top-input {background:#656c73;}
.us-categories-box {background:rgb(233, 238, 254);}
.us-categories-item {color:#666666;}
.us-categories-item.active > span a, .us-categories-item a:hover {color:#71be00;}
.modal-header {background:rgb(29, 112, 183);}
.modal-title {color:#ffffff;}
button.us-close {background:rgba(29, 112, 183, 0.82);}
button.us-close:hover {background:rgb(29, 112, 183);}
.us-modal-close-icon {border-color:#ffffff;}
@media screen and (max-width: 992px) {#currency{display:none;}}
@media screen and (max-width: 767px) {.product-grid{width:50%;padding:0;}.product-grid .us-product-list-description{display:none;}.product-grid .us-module-title{font-size:12px;margin:10px 0;padding:0;}.product-grid .us-module-price>*{display: block;}.product-grid .us-module-item{padding:0 10px 52px;margin:0;height:100%;}.us-category-content .us-category-sort-block + .row{margin-bottom:30px;}.product-grid:nth-child(even) .us-module-item{border-left:0;}.product-grid .us-module-stickers-sticker{margin-bottom:6px;}}@media screen and (max-width: 320px) {.product-grid .us-module-cart-btn{margin:0 5px;}}
#back-top, #us_fixed_contact_button, .us-fixed-contact-pulsation, .us-module-item:hover .us-module-cart-btn, .us-module-btn:hover, .us-module-btn-green, .us-footer-form-top-buttton, .oct-fixed-bar-link:hover, .oct-fixed-bar-quantity, .pagination li.active span, .pagination li a:hover, .us-product-btn-active, .us-product-btn:hover, .us-product-quantity-btn:hover, .us-categories-wall-item:hover hr, .compare-wishlist-btn:hover, .image-additional-box .slick-arrow:hover, #us_livesearch_close, .us-product-option .radio label.selected,.simplecheckout-cart-buttons .button,.simplecheckout-button-right .button,#simplecheckout_button_login, .us-news-stickers-date, .mobile-header-index, .us-form-check-group-acc input[type=radio]:checked + label:after, #us_info_mobile .dropdown-menu button.active-item:after {background:rgb(59, 89, 152);}
nav .dropdown-menu button:hover, .user-dropdown-menu .us-dropdown-item:hover, .us-categories-wall-top-link:hover .us-categories-wall-title, .us-module-item:hover .us-module-title a, .us-module-buttons-link:hover i, .us-reviews-block:hover .us-reviews-block-title, .subcat-item:hover .subcat-item-title, .us-breadcrumb-item:last-child, .us-category-appearance-btn.active, .us-category-appearance-btn:hover, .us-product-advantages-item:hover .us-product-advantages-icon i, .us-breadcrumb-item a:hover, .us-column-link:hover, .us-blog-search-btn:hover, .us-blog-post-info-item i, .us-news-block:hover .us-news-block-title, .us-product-tags, .us-product-tags a, .us-categories-wall-link:hover, .us-manufacturer-title, .us-account-link.active, .us-account-link:hover, .us-footer-phone-btn[aria-expanded="true"], .header-dropdown-menu a:hover {color:rgb(59, 89, 152);}
.us-carousel-brands-box, .us-product-nav-item-active a:after, .us-product-nav-item a:hover:after, .us-page-main-title:after, .compare-wishlist-btn:hover, .us-form-check-group-acc input[type=radio]:checked + label:before, #us_info_mobile .dropdown-menu button.active-item::before {border-color:rgb(59, 89, 152);}
body {background-color:rgba(255, 255, 255, 0.94);}
#top {background:rgb(59, 89, 152);}
.btn-link {color:rgb(255, 255, 255);}
.btn-link:hover, .btn-link:focus {color:rgb(59, 89, 152);}
.us-phone-link, .us-cart-link, .us-phone-link:hover, .us-cart-link:hover {color:rgb(59, 89, 152);}
.top-phone-btn, .us-cart-text {color:#333333;}
.menu-row {background-color:rgb(217, 217, 217);}
.oct-ultra-menu {background:rgb(29, 112, 183);}
#oct-menu-box:hover .oct-ultra-menu {background-color:#4a5663;}
.oct-ultra-menu {color:#ffffff;}
.oct-menu-li {background:#ffffff;}
.oct-menu-li:hover {background:#F7F7F7;}
.oct-menu-li > a, .oct-menu-li > div > a {color:#333333;}
.oct-menu-li:hover > a, .oct-menu-li:hover > div > a {color:rgb(29, 112, 183);}
.menu-row {color:rgb(111, 111, 110);}
.oct-mm-link:hover > a, .oct-mm-simple-link:hover > a {background:rgb(29, 112, 183);}
.oct-mm-parent-title, .oct-mm-child a {color:#333333;}
.oct-mm-child a:hover, .oct-mm-parent-link:hover .oct-mm-parent-title {color:rgb(29, 112, 183);}
footer {background-color:rgb(59, 89, 152);}
.us-footer-subscribe-text-text, footer, .us-footer-text, .us-footer-form-bottom label, .us-footer-bottom-credits {color:rgb(255, 255, 255);}
.us-footer-link, .us-footer-phone-btn, .us-footer-mail {color:rgb(255, 255, 255);}
.us-footer-link:hover, .us-footer-phone-btn:hover, .us-footer-mail:hover {color:rgb(230, 216, 22);}
.us-footer-form-top-input {background:#656c73;}
.us-categories-box {background:rgb(233, 238, 254);}
.us-categories-item {color:#666666;}
.us-categories-item.active > span a, .us-categories-item a:hover {color:#71be00;}
.modal-header {background:rgb(29, 112, 183);}
.modal-title {color:#ffffff;}
button.us-close {background:rgba(29, 112, 183, 0.82);}
button.us-close:hover {background:rgb(29, 112, 183);}
.us-modal-close-icon {border-color:#ffffff;}
@media screen and (max-width: 992px) {#currency{display:none;}}
@media screen and (max-width: 767px) {.product-grid{width:50%;padding:0;}.product-grid .us-product-list-description{display:none;}.product-grid .us-module-title{font-size:12px;margin:10px 0;padding:0;}.product-grid .us-module-price>*{display: block;}.product-grid .us-module-item{padding:0 10px 52px;margin:0;height:100%;}.us-category-content .us-category-sort-block + .row{margin-bottom:30px;}.product-grid:nth-child(even) .us-module-item{border-left:0;}.product-grid .us-module-stickers-sticker{margin-bottom:6px;}}@media screen and (max-width: 320px) {.product-grid .us-module-cart-btn{margin:0 5px;}}
.nav-link {
    display: block;
    padding: .2rem 1rem;
}
.us-main-shop-title {
    color: #30363D;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 2px;
    position: relative;
}
.btn-link {background-color: transparent;color: #E5E5E5;font-size: 12px;border-radius: 0;}
.us-product-one-click-bottom {display: inline-block;border: 1px solid black;}
.us-product-btn {width: 242px;display: block;color: #fff;font-size: 14px;font-weight: 300;text-transform: uppercase;text-align: center;padding: 9px;background: #007bff;border: 0;border-radius: 1px;margin-top: 20px;cursor: pointer;transition: all .15s ease .05s;}
.us-module-cart-btn {display: block;color: #FFF !important;text-transform: uppercase;background: #1bb02e;border-radius: 1px;padding: 8px 0;margin: 0 15px;transition: background .15s ease .05s;width: calc(100% - 30px);border: 0;}
header {padding-top: 1px;padding-bottom: 3px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #000!important;}
.span.select2-selection__placeholder {color: #000!important;}
.us-html-box {padding: 20px;background-color: #ffffff;border-radius: 1px;box-shadow: 0 1px 5px rgba(0, 0, 0, .03);transition: box-shadow .15s ease .05s;font-size: 14px;line-height: 22px;color: #000000;}
.whywe {color: black;background-image: url("/image/bg/whowe.png");background-size: contain;background-position: center bottom;padding-bottom: 200px;padding-top: 100px;background-repeat: no-repeat;background-color: #d6dcdf;}
.menu-row {
    background-color: rgb(60 89 151);
    color: #FFFFFF;
}
.header-input, .header-btn-search {color: #000;background-color: rgb(230, 230, 230);}
.us-html-box-text {font-size: 14px;line-height: 22px;color: #000000;}
.us-product-attr-item {color: #000;font-weight: 400;}
.us-module-btn {background: #999;color: #fff!important;}
.delivary-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;padding: 18px 0;}
.delivary-list .item {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;margin-bottom: 15px;padding: 0 25px;position: relative;}
.delivary-list .item .title {color: #0e0e19;display: block;font-size: 16px;border-bottom: 1px solid #eff0f2;line-height: 36px;position: relative;z-index: 2;}
.delivary-list .item .item-container {z-index: 1;position: absolute;left: 15px;pointer-events: none;top: 100%;padding: 15px 10px 15px;-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;opacity: 0;-webkit-box-shadow: 0 0 10px 0px rgb(7 13 25 / 40%);box-shadow: 0 0 10px 0px rgb(7 13 25 / 40%);right: 15px;background: #fff;}
.item-container > ul {max-height: 400px;overflow-y: auto;overflow-x: hidden;padding-left: 0;list-style: none;}
.delivary-list .item ul li {line-height: normal;padding: 3px 0;}
.delivary-list .item:hover {z-index: 3;}
.delivary-list .item:hover .item-container {opacity: 1;pointer-events: auto;}
@media (max-width: 991px) {
.delivary-list {max-width: 680px;margin: 0 auto;padding: 20px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #999;}
.delivary-list .item {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;margin-bottom: 5px;max-width: 100%;border-bottom: 1px solid #d5d7d8;}
}
.us-product .us-price-actual {color: #50A8FF!important;}
.m-selection-wrapper {margin-top: 1px;background-image: url(/image/bg/selection.jpg);
padding:5px 0 5px;
background-size: cover;
height: auto;
width: 100%;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;}
.m-selection-wrapper .us-main-shop-title span {
color: #f1ff15;
}
.m-selection .nav-link.active {color: #ffff00;background-color: #3b5998;}
.m-selection .nav-link {color: #fff;text-transform: uppercase;background-color: #3b5998;}
.h1, h2, h3, h4, h5, h6 {font-weight: 900;line-height: normal;letter-spacing: .7px;margin-bottom: 5px;font-family:'ICTV',sans-serif ;}
.m-selection-wrapper .us-main-shop-title {
    line-height: initial;
    text-align: center;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow:
        -1px -1px 0 #000000,
         1px -1px 0 #000000,
        -1px  1px 0 #000000,
         1px  1px 0 #000000;
}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.swiper-container {overflow: hidden;max-width: 100%;flex-shrink: positional;}
#more {display: none;}
.us-product-quantity-btn {font-size: 26px;background-color: #0cc011;border: none;transition: all .15s ease .05s;}
.us-product-quantity input {width: 60px;height: 30px;font-size: 22px;text-align: center;background-color: #FFF;border: 1px solid #F6F6F6;}
.us-module-row {background-color: #eee;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
.m-selection-wrapper .us-main-shop-title:after{bottom:-10px;}
.title_in_index {padding:3px 0;}
.title_in_index .description{color: #fff;font-size: 1px;}
#select_tyers .nav-link {color: #fff;text-transform: uppercase;background-color: #007bff;font-size:18px;}
#select_tyers .nav-link.active {color: #ffff00;background-color: #007bff;}
.title_in_index:after {content: '';width: 200px;background: linear-gradient(89.95deg, #e5e5e5 0%, #f3f3f3 100%);position: absolute;bottom:30px;height: 3px;left: 50%;right: initial;transform: translateX(-50%);}
.subcat-item-img {
    width: 150px;
  height: 150px;
  margin-bottom: 5px;
}
.phone-dynamic {
  color: #fff !important;
}

h1, h1 {
    font-size: 1.2rem;
}

.m-selection-wrapper .us-main-shop-title:after {
    width: 1px;
    bottom: 0;
    height: 3px;
    left: 50%;
    right: initial;
    transform: translateX(-50%);
}
.title_in_index:after {
    content: '';
    width: 1px;
    background: linear-gradient(89.95deg, #e5e5e5 0%, #f3f3f3 100%);
    position: absolute;
    bottom: 30px;
    height: 3px;
    left: 50%;
    right: initial;
    transform: translateX(-50%);
}
.us-module-row {
    background-color: #eee;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.pb-4, .py-4 {
    padding-bottom: 0.5rem !important;
}
.swiper-slide {
  flex: 0 0 16.66%; /* ~6 карток */
  max-width: 16.66%;
}

@media (max-width: 1024px) {
  .swiper-slide {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 768px) {
  .swiper-slide {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 480px) {
  .swiper-slide {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (max-width: 767.98px) {
    .form-group { 
        position: relative;
        width: 100%;
        min-height: 1px;
        flex-grow: 1;
        padding: 0;
        flex-basis: 30%;
        margin-bottom: 0;
    }

    class="row m-selection"
    width: 80%

    id: tyers_in
    {
        display: flex;
        justify-content: center;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 0px;
    }
}

.c365-container { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 24px; }
  .c365-hero { background: linear-gradient(135deg,#101a2b 0%,#12253b 50%,#0b1118 100%); color:#fff; padding:90px 0 110px; position:relative; overflow:hidden; }
  .c365-hero::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at top right,rgba(255,180,0,0.18),transparent 55%),radial-gradient(circle at bottom
  left,rgba(255,255,255,0.08),transparent 60%); pointer-events:none; }
  .c365-hero__grid { display:grid; gap:32px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); align-items:center; position:relative; z-index:2; }
  .c365-hero__text h1 { font-size:44px; font-weight:700; margin-bottom:16px; }
  .c365-hero__text p { font-size:17px; color:rgba(255,255,255,.78); margin-bottom:28px; max-width:520px; }
  .c365-hero__cta { display:inline-flex; gap:12px; flex-wrap:wrap; }
  .c365-btn { border-radius:16px; padding:14px 26px; font-weight:600; border:none; cursor:pointer; transition:transform .2s, box-shadow .2s; font-size:15px; display:inline-flex; align-items:center;
  justify-content:center; text-decoration:none; }
  .c365-btn--primary { background:linear-gradient(135deg,#ffb400 0%,#ff8a00 100%); color:#101219; box-shadow:0 18px 38px rgba(255,140,0,.32); }
  .c365-btn--primary:hover { transform:translateY(-2px); box-shadow:0 24px 48px rgba(255,140,0,.4); }
  .c365-btn--ghost { background:transparent; border:1px solid rgba(255,255,255,.45); color:#fff; }
  .c365-btn--ghost:hover { transform:translateY(-2px); box-shadow:0 18px 36px rgba(12,18,27,.25); }
  .c365-hero__facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; }
  .c365-fact { background:rgba(255,255,255,.14); backdrop-filter:blur(12px); padding:18px 20px; border-radius:18px; }
  .c365-fact span { display:block; font-size:13px; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.6); margin-bottom:6px; }
  .c365-section { padding:72px 0; }
  .c365-section--light { background:#fff; }
  .c365-section h2 { font-size:34px; font-weight:700; margin-bottom:16px; }
  .c365-lead { color:#667085; max-width:640px; margin-bottom:40px; }
  .c365-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; }
  .c365-card { background:#fff; border-radius:24px; padding:26px; box-shadow:0 16px 34px rgba(15,23,32,.12); border:1px solid rgba(12,26,42,.06); display:flex; flex-direction:column; gap:16px; }
  .c365-card h3 { margin:0; font-size:20px; font-weight:700; }
  .c365-card ul { list-style:none; margin:0; padding:0; display:grid; gap:12px; color:#667085; }
  .c365-badges { display:flex; gap:10px; flex-wrap:wrap; }
  .c365-pill { background:rgba(11,17,24,.08); color:#0c1a2a; font-weight:600; border-radius:999px; padding:6px 14px; font-size:13px; }
  .c365-map-grid { display:grid; gap:32px; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); align-items:stretch; }
  .c365-map iframe { width:100%; height:100%; min-height:380px; border:0; border-radius:24px; box-shadow:0 16px 36px rgba(12,18,27,.18); }
  .c365-form { background:#fff; border-radius:24px; padding:32px; box-shadow:0 16px 34px rgba(15,23,32,.12); border:1px solid rgba(12,26,42,.06); }
  .c365-form__lead { color:#667085; margin-bottom:24px; }
  .c365-form__grid { display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  .c365-form__grid label { display:flex; flex-direction:column; gap:8px; font-weight:600; color:#667085; font-size:14px; }
  .c365-form__grid input, .c365-form__grid textarea, .c365-form__grid select { border-radius:14px; border:1px solid rgba(15,25,40,.12); padding:12px 14px; font-size:15px; background:#fff;
  transition:border .2s, box-shadow .2s; }
  .c365-form__grid input:focus, .c365-form__grid textarea:focus, .c365-form__grid select:focus { border-color:rgba(255,138,0,.65); box-shadow:0 0 0 4px rgba(255,180,0,.18); outline:none; }
  .c365-form__grid textarea { min-height:120px; resize:vertical; }
  .c365-form__full { grid-column:1 / -1; }
  .c365-faq-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
  .c365-faq { background:#fff; border-radius:20px; padding:24px; border:1px solid rgba(12,26,42,.08); box-shadow:0 10px 26px rgba(16,24,40,.08); }
  .c365-faq h4 { margin:0 0 10px; font-size:18px; font-weight:600; }
  .c365-faq p { margin:0; color:#667085; }
  @media (max-width:991px) {
    .c365-hero { padding:72px 0 90px; text-align:center; }
    .c365-hero__text h1 { font-size:36px; }
  }
  @media (max-width:640px) {
    .c365-hero__cta { justify-content:center; }
    .c365-hero__facts { text-align:center; }
  }
/* --- Mobile tweaks --- */
  @media (max-width: 767px) {
    .c365-container { padding: 0 18px; }
    .c365-hero { padding: 64px 0 72px; text-align: center; }
    .c365-hero__grid { gap: 28px; }
    .c365-hero__text h1 { font-size: 30px; line-height: 1.2; }
    .c365-hero__text p { margin: 0 auto 24px; font-size: 15px; }
    .c365-hero__cta { width: 100%; justify-content: center; }
    .c365-btn { width: 100%; max-width: 260px; }
    .c365-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .c365-fact { padding: 14px 16px; font-size: 14px; }
  }

  @media (max-width: 580px) {
    .c365-hero__facts { grid-template-columns: 1fr; }
    .c365-section { padding: 56px 0; }
    .c365-section h2 { font-size: 26px; }
    .c365-lead { font-size: 15px; margin-bottom: 28px; }
    .c365-card-grid { grid-template-columns: 1fr; gap: 18px; }
    .c365-card { padding: 22px; }
    .c365-badges { gap: 8px; }
    .c365-pill { width: 100%; justify-content: center; }
    .c365-map-grid { grid-template-columns: 1fr; gap: 20px; }
    .c365-map iframe { min-height: 320px; }
    .c365-form { padding: 26px 22px; }
    .c365-form__grid { grid-template-columns: 1fr; }
    .c365-faq-grid { grid-template-columns: 1fr; gap: 16px; }
    .c365-faq { padding: 20px; }
  }

  @media (max-width: 420px) {
    .c365-hero__text h1 { font-size: 26px; }
    .c365-btn { max-width: 100%; }
    .c365-fact strong { font-size: 18px; }
  }

 @media (max-width: 767px) {
    .c365-hero__grid {
      justify-items: center;
    }
    .c365-hero__text {
      max-width: 360px;
      margin: 0 auto;
    }
  }
   overflow: hidden;
    padding-bottom: 10px;
  }

  .c365-slider .swiper-slide {
    padding: 10px 6px 18px;
    box-sizing: border-box;
    height: auto;
  }
.c365-product-card__season--winter {
background: rgba(153,206,255,.95);
color: #0c4a7e;
}

 .hm-picker-submit {
    background: linear-gradient(135deg, #ffc857 0%, #ff8a00 45%, #ff6700 100%);
    color: #101219;
    border: none;
    border-radius: 18px;
    padding: 14px 36px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 22px 45px rgba(255, 138, 0, 0.35);
  }

  .hm-picker-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 28px 60px rgba(255, 138, 0, 0.38);
  }

  .hm-picker-submit:active {
    transform: translateY(1px);
    box-shadow: 0 18px 36px rgba(255, 138, 0, 0.32);
  }

.hm-picker-module .hm-picker-bg {
    opacity: 0.9;                  /* робимо фото помітним */
    filter: saturate(1.05) contrast(1.05);
  }

  .hm-picker-module .hm-picker-card {
    background: rgba(255, 255, 255, 0.78);  /* трохи прозоріше */
    backdrop-filter: blur(6px);             /* зменшуємо блюр, щоб фото читалось */
  }
 /* Більша прозорість і менш агресивний blur самої картки */
  .hm-picker-module .hm-picker-card {
    background: rgba(255, 255, 255, 0.68);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 30px 60px rgba(13, 26, 54, 0.22);
  }

  /* Напівпрозорий градієнт поверх фото, щоб залишити читабельність */
  .hm-picker-module .hm-picker-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, rgba(255,255,255,0.18) 0%, rgba(15,82,186,0.10) 45%, rgba(0,0,0,0.18) 100%);
  }

  /* Легший фон для внутрішніх панелей */
  .hm-picker-module .hm-picker-pane {
    background: rgba(255, 255, 255, 0.34);
    border: 1px solid rgba(255, 255, 255, 0.95);
  }
.hm-picker-module .hm-picker-card {
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.35);
  }

  .hm-picker-module .hm-picker-pane {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.35);
  }
 .hm-picker-grid--pairs,
  .hm-picker-grid--disk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .hm-picker-field--placeholder {
    display: block !important;
    visibility: hidden;
  }
 /* Контейнер і фон */
  .c365qp-result-wrapper {
    margin: clamp(32px, 6vw, 72px) auto;
  }

  .c365qp-result {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(13, 26, 54, 0.22);
    /* Десктопний фон (підтягується з twig через змінну) */
    background-image: var(--qp-bg-desktop);
    background-size: cover;
    background-position: center;
  }

  .c365qp-result::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(140deg, rgba(10, 24, 52, 0.35) 0%, rgba(255, 255, 255, 0.18) 45%, rgba(9, 15, 32, 0.35) 100%);
    pointer-events: none;
  }

  @media (max-width: 767px) {
    .c365qp-result {
      background-image: var(--qp-bg-mobile, var(--qp-bg-desktop));
    }
  }

  /* Основна картка */
  .c365qp-card {
    position: relative;
    margin: clamp(24px, 5vw, 40px);
    background: rgba(255, 255, 255, 0.68);
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
    display: grid;
    gap: clamp(18px, 3vw, 28px);
    box-shadow: 0 18px 45px rgba(12, 29, 62, 0.22);
    overflow: hidden;
  }

  .c365qp-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 82, 186, 0.08) 0%, rgba(255, 255, 255, 0.16) 50%, rgba(15, 82, 186, 0.06) 100%);
    pointer-events: none;
  }

  .c365qp-title {
    margin: 0;
    font-size: clamp(26px, 4vw, 38px);
    letter-spacing: -0.01em;
    z-index: 1;
  }

  .c365qp-meta {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    font-size: 14px;
    color: rgba(27, 31, 51, 0.78);
  }

  .c365qp-meta strong {
    color: #0f52ba;
  }

  /* Блоки розмірів */
  .c365qp-groups {
    display: grid;
    gap: clamp(16px, 3vw, 24px);
    z-index: 1;
  }

  .c365qp-group {
    display: grid;
    gap: 12px;
  }

  .c365qp-group__heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    background: linear-gradient(90deg, rgba(15, 82, 186, 0.14) 0%, rgba(255, 255, 255, 0.6) 60%);
    border-radius: 999px;
    font-weight: 600;
    color: #0c356d;
    box-shadow: 0 16px 32px rgba(12, 35, 72, 0.16);
  }

  .c365qp-group__heading::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f52ba 0%, #53a0fd 100%);
    box-shadow: 0 8px 18px rgba(15, 82, 186, 0.25);
  }

  .c365qp-list {
    display: grid;
    gap: 10px;
  }

  .c365qp-item a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 14px;
    color: #0f52ba;
    background: rgba(15, 82, 186, 0.12);
    border: 1px solid rgba(15, 82, 186, 0.14);
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }

  .c365qp-item a::after {
    content: '↗';
    font-size: 12px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
  }

  .c365qp-item a:hover {
    color: #fff;
    background: #0f52ba;
    box-shadow: 0 16px 36px rgba(15, 82, 186, 0.32);
    transform: translateY(-1px);
  }

  .c365qp-item a:hover::after {
    opacity: 1;
  }

  .c365qp-note {
    margin: 0;
    font-size: 13px;
    color: rgba(27, 31, 51, 0.72);
    z-index: 1;
  }

  /* Мобайл */
  @media (max-width: 767px) {
    .c365qp-card {
      border-radius: 24px;
    }
    .c365qp-meta {
      flex-direction: column;
      gap: 6px;
    }
  }
 /* робимо оверлей прозорішим */
  .c365qp-result::after {
    background: linear-gradient(
      140deg,
      rgba(10, 24, 52, 0.22) 0%,
      rgba(255, 255, 255, 0.10) 45%,
      rgba(9, 15, 32, 0.22) 100%
    );
  }

  /* картка – трішки прозоріша й менший blur */
  .c365qp-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.35);
  }

  /* всередині картки ледь помітний градієнт, щоб не забивати фон */
  .c365qp-card::before {
    background: linear-gradient(
      135deg,
      rgba(15, 82, 186, 0.04) 0%,
      rgba(255, 255, 255, 0.10) 50%,
      rgba(15, 82, 186, 0.03) 100%
    );
 /* робимо фото помітнішим */
  .c365qp-result::after {
    background: linear-gradient(
      140deg,
      rgba(10, 24, 52, 0.22) 0%,
      rgba(255, 255, 255, 0.10) 45%,
      rgba(9, 15, 32, 0.22) 100%
    );
  }

  /* картка ще прозоріша + плавний блюр */
  .c365qp-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.35);
  }

  /* тонший оверлей всередині картки */
  .c365qp-card::before {
    background: linear-gradient(
      135deg,
      rgba(15, 82, 186, 0.04) 0%,
      rgba(255, 255, 255, 0.12) 50%,
      rgba(15, 82, 186, 0.03) 100%
    );
  }

  /* лінки – яскравий синій, hover із іконкою */
  .c365qp-item a {
    color: #0f52ba;
    background: rgba(15, 82, 186, 0.12);
    border: 1px solid rgba(15, 82, 186, 0.18);
    transition: color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.2s;
  }
  .c365qp-item a::after {
    content: '↗';
    font-size: 12px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
  }
  .c365qp-item a:hover {
    color: #fff;
    background: #0f52ba;
    box-shadow: 0 16px 36px rgba(15, 82, 186, 0.32);
    transform: translateY(-1px);
  }
  .c365qp-item a:hover::after {
    opacity: 1;
  }
 .hm-picker-submit {
    background: linear-gradient(135deg, #1e4fff 0%, #0f3db2 100%);
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 12px 30px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 20px 40px rgba(15, 82, 186, 0.32);
  }

  .hm-picker-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 24px 48px rgba(15, 82, 186, 0.36);
  }

  .hm-picker-submit:active {
    transform: translateY(0);
    box-shadow: 0 16px 32px rgba(15, 82, 186, 0.28);
  }
.hm-picker-submit {
    background: linear-gradient(135deg, #3210b1 0%, #1e33e6 45%, #0b1029 100%);
    color: #ffffff;
    border: none;
    border-radius: 18px;
    padding: 14px 36px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 22px 45px rgba(255, 138, 0, 0.35);
}

.bs-guarantee {
    background: linear-gradient(135deg,#f6f8ff 0%,#ffffff 60%);
    border-radius: 24px;
    box-shadow: 0 24px 48px rgba(10,30,60,0.08);
    overflow: hidden;
    margin: 40px 0;
    font-family: 'Inter','Roboto','Segoe UI',sans-serif;
    color: #1f2d3d;
  }

  .bs-section {
    padding: 40px clamp(16px,4vw,56px);
  }

  .bs-row {
    display: grid;
    gap: clamp(24px,4vw,48px);
    grid-template-columns: minmax(0,1fr) minmax(280px,420px);
    align-items: start;
  }

  .bs-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .bs-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .bs-kicker {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #4c6fff;
  }

  .bs-title {
    margin: 0;
    font-size: clamp(28px,4vw,38px);
    line-height: 1.2;
  }

  .bs-lead p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.6;
  }

  .bs-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  }

  .bs-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 18px 32px rgba(18,41,78,0.08);
    display: grid;
    gap: 12px;
  }

  .bs-card h3 {
    margin: 0;
    font-size: 18px;
    color: #0f2355;
  }

  .bs-card ul {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 8px;
    font-size: 15px;
  }

  .bs-note {
    border-left: 4px solid #4c6fff;
    padding-left: 14px;
    color: #21324a;
    font-size: 14px;
  }

  .bs-col--media {
    position: relative;
  }

  .bs-media {
    margin: 0;
    background: #0f2355;
    border-radius: 22px;
    overflow: hidden;
    color: #fff;
    box-shadow: 0 24px 40px rgba(11,30,60,0.25);
  }

  .bs-media img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }

  .bs-media figcaption {
    padding: 12px 18px;
    font-size: 14px;
    background: rgba(0,0,0,0.35);
  }

  .bs-section--video {
    padding: clamp(32px,4vw,48px);
    background: #0f2355;
  }

  .bs-row--video {
    grid-template-columns: 1fr;
  }

  .bs-video-wrap {
    position: relative;
    padding-top: 56.25%;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 32px 60px rgba(8,18,40,0.45);
  }

  .bs-video-wrap iframe {
   position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  @media (max-width: 960px) {
    .bs-row {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    .bs-section {
      padding: 28px 18px;
    }
  }