

/* Start:/bitrix/templates/light_copy/components/bitrix/breadcrumb/hleb/style.min.css?1764757407448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/light_copy/template_styles.css?176476030044297*/
*, *::before, *::after {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
            line-height: 1.4;
            color: #333;
            background: #ffffff;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .no-scroll {
            overflow: hidden;
        }

        /* Boxed layout */
        .page-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            background: #ffffff;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.06);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* Header */
        .header {
            padding: 10px 20px 0;
        }

        .header-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .logo {
            display: flex;
            align-items: center;
        }

        .logo img {
            max-height: 60px;
        }

        .header-contacts {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .header-phones {
            display: flex;
            flex-direction: column;
            font-size: 14px;
            text-align: right;
        }

        .header-phones a {
            font-weight: 600;
            white-space: nowrap;
        }

        .header-meta {
            font-size: 12px;
            color: #666;
            text-align: right;
        }

        .header-messengers {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .messenger-icon {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #f2f2f2;
            transition: background 0.2s ease, transform 0.2s ease;
        }

        .messenger-icon svg {
            width: 16px;
            height: 16px;
        }

        .messenger-icon--wa svg {
            fill: #25d366;
        }

        .messenger-icon--tg svg {
            fill: #0088cc;
        }

        .messenger-icon:hover {
            background: #e5e5e5;
            transform: translateY(-1px);
        }

        /* Burger */
        .burger {
            display: none;
            width: 34px;
            height: 26px;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
            position: relative;
        }

        .burger-line {
            position: absolute;
            left: 0;
            right: 0;
            height: 3px;
            background: #000;
            border-radius: 2px;
            transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease;
        }

        .burger-line:nth-child(1) { top: 0; }
        .burger-line:nth-child(2) { top: 50%; transform: translateY(-50%); }
        .burger-line:nth-child(3) { bottom: 0; }

        .burger.is-active .burger-line:nth-child(1) {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }

        .burger.is-active .burger-line:nth-child(2) {
            opacity: 0;
        }

        .burger.is-active .burger-line:nth-child(3) {
            bottom: auto;
            top: 50%;
            transform: translateY(-50%) rotate(-45deg);
        }

        /* Cities */
        .header-cities {
            margin-top: 10px;
            padding: 4px 0 10px;
            font-size: 13px;
            color: #3f3f3f;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 6px 16px;
            text-align: center;
        }

        .header-cities span {
            white-space: nowrap;
        }

        /* Main nav */
        .main-nav {
            background: #000000;
            margin-top: 4px;
        }

        .main-nav__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0;
        }

        .main-nav__item {
            flex: 0 0 auto;
        }

        .main-nav__link {
            display: block;
            padding: 10px 20px;
            font-size: 13px;
            text-transform: uppercase;
            color: #ffffff;
            letter-spacing: 0.03em;
        }

        .main-nav__link:hover {
            background: #1a1a1a;
        }

        /* Layout */
        .layout {
            display: flex;
            padding: 20px;
            gap: 20px;
        }

        .sidebar {
            flex: 0 0 230px;
            font-size: 14px;
        }

        .sidebar-section + .sidebar-section {
            margin-top: 16px;
        }

        .sidebar-title {
            font-weight: 700;
            margin-bottom: 8px;
        }

        .sidebar-list li + li {
            margin-top: 4px;
        }

        .sidebar-list a {
            color: #000000;
            font-size: 13px;
        }

        .sidebar-list a:hover {
            text-decoration: underline;
        }

        .content {
            flex: 1 1 auto;
            font-size: 14px;
        }

        .content h1 {
            font-size: 22px;
            margin: 0 0 16px;
            text-transform: uppercase;
        }

        .brands-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
            gap: 20px;
            margin-bottom: 20px;
        }
        .brands-row img {
            width: 28%;
        }

        .intro {
            display: grid;
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 30px;
        }

        .intro-text {
            font-size: 14px;
        }

        .advantages {
            margin-bottom: 30px;
            padding: 16px 18px;
            background: #f6f6f6;
        }

        .advantages-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .advantages-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 6px 40px;
            font-size: 13px;
        }

        .advantages-item::before {
            content: "\2713";
            margin-right: 6px;
            color: #70b62c;
            font-weight: 700;
        }

        .banner-wide {
            margin-bottom: 30px;
        }

        .catalog-section {
            margin-bottom: 40px;
        }

        .catalog-title {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 24px;
        }

        .catalog-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 30px 24px;
        }

        .catalog-item {
            text-align: center;
            font-size: 13px;
        }

        .catalog-item-title {
            margin-top: 10px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .catalog-item-subtitle {
            margin-top: 4px;
            color: #666666;
        }

        .sale-banner {
            margin-bottom: 40px;
            padding: 18px;
            border: 1px solid #d7eac7;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .sale-banner-text {
            font-size: 20px;
            text-transform: uppercase;
            color: #7ab32e;
        }

        .sale-banner-subtext {
            font-size: 13px;
            color: #777;
        }

        /* Footer */
        .footer {
            margin-top: auto;
            color: #ffffff;
            background: #000000;
        }

        .footer-free {
            padding: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            display: grid;
            grid-template-columns: auto 1fr auto;
            align-items: center;
            gap: 20px;
        }

        .footer-free-badge {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #7ab32e;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 20px;
            text-transform: uppercase;
        }

        .footer-free-text {
            font-size: 14px;
        }

        .footer-search {
            max-width: 260px;
            width: 100%;
        }

        .footer-search input {
            width: 100%;
            padding: 8px 10px;
            border-radius: 20px;
            border: none;
            font-size: 13px;
        }

        .footer-main {
            padding: 24px 20px 10px;
        }

        .footer-columns {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
            font-size: 13px;
        }

        .footer-col-title {
            font-weight: 700;
            margin-bottom: 8px;
            text-transform: uppercase;
            font-size: 12px;
        }

        .footer-list li + li {
            margin-top: 4px;
        }

        .footer a:hover {
            text-decoration: underline;
        }

        .footer-contacts {
            font-size: 13px;
        }

        .footer-bottom {
            margin-top: 18px;
            padding-top: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 12px;
            color: #aaaaaa;
        }

        /* Mobile menu */
        .mobile-menu {
            position: fixed;
            inset: 0;
            z-index: 999;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .mobile-menu__overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.45);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .mobile-menu__panel {
            position: absolute;
            top: 0;
            right: 0;
            width: 280px;
            max-width: 80%;
            height: 100%;
            background: #000000;
            color: #ffffff;
            transform: translateX(100%);
            transition: transform 0.35s ease;
            padding: 20px 18px 30px;
            overflow-y: auto;
            font-size: 14px;
        }

        .mobile-menu__close {
            background: transparent;
            border: none;
            color: #ffffff;
            font-size: 26px;
            line-height: 1;
            cursor: pointer;
            padding: 0;
            margin: 0 0 10px auto;
            display: block;
        }

        .mobile-menu__section-title {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 13px;
            margin: 14px 0 8px;
        }

        .mobile-menu__nav a {
            display: block;
            padding: 8px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            font-size: 13px;
            text-transform: uppercase;
        }

        .mobile-menu__sidebar a {
            display: block;
            padding: 4px 0;
            font-size: 13px;
        }

        .mobile-menu__contacts {
            margin-top: 18px;
            font-size: 13px;
        }

        .mobile-menu__messengers {
            margin-top: 8px;
            display: flex;
            gap: 8px;
        }

        .mobile-menu.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .mobile-menu.is-open .mobile-menu__overlay {
            opacity: 1;
        }

        .mobile-menu.is-open .mobile-menu__panel {
            transform: translateX(0);
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .layout {
                gap: 16px;
            }

            .sidebar {
                flex-basis: 210px;
            }

            .catalog-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 768px) {
            .header {
                padding: 10px 16px 0;
            }

            .header-top {
                align-items: center;
            }

            .header-contacts {
                gap: 10px;
            }

            .header-meta {
                display: none;
            }

            .header-cities {
                display: none;
            }

            .main-nav {
                display: none;
            }

            .burger {
                display: block;
            }

            .layout {
                flex-direction: column;
                padding: 16px;
            }

            .sidebar {
                display: none;
            }

            .intro {
                grid-template-columns: 1fr;
            }

            .advantages-list {
                grid-template-columns: 1fr;
            }

            .catalog-grid {
                grid-template-columns: 1fr 1fr;
            }

            .sale-banner {
                flex-direction: column;
                align-items: flex-start;
            }

            .footer-free {
                grid-template-columns: 1fr;
                text-align: left;
            }

            .footer-free-badge {
                margin-bottom: 4px;
            }

            .footer-search {
                max-width: 100%;
            }

            .footer-columns {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 520px) {
            .header-phones {
                font-size: 12px;
            }

            .catalog-grid {
                grid-template-columns: 1fr 1fr;
            }

            .footer-columns {
                grid-template-columns: 1fr;
            }
            .brands-row img {
                width: 45%;
            }
        }
 *, *::before, *::after { box-sizing: border-box; }
        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
            line-height: 1.4;
            color: #333;
            background: #ffffff;
        }
        img { max-width: 100%; height: auto; display: block; }
        a { color: inherit; text-decoration: none; }
        ul { list-style: none; margin: 0; padding: 0; }
        .no-scroll { overflow: hidden; }

        /* Boxed layout */
        .page-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            background: #ffffff;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.06);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* Header */
        .header { padding: 10px 20px 0; }
        .header-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
        .logo { display: flex; align-items: center; }
        .logo img { max-height: 60px; }
        .header-contacts { display: flex; align-items: center; gap: 16px; }
        .header-phones { display: flex; flex-direction: column; font-size: 14px; text-align: right; }
        .header-phones a { font-weight: 600; white-space: nowrap; }
        .header-meta { font-size: 12px; color: #666; text-align: right; }
        .header-messengers { display: flex; align-items: center; gap: 8px; }

        .messenger-icon { width: 26px; height: 26px; border-radius: 50%; display:inline-flex; align-items:center; justify-content:center; background:#f2f2f2; transition:background .2s ease, transform .2s ease; }
        .messenger-icon svg { width: 16px; height: 16px; }
        .messenger-icon--wa svg { fill:#25d366; }
        .messenger-icon--tg svg { fill:#0088cc; }
        .messenger-icon:hover { background:#e5e5e5; transform:translateY(-1px); }

        .burger { display:none; width:34px; height:26px; padding:0; border:none; background:transparent; cursor:pointer; position:relative; }
        .burger-line { position:absolute; left:0; right:0; height:3px; background:#000; border-radius:2px; transition:transform .2s ease, top .2s ease, opacity .2s ease; }
        .burger-line:nth-child(1){ top:0; }
        .burger-line:nth-child(2){ top:50%; transform:translateY(-50%); }
        .burger-line:nth-child(3){ bottom:0; }
        .burger.is-active .burger-line:nth-child(1){ top:50%; transform:translateY(-50%) rotate(45deg); }
        .burger.is-active .burger-line:nth-child(2){ opacity:0; }
        .burger.is-active .burger-line:nth-child(3){ bottom:auto; top:50%; transform:translateY(-50%) rotate(-45deg); }

        .header-cities {
            margin-top:10px; padding:4px 0 10px; font-size:13px; color:#3f3f3f;
            display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; text-align:center;
        }
        .header-cities span { white-space:nowrap; }

        .main-nav { background:#000; margin-top:4px; }
        .main-nav__list { display:flex; flex-wrap:wrap; justify-content:center; }
        .main-nav__item { flex:0 0 auto; }
        .main-nav__link { display:block; padding:10px 20px; font-size:13px; text-transform:uppercase; color:#fff; letter-spacing:.03em; }
        .main-nav__link:hover { background:#1a1a1a; }

        /* Layout */
        .layout { display:flex; padding:20px; gap:20px; }
        .sidebar { flex:0 0 230px; font-size:14px; }
        .sidebar-section + .sidebar-section { margin-top:16px; }
        .sidebar-title { font-weight:700; margin-bottom:8px; }
        .sidebar-list li + li { margin-top:4px; }
        .sidebar-list a { color:#000; font-size:13px; }
        .sidebar-list a:hover { text-decoration:underline; }
        .content { flex:1 1 auto; font-size:14px; }

        .breadcrumbs { font-size:12px; color:#888; margin-bottom:10px; }
        .breadcrumbs a { color:#888; }
        .breadcrumbs a:hover { text-decoration:underline; }

        .section-title-main { font-size:22px; margin:0 0 16px; text-transform:uppercase; }

        /* Tag filters */
        .filters {
            display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px;
        }
        .filter-tag {
            display:inline-block; padding:5px 10px; border-radius:4px; font-size:12px; text-transform:lowercase;
            border:1px solid transparent; cursor:pointer; user-select:none;
        }
        .filter-tag--brand { background:#ff3b30; color:#fff; }
        .filter-tag--type { background:#8bc34a; color:#000; }
        .filter-tag:hover { opacity:0.9; }

        /* Products grid */
        .products-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:30px 24px; margin-bottom:30px; }
        .product-card { text-align:center; font-size:13px; }
        .product-card a { display:block; }
        .product-card-title { margin-top:10px; font-weight:700; }
        .product-card-subtitle { margin-top:4px; color:#666; }
        .product-card a:hover .product-card-title { text-decoration:underline; }

        /* Text block */
        .section-text { font-size:14px; line-height:1.6; margin-bottom:40px; }
        .section-text h2 { font-size:18px; margin:18px 0 8px; }
        .section-text h3 { font-size:16px; margin:16px 0 8px; }
        .section-text p { margin:0 0 10px; }
        .section-text ul { list-style:disc; padding-left:20px; margin:0 0 12px; }

        /* Footer */
        .footer { margin-top:auto; color:#fff; background:#000; }
        .footer-free { padding:20px; border-bottom:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; }
        .footer-free-badge { width:70px; height:70px; border-radius:50%; background:#7ab32e; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; text-transform:uppercase; }
        .footer-free-text { font-size:14px; }
        .footer-search { max-width:260px; width:100%; }
        .footer-search input { width:100%; padding:8px 10px; border-radius:20px; border:none; font-size:13px; }
        .footer-main { padding:24px 20px 10px; }
        .footer-columns { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; font-size:13px; }
        .footer-col-title { font-weight:700; margin-bottom:8px; text-transform:uppercase; font-size:12px; }
        .footer-list li + li { margin-top:4px; }
        .footer a:hover { text-decoration:underline; }
        .footer-contacts { font-size:13px; }
        .footer-bottom { margin-top:18px; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:#aaa; }

        /* Mobile menu */
        .mobile-menu { position:fixed; inset:0; z-index:999; opacity:0; pointer-events:none; transition:opacity .3s ease; }
        .mobile-menu__overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); opacity:0; transition:opacity .3s ease; }
        .mobile-menu__panel { position:absolute; top:0; right:0; width:280px; max-width:80%; height:100%; background:#000; color:#fff; transform:translateX(100%); transition:transform .35s ease; padding:20px 18px 30px; overflow-y:auto; font-size:14px; }
        .mobile-menu__close { background:transparent; border:none; color:#fff; font-size:26px; line-height:1; cursor:pointer; padding:0; margin:0 0 10px auto; display:block; }
        .mobile-menu__section-title { font-weight:700; text-transform:uppercase; font-size:13px; margin:14px 0 8px; }
        .mobile-menu__nav a { display:block; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; text-transform:uppercase; }
        .mobile-menu__sidebar a { display:block; padding:4px 0; font-size:13px; }
        .mobile-menu__contacts { margin-top:18px; font-size:13px; }
        .mobile-menu__messengers { margin-top:8px; display:flex; gap:8px; }
        .mobile-menu.is-open { opacity:1; pointer-events:auto; }
        .mobile-menu.is-open .mobile-menu__overlay { opacity:1; }
        .mobile-menu.is-open .mobile-menu__panel { transform:translateX(0); }

        /* Responsive */
        @media (max-width:1024px){
            .layout{ gap:16px; }
            .sidebar{ flex-basis:210px; }
            .products-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
            .footer-columns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
        }
        @media (max-width:768px){
            .header{ padding:10px 16px 0; }
            .header-contacts{ gap:10px; }
            .header-meta{ display:none; }
            .header-cities{ display:none; }
            .main-nav{ display:none; }
            .burger{ display:block; }
            .layout{ flex-direction:column; padding:16px; }
            .sidebar{ display:none; }
            .products-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
            .footer-free{ grid-template-columns:1fr; text-align:left; }
            .footer-free-badge{ margin-bottom:4px; }
            .footer-search{ max-width:100%; }
            .footer-columns{ grid-template-columns:repeat(2, minmax(0,1fr)); }
        }
        @media (max-width:520px){
            .header-phones{ font-size:12px; }
            .products-grid{ grid-template-columns:1fr; }
            .footer-columns{ grid-template-columns:1fr; }
        }
 /* Product list */
        .product-list { border-top:1px solid #ebebeb; }
        .product-item {
            display:grid;
            grid-template-columns:160px minmax(0, 1.2fr) minmax(0, 1.2fr);
            gap:20px;
            padding:18px 0;
            border-bottom:1px solid #ebebeb;
            align-items:flex-start;
        }
        .product-item__image { text-align:center; }
        .product-item__image img { margin:0 auto; }
        .product-item__title {
            font-weight:700;
            text-transform:uppercase;
            margin-bottom:8px;
            font-size:15px;
        }
        .product-item__subtitle { font-size:13px; color:#777; margin-bottom:6px; }
        .product-item__spec-row { font-size:13px; }
        .product-item__spec-row span { display:inline-block; min-width:200px; }
        .product-item__spec-row strong { font-weight:600; }

        .product-item__price-block {
            display:flex;
            flex-direction:column;
            align-items:flex-start;
            gap:10px;
            font-size:13px;
        }
        .product-item__price-label {
            display:inline-block;
            padding:7px 14px;
            border-radius:20px;
            background:#f2f8e9;
            color:#6c9f23;
            font-weight:600;
        }
        .product-item__actions { display:flex; flex-wrap:wrap; gap:8px; }
        .btn {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:7px 16px;
            border-radius:20px;
            font-size:12px;
            text-transform:uppercase;
            border:none;
            cursor:pointer;
            white-space:nowrap;
        }
        .btn--primary { background:#7ab32e; color:#fff; }
        .btn--ghost { background:#ffffff; color:#444; border:1px solid #d7d7d7; }
        .btn:hover { opacity:0.9; }

        /* Modal consultation form */
        .modal {
            position: fixed;
            inset: 0;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            pointer-events: none;
            transition: opacity .25s ease;
        }
        .modal__overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, .45);
        }
        .modal__dialog {
            position: relative;
            max-width: 420px;
            width: 100%;
            background: #ffffff;
            border-radius: 6px;
            padding: 22px 22px 20px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
            z-index: 1;
            font-size: 14px;
        }
        .modal__close {
            position: absolute;
            top: 10px;
            right: 12px;
            background: transparent;
            border: none;
            font-size: 22px;
            line-height: 1;
            cursor: pointer;
        }
        .modal__title {
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 10px;
        }
        .modal__subtitle {
            font-size: 13px;
            color: #666;
            margin-bottom: 14px;
        }
        .modal__field { margin-bottom: 10px; }
        .modal__label { display: block; font-size: 12px; margin-bottom: 4px; }
        .modal__input,
        .modal__textarea {
            width: 100%;
            padding: 7px 10px;
            border-radius: 4px;
            border: 1px solid #d4d4d4;
            font-size: 13px;
            font-family: inherit;
        }
        .modal__textarea { min-height: 70px; resize: vertical; }
        .modal__note { font-size: 11px; color: #888; margin-top: 6px; }
        .modal__actions { margin-top: 14px; display: flex; gap: 8px; align-items: center; }
        .modal__success { display: none; font-size: 14px; color: #2e7d32; }
        .modal__success-icon { margin-right: 6px; }
        .modal.is-open { opacity: 1; pointer-events: auto; }
        .modal--success .modal__form { display: none; }
        .modal--success .modal__success { display: flex; align-items: center; }

        @media (max-width: 480px) {
            .modal__dialog { padding: 18px 16px 16px; }
        }

        /* Footer */
        .footer { margin-top:auto; color:#fff; background:#000; }
        .footer-free { padding:20px; border-bottom:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; }
        .footer-free-badge { width:70px; height:70px; border-radius:50%; background:#7ab32e; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; text-transform:uppercase; }
        .footer-free-text { font-size:14px; }
        .footer-search { max-width:260px; width:100%; }
        .footer-search input { width:100%; padding:8px 10px; border-radius:20px; border:none; font-size:13px; }
        .footer-main { padding:24px 20px 10px; }
        .footer-columns { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; font-size:13px; }
        .footer-col-title { font-weight:700; margin-bottom:8px; text-transform:uppercase; font-size:12px; }
        .footer-list li + li { margin-top:4px; }
        .footer a:hover { text-decoration:underline; }
        .footer-contacts { font-size:13px; }
        .footer-bottom { margin-top:18px; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:#aaa; }

        /* Mobile menu */
        .mobile-menu { position:fixed; inset:0; z-index:999; opacity:0; pointer-events:none; transition:opacity .3s ease; }
        .mobile-menu__overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); opacity:0; transition:opacity .3s ease; }
        .mobile-menu__panel { position:absolute; top:0; right:0; width:280px; max-width:80%; height:100%; background:#000; color:#fff; transform:translateX(100%); transition:transform .35s ease; padding:20px 18px 30px; overflow-y:auto; font-size:14px; }
        .mobile-menu__close { background:transparent; border:none; color:#fff; font-size:26px; line-height:1; cursor:pointer; padding:0; margin:0 0 10px auto; display:block; }
        .mobile-menu__section-title { font-weight:700; text-transform:uppercase; font-size:13px; margin:14px 0 8px; }
        .mobile-menu__nav a { display:block; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; text-transform:uppercase; }
        .mobile-menu__sidebar a { display:block; padding:4px 0; font-size:13px; }
        .mobile-menu__contacts { margin-top:18px; font-size:13px; }
        .mobile-menu__messengers { margin-top:8px; display:flex; gap:8px; }
        .mobile-menu.is-open { opacity:1; pointer-events:auto; }
        .mobile-menu.is-open .mobile-menu__overlay { opacity:1; }
        .mobile-menu.is-open .mobile-menu__panel { transform:translateX(0); }

        /* Responsive */
        @media (max-width:1024px){
            .layout{ gap:16px; }
            .sidebar{ flex-basis:210px; }
            .product-item{ grid-template-columns:140px minmax(0, 1.1fr) minmax(0, 1.1fr); }
            .footer-columns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
        }
        @media (max-width:768px){
            .header{ padding:10px 16px 0; }
            .header-contacts{ gap:10px; }
            .header-meta{ display:none; }
            .header-cities{ display:none; }
            .main-nav{ display:none; }
            .burger{ display:block; }
            .layout{ flex-direction:column; padding:16px; }
            .sidebar{ display:none; }
            .product-item{ grid-template-columns:1fr; }
            .product-item__price-block{ align-items:flex-start; }
            .footer-free{ grid-template-columns:1fr; text-align:left; }
            .footer-free-badge{ margin-bottom:4px; }
            .footer-search{ max-width:100%; }
            .footer-columns{ grid-template-columns:repeat(2, minmax(0,1fr)); }
        }
        @media (max-width:520px){
            .header-phones{ font-size:12px; }
            .footer-columns{ grid-template-columns:1fr; }
        }

         /* Product top section */
        .product-top {
            display:grid;
            grid-template-columns:320px minmax(0, 1.2fr) 270px;
            gap:26px;
            margin-bottom:22px;
        }
        .product-top__image { text-align:center; }
        .product-top__image img { margin:0 auto; }

        .product-top__text { font-size:14px; line-height:1.6; }
        .product-top__text p { margin:0 0 10px; }

        .product-top__card {
            background:#f8f5ea;
            border-radius:4px;
            padding:16px 18px 18px;
            font-size:13px;
        }
        .product-top__card-title {
            font-weight:700;
            text-transform:uppercase;
            font-size:13px;
            margin-bottom:8px;
        }
        .product-top__card-list li + li { margin-top:4px; }
        .product-top__card-divider {
            margin:10px 0;
            border-top:1px solid #e1decf;
        }
        .product-top__price-label { font-size:14px; margin-bottom:4px; }
        .product-top__price-value { font-size:18px; font-weight:700; margin-bottom:6px; }
        .product-top__note { font-size:12px; color:#777; margin-top:6px; }

        .btn {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:7px 16px;
            border-radius:20px;
            font-size:12px;
            text-transform:uppercase;
            border:none;
            cursor:pointer;
            white-space:nowrap;
        }
        .btn--primary { background:#7ab32e; color:#fff; }
        .btn--ghost { background:#ffffff; color:#444; border:1px solid #d7d7d7; }
        .btn:hover { opacity:0.9; }

        .product-top__actions { margin-top:10px; }

        /* Gallery */
        .product-gallery {
            display:flex;
            gap:8px;
            overflow-x:auto;
            padding-bottom:6px;
            margin-bottom:26px;
            flex-wrap: wrap;
        }
        .product-gallery__item {
            flex:0 0 auto;
            width:140px;
            border:1px solid #e2e2e2;
            border-radius:3px;
            padding:4px;
            cursor:pointer;
        }
        .product-gallery__item img { width:100%; }
        .product-gallery__item.is-active { border-color:#7ab32e; }

        /* Characteristics */
        .product-specs {
            margin-bottom:26px;
        }
        .product-specs__title {
            text-align:center;
            text-transform:uppercase;
            font-size:16px;
            font-weight:700;
            margin-bottom:14px;
            border-top:2px solid #7ab32e;
            padding-top:10px;
        }
        .product-specs__inner {
            display:grid;
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
            gap:30px;
            font-size:13px;
        }
        .specs-table__row { display:flex; padding:3px 0; }
        .specs-table__name {
            flex:0 0 55%;
            position:relative;
            padding-right:6px;
        }
        .specs-table__dots {
            position:absolute;
            left:0;
            right:0;
            bottom:4px;
            border-bottom:1px dotted #cfcfcf;
            z-index:-1;
        }
        .specs-table__label {
            background:#fff;
            position:relative;
            padding-right:4px;
        }
        .specs-table__value {
            flex:1 1 auto;
            padding-left:4px;
            font-weight:600;
        }

        .product-docs__item {
            display:flex;
            align-items:flex-start;
            gap:8px;
            padding:4px 0;
        }
        .product-docs__icon {
            width:20px;
            height:20px;
            border-radius:3px;
            border:1px solid #7ab32e;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:14px;
            color:#7ab32e;
            flex-shrink:0;
        }
        .product-docs__link { font-size:13px; }
        .product-docs__link:hover { text-decoration:underline; }

        /* Text blocks */
        .product-text { font-size:14px; line-height:1.6; margin-bottom:24px; }
        .product-text h2 {
            font-size:16px;
            margin:18px 0 8px;
            text-transform:uppercase;
        }
        .product-text p { margin:0 0 10px; }

        .product-kit {
            margin-bottom:24px;
            font-size:14px;
        }
        .product-kit__title {
            text-transform:uppercase;
            font-weight:700;
            margin-bottom:8px;
            border-top:2px solid #7ab32e;
            padding-top:8px;
        }
        .product-kit ul { list-style:disc; padding-left:20px; }
        .product-kit li + li { margin-top:4px; }

        /* Related chemicals */
        .product-chemicals {
            margin-bottom:26px;
            font-size:14px;
        }
        .product-chemicals__title {
            text-transform:uppercase;
            font-weight:700;
            margin-bottom:10px;
            border-top:2px solid #7ab32e;
            padding-top:8px;
        }
        .product-chemicals__item {
            display:grid;
            grid-template-columns:80px minmax(0, 1fr);
            gap:12px;
            padding:10px 0;
            border-top:1px solid #ebebeb;
        }
        .product-chemicals__item:first-of-type { border-top:none; }
        .product-chemicals__name { font-weight:700; margin-bottom:4px; }
        .product-chemicals__desc { font-size:13px; color:#555; }

        /* Modal consultation form */
        .modal {
            position: fixed;
            inset: 0;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            pointer-events: none;
            transition: opacity .25s ease;
        }
        .modal__overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, .45);
        }
        .modal__dialog {
            position: relative;
            max-width: 420px;
            width: 100%;
            background: #ffffff;
            border-radius: 6px;
            padding: 22px 22px 20px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
            z-index: 1;
            font-size: 14px;
        }
        .modal__close {
            position: absolute;
            top: 10px;
            right: 12px;
            background: transparent;
            border: none;
            font-size: 22px;
            line-height: 1;
            cursor: pointer;
        }
        .modal__title {
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 10px;
        }
        .modal__subtitle {
            font-size: 13px;
            color: #666;
            margin-bottom: 14px;
        }
        .modal__field { margin-bottom: 10px; }
        .modal__label { display: block; font-size: 12px; margin-bottom: 4px; }
        .modal__input,
        .modal__textarea {
            width: 100%;
            padding: 7px 10px;
            border-radius: 4px;
            border: 1px solid #d4d4d4;
            font-size: 13px;
            font-family: inherit;
        }
        .modal__textarea { min-height: 70px; resize: vertical; }
        .modal__note { font-size: 11px; color: #888; margin-top: 6px; }
        .modal__actions { margin-top: 14px; display: flex; gap: 8px; align-items: center; }
        .modal__success { display: none; font-size: 14px; color: #2e7d32; }
        .modal__success-icon { margin-right: 6px; }
        .modal.is-open { opacity: 1; pointer-events: auto; }
        .modal--success .modal__form { display: none; }
        .modal--success .modal__success { display: flex; align-items: center; }

        @media (max-width: 480px) {
            .modal__dialog { padding: 18px 16px 16px; }
        }

        /* Footer */
        .footer { margin-top:auto; color:#fff; background:#000; }
        .footer-free { padding:20px; border-bottom:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; }
        .footer-free-badge { width:70px; height:70px; border-radius:50%; background:#7ab32e; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; text-transform:uppercase; }
        .footer-free-text { font-size:14px; }
        .footer-search { max-width:260px; width:100%; }
        .footer-search input { width:100%; padding:8px 10px; border-radius:20px; border:none; font-size:13px; }
        .footer-main { padding:24px 20px 10px; }
        .footer-columns { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; font-size:13px; }
        .footer-col-title { font-weight:700; margin-bottom:8px; text-transform:uppercase; font-size:12px; }
        .footer-list li + li { margin-top:4px; }
        .footer a:hover { text-decoration:underline; }
        .footer-contacts { font-size:13px; }
        .footer-bottom { margin-top:18px; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:#aaa; }

        /* Mobile menu */
        .mobile-menu { position:fixed; inset:0; z-index:999; opacity:0; pointer-events:none; transition:opacity .3s ease; }
        .mobile-menu__overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); opacity:0; transition:opacity .3s ease; }
        .mobile-menu__panel { position:absolute; top:0; right:0; width:280px; max-width:80%; height:100%; background:#000; color:#fff; transform:translateX(100%); transition:transform .35s ease; padding:20px 18px 30px; overflow-y:auto; font-size:14px; }
        .mobile-menu__close { background:transparent; border:none; color:#fff; font-size:26px; line-height:1; cursor:pointer; padding:0; margin:0 0 10px auto; display:block; }
        .mobile-menu__section-title { font-weight:700; text-transform:uppercase; font-size:13px; margin:14px 0 8px; }
        .mobile-menu__nav a { display:block; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; text-transform:uppercase; }
        .mobile-menu__sidebar a { display:block; padding:4px 0; font-size:13px; }
        .mobile-menu__contacts { margin-top:18px; font-size:13px; }
        .mobile-menu__messengers { margin-top:8px; display:flex; gap:8px; }
        .mobile-menu.is-open { opacity:1; pointer-events:auto; }
        .mobile-menu.is-open .mobile-menu__overlay { opacity:1; }
        .mobile-menu.is-open .mobile-menu__panel { transform:translateX(0); }

        /* Responsive */
        @media (max-width:1024px){
            .layout{ gap:16px; }
            .sidebar{ flex-basis:210px; }
            .product-top{ grid-template-columns:260px minmax(0, 1.1fr) 240px; }
            .product-specs__inner{ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
            .footer-columns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
        }
        @media (max-width:860px){
            .product-top{ grid-template-columns:260px minmax(0, 1.3fr); grid-template-rows:auto auto; }
            .product-top__card{ grid-column:1 / -1; }
        }
        @media (max-width:768px){
            .header{ padding:10px 16px 0; }
            .header-contacts{ gap:10px; }
            .header-meta{ display:none; }
            .header-cities{ display:none; }
            .main-nav{ display:none; }
            .burger{ display:block; }
            .layout{ flex-direction:column; padding:16px; }
            .sidebar{ display:none; }
            .product-top{ grid-template-columns:1fr; }
            .product-specs__inner{ grid-template-columns:1fr; }
            .product-chemicals__item{ grid-template-columns:70px minmax(0, 1fr); }
            .footer-free{ grid-template-columns:1fr; text-align:left; }
            .footer-free-badge{ margin-bottom:4px; }
            .footer-search{ max-width:100%; }
            .footer-columns{ grid-template-columns:repeat(2, minmax(0,1fr)); }
        }
        @media (max-width:520px){
            .header-phones{ font-size:12px; }
            .footer-columns{ grid-template-columns:1fr; }
        }
/* End */
/* /bitrix/templates/light_copy/components/bitrix/breadcrumb/hleb/style.min.css?1764757407448 */
/* /bitrix/templates/light_copy/template_styles.css?176476030044297 */
