/* Start:/bitrix/templates/verfmos-shop/css/title.css?1782906961811*/
.title-head {background: #2A438A; color: #fff; overflow: hidden; width: 100%;}
.title-head h1 {text-transform: uppercase;font-size: 90px;line-height: 1;padding: 160px 0px 60px 0px;}
.title-head .marquee-track {display: flex; width: max-content;}
.title-head .marquee-line {display: flex; flex-shrink: 0;}
.title-head .marquee-item {display: inline-flex; align-items: center; flex-shrink: 0; padding-right: 0;}
.title-head .marquee-item::after {content: '\2022'; display: inline-block; margin: 0 32px; color: inherit; font-size: 0.6em; vertical-align: middle;}

@media (max-width: 980px) {
.title-head h1 {font-size: 35px; padding: 100px 0px 10px 0px;}
}

@media (max-width: 480px) {
.title-head h1 {padding: 80px 0px 10px 0px;}
}

@media (max-width: 360px) {
.title-head h1 {font-size: 26px;}
}
/* End */


/* Start:/bitrix/templates/verfmos-shop/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963*/
.bx-breadcrumb {display: flex; color: #2a438a; width: 95%; margin: 0px auto; padding: 20px 0px; align-items: center;  justify-content: flex-start; max-width: 2500px;}
.bx-breadcrumb span {opacity: 0.5; }
.bx-breadcrumb span.breadcrumb-separator {opacity: 1; margin:-5px 10px 0px 10px;}
.bx-breadcrumb a {text-decoration: none;}
.bx-breadcrumb a span {color: #2a438a;  opacity: 1;}
.bx-breadcrumb a:hover {text-decoration: underline; }
.bx-breadcrumb .bx-breadcrumb-item {display: flex;	white-space: nowrap;line-height: 1;align-items: center;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 22px;white-space: normal;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 10px;}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {text-decoration:none;}

@media screen and (max-width: 980px) {
.breadcrumb {background:#2a438a;}
.bx-breadcrumb span  {color: #ffffff;}
.bx-breadcrumb a span {color: #ffffff; opacity: 1;}
.bx-breadcrumb span.breadcrumb-separator {filter: grayscale(1) brightness(1000%); margin:-2px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 0px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 16px;}
.bx-breadcrumb .bx-breadcrumb-item {display:inline-block; vertical-align:top}
.bx-breadcrumb {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display: block;}
.bx-breadcrumb::-webkit-scrollbar{height:0px;}
}

@media screen and (max-width: 640px) {
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 14px;margin: -2px 1px 0px 1px;}
.bx-breadcrumb {padding: 0;}
}

@media screen and (max-width: 480px) {
.bx-breadcrumb span.breadcrumb-separator {margin:0px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 12px;}
}

@media (prefers-color-scheme: dark) {
.bx-breadcrumb a span,
.bx-breadcrumb {color: #fff !important;}
.bx-breadcrumb .bx-breadcrumb-item span svg path {fill: #ffffff;}
}

/* End */


/* Start:/bitrix/templates/verfmos-shop/components/bitrix/catalog.element/shop_card/style.css?178229929611812*/
/* ==================== КАРТОЧКА ТОВАРА (ФИНАЛЬНАЯ ВЕРСИЯ) ==================== */

/* 🔑 Глобальный сброс для компонента */
.product-detail-wrapper, 
.product-detail-wrapper * {
    box-sizing: border-box;
}

.product-detail-wrapper {
    background: #fff;
    border-radius: 0px;
    padding: 40px;
    margin: 30px auto;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: 1px solid #E0E0E0;
}

/* 🔹 КНОПКА ЗАКРЫТИЯ (КРЕСТИК) */
.product-close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #54585A;
    transition: all 0.2s;
    z-index: 10;
}
.product-close-btn:hover {
    background: #2A438A;
    border-color: #2A438A;
    color: #fff;
    transform: rotate(90deg);
}

/* Страховка для изображений и таблиц */
.product-detail-wrapper img,
.product-detail-wrapper table,
.product-detail-wrapper .specs-grid {
    max-width: 100%;
    height: auto;
}

/* 🔹 МОБИЛЬНЫЙ ЗАГОЛОВОК (скрыт на десктопе) */
.product-mobile-header {
    display: none;
    margin-bottom: 20px;
}
.product-mobile-header .product-name {
    font-size: 28px;
    font-weight: 300;
    color: #2A438A;
    margin: 0 0 10px 0;
    line-height: 1.2;
    text-transform: uppercase;
}
.product-mobile-header .product-price-block {
    font-size: 28px;
    font-weight: 800;
    color: #2A438A;
    margin-bottom: 0;
}

/* 🔑 ДЕСКТОП: ДВЕ КОЛОНКИ (Flexbox) */
.product-detail-layout {
    display: flex;
    gap: 40px;
    align-items: stretch; /* 🔹 ИЗМЕНЕНО: было flex-start — теперь колонки одинаковой высоты */
}

/* 🔹 Левая колонка: Галерея */
.product-gallery-column {
    width: 50%;
    flex-shrink: 0;
}

.product-main-image {
    width: 100%;
    background: #f8f9fa;
    overflow: hidden;
    margin-bottom: 15px;
}
.product-main-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Миниатюры */
.product-thumbs {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow-x: auto;
    padding: 5px 0;
    scrollbar-width: none;
}
.product-thumbs::-webkit-scrollbar { display: none; }

.thumb-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.6;
    transition: all 0.3s;
    flex-shrink: 0;
}
.thumb-img:hover { opacity: 1; }
.thumb-img.active { border-color: #2A438A; opacity: 1; }

.thumb-nav {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #54585A;
    padding: 0 5px;
    flex-shrink: 0;
}

/* 🔹 Правая колонка: Заголовок (десктоп) + Контент */
.product-info-column {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    
}

/* Десктопный заголовок (скрыт на мобильных) */
.product-header-desktop {
    margin-bottom: 10px;
}
.product-header-desktop .product-name {
    font-size: 32px;
    font-weight: 300;
    color: #2A438A;
    margin: 0 0 15px 0;
    line-height: 1.3;
    text-transform: uppercase;
}
.product-header-desktop .product-price-block {
    font-size: 32px;
    font-weight: 800;
    color: #2A438A;
    margin-bottom: 0;
}

/* Контент: описание, свойства, кнопки */
.product-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-description,
.product-full-description {
    font-size: 14px;
    line-height: 1.7;
    color: #2A438A;
    margin: 0;
}

/* Свойства */
.product-specs { margin: 0; }

.specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    width: 100%;
}

.product-specs .specs-grid .spec-item {
    display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;
    border-top: 1px solid rgba(42, 67, 138, 0.3); position: relative; font-size: 20px; color:#2a438a;
}
.product-specs .specs-grid .spec-item:nth-of-type(2n+1) {border-right: 1px solid rgba(42, 67, 138, 0.3);}
.product-specs .specs-grid .spec-item:last-child,
.product-specs .specs-grid .spec-item:nth-last-child(2) {border-bottom: 1px solid rgba(42, 67, 138, 0.3);}
.product-specs .specs-grid .spec-item .spec-label {text-align: left;}
.product-specs .specs-grid .spec-item .spec-value {text-align: right;}
.product-specs .specs-grid .spec-item:nth-of-type(2n+1)::after {content: '';display:block;top: -8px;right: -8px;}
.product-specs .specs-grid .spec-item:nth-of-type(2n+1)::before {content: '';display:block;bottom: -8px;right: -8px;}
.product-specs .specs-grid .spec-item::after,
.product-specs .specs-grid .spec-item::before {width:16px;height:16px;position: absolute;z-index: 125;background-color: #ffffff;}

/* Кнопки */
.product-actions {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: auto !important; /* 🔹 МАГИЯ: толкает кнопки в самый низ */
    margin-bottom: 105px;
    padding-top: 20px;
    width: 100%;
}

.quantity-selector {
    flex: 1;
    min-width: 120px;
    display: flex;
    align-items: center;
    border: 1px solid #2A438A;
    border-radius: 50px;
    padding: 5px;
}

.qty-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #2A438A;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 300;
    flex-shrink: 0;
}
.qty-btn:hover { background: rgba(42, 67, 138, 0.1); }

.qty-input {
    flex: 1;
    text-align: center;
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #2A438A;
    background: transparent;
    outline: none;
    min-width: 0;
}

.btn-add-to-cart {
    flex: 1.5;
    min-width: 180px;
    padding: 18px 40px;
    background: #2A438A;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.btn-add-to-cart:hover {
    background: #1e326b;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(42, 67, 138, 0.3);
}

/* ==================== МОБИЛЬНЫЙ АДАПТИВ ==================== */
@media (max-width: 968px) {
    .product-detail-wrapper {
        padding: 20px 12px;
        margin: 15px auto;
        border-radius: 0px;
    }
    
    .product-close-btn {
        top: 15px;
        right: 12px;
        width: 38px;
        height: 38px;
    }
    
    /* 🔹 Показываем мобильный заголовок */
    .product-mobile-header {
        display: block;
    }
    
    /* 🔹 Скрываем десктопный заголовок */
    .product-header-desktop {
        display: none;
    }
    
    /* 🔹 Переключаем на одну колонку */
    .product-detail-layout {
        flex-direction: column;
        gap: 20px;
    }
    
    .product-gallery-column,
    .product-info-column {
        width: 100%;
    }
    
    /* Порядок на мобильном:
       1. .product-mobile-header (уже в начале)
       2. Галерея
       3. Контент
    */
    .product-gallery-column {
        order: 2;
    }
    
    .product-info-column {
        order: 3;
    }
    
    /* Галерея на мобильном */
    .product-main-image {
        margin-bottom: 15px;
    }
    
    .product-thumbs {
        gap: 8px;
        padding: 8px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .thumb-img { width: 55px; height: 55px; }
    .thumb-nav { display: none; }
    
    /* Заголовки на мобильном */
    .product-mobile-header .product-name { font-size: 22px; margin-bottom: 8px; }
    .product-mobile-header .product-price-block { font-size: 26px; }
    
    /* Таблица свойств на мобильном */
    .specs-grid {
        display: flex;
        flex-direction: column;
        border: 1px solid #E0E0E0;
        border-radius: 6px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 15px;
    }
    .spec-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 15px;
        border-bottom: 1px solid #E0E0E0;
        border-right: none !important;
        display: grid;
        grid-auto-flow: column;
    }
    .spec-item:last-child { border-bottom: none; }
    .spec-label { font-weight: 500; margin-bottom: 4px; font-size: 13px; }
    .spec-value { font-weight: 400; font-size: 14px; }
    
    /* Кнопки на мобильном */
    .product-actions {
        flex-direction: column;
        gap: 12px;
        margin-top: 15px !important;
        margin-bottom: 15px;
        padding-top: 0;
        width: 100%;
    }
    .quantity-selector,
    .btn-add-to-cart {
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
    }
    .quantity-selector {
        justify-content: center;
        padding: 6px;
    }
    .btn-add-to-cart {
        padding: 16px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .container { padding: 0px !important; }
    .product-detail-wrapper { padding: 15px 8px; }
    .product-mobile-header .product-name { font-size: 20px; }
    .product-mobile-header .product-price-block { font-size: 24px; }
    .thumb-img { width: 50px; height: 50px; }
}
/* 🔹 Блок выбора размера на странице товара */
.product-offers-block {
    margin: 15px 0 25px 0;
    padding: 15px 0;
    border-top: 1px solid rgba(42, 67, 138, 0.15);
    border-bottom: 1px solid rgba(42, 67, 138, 0.15);
}

.offers-label {
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
    font-weight: 500;
}

.offers-sizes {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.offer-size-btn {
    padding: 10px 20px;
    border: 1px solid rgba(42, 67, 138, 0.4);
    background: #fff;
    color: #2A438A;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 45px;
    text-align: center;
}

.offer-size-btn:hover:not(.active) {
    border-color: #2A438A;
    background: rgba(42, 67, 138, 0.05);
    transform: translateY(-1px);
}

.offer-size-btn.active {
    background: #2A438A;
    color: #fff;
    border-color: #2A438A;
    font-weight: 600;
}

.offer-size-btn:disabled,
.offer-size-btn.out-of-stock {
    opacity: 0.35;
    cursor: not-allowed;
    text-decoration: line-through;
    border-color: rgba(42, 67, 138, 0.15);
}

.offers-notice {
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    display: none;
}

/* 🔹 Кнопка корзины: состояние disabled */
.btn-add-to-cart:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}
/* End */
/* /bitrix/templates/verfmos-shop/css/title.css?1782906961811 */
/* /bitrix/templates/verfmos-shop/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963 */
/* /bitrix/templates/verfmos-shop/components/bitrix/catalog.element/shop_card/style.css?178229929611812 */