/* 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/news.list/shop_page_bl/style.css?17834024318116*/
.about-shop {margin:0 auto;line-height: 1;width: 95%;display:flex;padding:40px 0px;justify-content: space-between;}
.about-shop .about-shop-row {width:50%;}
.about-shop .about-shop-row h1 {font-size:64px; text-transform:uppercase;}
.about-shop .about-shop-row .discript-about-shop {font-size:24px; padding:20px 0px;}
.about-shop .about-shop-text {font-size:20px;line-height:1.4; width:40%;}
.about-shop .about-shop-text p {padding-bottom:20px;}

.shop-tabs-image {position: relative;width: 100%;height: 750px;overflow: hidden;background: rgba(42, 67, 138, 0.1);}
.shop-tabs-image .shop-tab-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0;
     transition: opacity 0.5s ease-in-out; z-index: 1;}
.shop-tabs-image .shop-tab-image.active {opacity: 1; z-index: 2;}


.shop-tabs-nav {display: grid; grid-template-columns: repeat(3, 1fr); margin: 0px auto; gap: 20px; width: 95%; padding: 50px 0px;}
.shop-tabs-nav .shop-tab-btn {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 20px 30px; background: rgba(42, 67, 138, 0.1);
cursor: pointer; transition: all 0.3s ease; min-height: 300px;}
.shop-tabs-nav .shop-tab-btn:hover,
.shop-tabs-nav .shop-tab-btn.active {background: #2A438A;color: #ffffff;}
.shop-tabs-nav .shop-tab-btn .tab-title {font-size: 45px; text-transform: uppercase;line-height: 1.06; transition: all 0.5s ease;}
.shop-tabs-nav .shop-tab-btn .tab-icon {width: 80px; height: 80px;}
.shop-tabs-nav .shop-tab-btn .tab-icon img {width: 80px; height: auto; transition: all 0.5s ease;}
.shop-tabs-nav .shop-tab-btn:hover .tab-icon img,
.shop-tabs-nav .shop-tab-btn.active .tab-icon img {filter: grayscale(1) brightness(1000%);}

.shop-tabs-content {}
.shop-tab-panel {display: none; animation: fadeInUp 0.4s ease;}
.shop-tab-panel.active {display: block;}
@keyframes fadeInUp {
    from {opacity: 0; transform: translateY(15px);}
    to {opacity: 1;transform: translateY(0);}
}

.tab-content-inner {width: 95%; margin:0 auto; line-height: 1.4; /*color: #161616;*/ font-size: 20px;}
.tab-content-inner .inform-block-shop {padding-bottom:50px;}
.tab-content-inner h3 {color: #2A438A; margin-bottom: 20px; font-size: 32px;  line-height: 1.4; text-transform: uppercase;}
.tab-content-inner p {margin-bottom: 10px;}
.tab-content-inner ul {padding-left: 45px; display:block;
  margin-bottom: 35px;}


.main-contacts {padding: 40px 0;}
.main-contacts .contacts-grid {display: flex;gap: 40px;justify-content: space-between;align-items: flex-start;}
.main-contacts .contacts-grid .contacts-left,
.main-contacts .contacts-grid .contacts-block-row {width:33%;}
.main-contacts .contacts-grid .contacts-left h3 {font-size: 32px; line-height: 1.4; text-transform: uppercase; color: #161616;}
.main-contacts .contacts-grid .contacts-block-row h3 {font-size: 20px; line-height: 1.4; text-transform: uppercase;}
.main-contacts .contacts-grid .contacts-block-row {line-height: 1.4;}
.main-contacts .contacts-grid .address,
.main-contacts .contacts-grid .phone,
.main-contacts .contacts-grid .mail {margin:35px 0px;}
.main-contacts .contacts-grid .phone a,
.main-contacts .contacts-grid .address,
.main-contacts .contacts-grid .mail a {font-size: 32px; color: #161616; text-decoration:none;}

/* ========================================== */
/* === АДАПТИВ: СТРАНИЦА О МАГАЗИНЕ (ЧИСТЫЙ + 10px ОТСТУПЫ) === */
/* ========================================== */

/* --- БАЗА: ОБЩИЕ 10px ОТСТУПЫ ДЛЯ ВСЕХ ЭКРАНОВ --- */
.about-shop,
.shop-tabs-nav,
.tab-content-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* --- 1. НОУТБУК (≤ 1200px) --- */
/* Плавное сжатие без перестроения */
@media (max-width: 1200px) {
    .about-shop, .shop-tabs-nav, .tab-content-inner {
        width: 100% !important;
    }
    .about-shop .about-shop-row h1 { font-size: clamp(48px, 4vw, 64px); }
    .about-shop .about-shop-row .discript-about-shop { font-size: clamp(20px, 2vw, 24px); }
    .about-shop .about-shop-text { font-size: clamp(18px, 1.8vw, 20px); }
    
    .shop-tabs-image { height: clamp(400px, 50vw, 750px); }
    .shop-tabs-nav { gap: 15px; padding-top: 40px; padding-bottom: 40px; }
    .shop-tabs-nav .shop-tab-btn { min-height: 240px; padding: 20px; }
    
    .tab-content-inner { font-size: clamp(18px, 1.6vw, 20px); }
    .tab-content-inner h3 { font-size: clamp(26px, 2.5vw, 32px); }
}

/* --- 2. ПЛАНШЕТ (≤ 1024px) --- */
/* about-shop → 1 колонка | Табы → горизонтально (3 шт) */
@media (max-width: 1024px) {
    .about-shop {
        flex-direction: column !important;
        gap: 25px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .about-shop .about-shop-row,
    .about-shop .about-shop-text { width: 100% !important; }

    .shop-tabs-nav {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .shop-tabs-nav .shop-tab-btn { min-height: 160px; padding: 15px; }
    .shop-tabs-nav .shop-tab-btn .tab-title { font-size: clamp(22px, 2.8vw, 45px) !important; line-height: 1.1; }
    .shop-tabs-nav .shop-tab-btn .tab-icon,
    .shop-tabs-nav .shop-tab-btn .tab-icon img { width: clamp(45px, 4vw, 80px); }

    .shop-tabs-image { height: clamp(300px, 45vw, 450px); }
    
    .main-contacts .contacts-grid { flex-wrap: wrap; gap: 25px; }
    .main-contacts .contacts-grid > div { width: 48% !important; }
}

/* --- 3. МОБИЛЬНЫЙ (≤ 768px) --- */
/* Табы → 1 колонка | Всё вертикально | 10px отступы сохранены */
@media (max-width: 768px) {
    .about-shop {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .about-shop .about-shop-row h1 { font-size: 32px; }
    .about-shop .about-shop-row .discript-about-shop { font-size: 18px; padding: 15px 0; }
    .about-shop .about-shop-text { font-size: 16px; }

    .shop-tabs-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .shop-tabs-nav .shop-tab-btn {
        min-height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px !important;
        width: 100%;
    }
    .shop-tabs-nav .shop-tab-btn .tab-title { font-size: 18px !important; text-align: left; flex: 1; margin-right: 10px; }
    .shop-tabs-nav .shop-tab-btn .tab-icon,
    .shop-tabs-nav .shop-tab-btn .tab-icon img { width: 36px !important; height: 36px !important; flex-shrink: 0; }

    .shop-tabs-image { height: clamp(200px, 60vw, 280px); }
    .tab-content-inner { font-size: 15px; line-height: 1.5; }
    .tab-content-inner h3 { font-size: 22px; margin-bottom: 15px; }
    .tab-content-inner ul { padding-left: 20px; }

    .main-contacts { padding-top: 30px !important; padding-bottom: 30px !important; }
    .main-contacts .contacts-grid { flex-direction: column; gap: 25px; }
    .main-contacts .contacts-grid > div { width: 100% !important; }
    .main-contacts .contacts-grid h3 { font-size: 20px; }
    .main-contacts .contacts-grid a { font-size: 18px; }
}

/* --- 4. КОМПАКТНЫЙ МОБИЛЬНЫЙ (≤ 480px) --- */
@media (max-width: 480px) {
    .shop-tabs-nav .shop-tab-btn { 
        flex-direction: column !important; 
        align-items: flex-start !important; 
        gap: 8px !important; 
    }
    .shop-tabs-nav .shop-tab-btn .tab-icon { order: -1; }
    .main-contacts .contacts-grid a { font-size: 16px; }
}
/* 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/news.list/shop_page_bl/style.css?17834024318116 */