/* Start:/bitrix/templates/bustokratia2026/styles.css?178609723722864*/
/* v4: токены приведены к каноническому Design MD (~/Design_System/design.md, финал 01.05.2026).
     Палитра — точные HEX из МД. Радиусы — вариант БК (card 14, CTA square 8, photo 0).
     Добавлены 4-pt spacing scale и type scale 1.25 из МД. Короткие алиасы сохранены. */
  :root{
    /* Paper (МД: canvas 90% площади, cream — секции-передышки, graphite — тёмные блоки/primary CTA) */
    --canvas:#FAF7F2;
    --cream:#F1ECE0;
    --graphite:#1C1A17;
    /* Ink */
    --stone:#6B6660;
    /* Accent 1 — Deep Iris: ТОЛЬКО italic-акценты в заголовках (не заливка секций) */
    --iris:#4A2E4A;
    /* Accent 2 — Terracotta: единственный сигнальный акцент (CTA-italic, нумерация секций, цитаты) */
    --terra:#5D2A1A;
    --line:#E3DCCF;

    /* Радиусы — БК */
    --radius-card:14px;      /* 12-16, по умолчанию 14 */
    --radius-btn:8px;        /* БК: square 8px для CTA/input */
    --radius-photo:0px;      /* крупные фото-блоки без скругления */

    /* 4-pt spacing scale (МД) */
    --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
    --space-md:24px; --space-lg:32px; --space-xl:48px; --space-2xl:64px; --space-3xl:96px;

    /* Type scale 1.25 (МД). Hero БК: display-s 76px … 88px (не выше) */
    --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:22px;
    --text-xl:28px; --text-2xl:36px; --text-3xl:46px; --text-4xl:58px;
    --text-display-s:76px;   /* БК hero cap floor */

    /* Motion (МД): reveal opacity + translateY, ease-out; никаких transition:all */
    --ease-out:cubic-bezier(0.16,1,0.3,1);
    --dur-base:240ms;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  /* МД motion stance: reduced-motion — без пространственных трансформаций */
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms !important}}
  body{
    font-family:'Geologica',system-ui,sans-serif;
    font-weight:300;
    color:var(--graphite);
    background:var(--canvas);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:'Spectral',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.01em}
  em{font-style:italic;color:var(--iris);font-family:'Spectral',Georgia,serif}
  .wrap{max-width:1200px;margin:0 auto;padding:0 18px}

  /* placeholder photo blocks */
  .ph{
    background:repeating-linear-gradient(135deg,#E7E0D3 0 12px,#E1DACB 12px 24px);
    color:var(--stone);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:11px;letter-spacing:.03em;padding:14px;line-height:1.4;
    font-weight:400;
  }
  .ph span{max-width:220px}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--line)}
  /* v2: шапка на grid — burger | logo | search | actions.
     На промежуточных ширинах (768–1100px) поиск не падает на вторую строку. */
  .topbar{
    display:grid;
    grid-template-columns:auto auto 1fr auto;
    align-items:center;
    column-gap:12px;
    min-height:56px;
  }
  .logo{font-family:'Spectral',serif;font-size:21px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
  .burger{font-size:22px;line-height:1;background:none;border:none;color:var(--graphite);cursor:pointer;padding:4px;grid-column:1}
  .head-actions{grid-column:4;display:flex;align-items:center;gap:16px}
  .icon-btn{background:none;border:none;color:var(--graphite);font-size:19px;cursor:pointer;position:relative;line-height:1}
  .cart-count{position:absolute;top:-7px;right:-9px;background:var(--terra);color:#fff;font-family:'Geologica';font-size:10px;font-weight:500;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-btn);padding:8px 12px;background:#fff}
  .search input{border:none;outline:none;background:none;font-family:'Geologica';font-size:14px;width:100%;color:var(--graphite)}
  .search input::placeholder{color:#A8A199}
  /* На мобиле поиск — отдельной строкой под топбаром (grid-column all) */
  .search-row{grid-column:1 / -1;padding:8px 0 10px}
  .usp{background:var(--graphite);color:var(--canvas);font-size:11.5px;font-weight:300;letter-spacing:.02em;text-align:center;padding:7px 10px}
  .usp b{font-weight:500}

  /* eyebrow — SEO-строка капителью над H1 (МД: retail-editorial, Geologica) */
  .eyebrow{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-sm)}

  /* ===== HERO ===== */
  .hero{padding:var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--line)}
  .hero-photo{aspect-ratio:4/5;border-radius:var(--radius-photo);margin-bottom:var(--space-md)} /* БК: 0px для крупных фото */
  /* БК hero: display-s 76-88px на десктопе; мобильный кегль масштабируется через clamp,
     line-height плотный (МД: display tight) */
  h1.hero-h1{font-size:clamp(34px,8.5vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin-bottom:var(--space-sm)}
  .hero-lead{font-size:var(--text-base);color:var(--stone);max-width:40ch;margin-bottom:var(--space-md)}
  .btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Geologica';font-weight:500;font-size:15px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;transition:opacity var(--dur-base) var(--ease-out);text-align:center}
  .btn-primary{background:var(--graphite);color:var(--canvas)}
  .btn-primary:active{opacity:.85}
  .btn-ghost{background:none;color:var(--graphite);border-color:var(--graphite)}
  .hero-cta{display:flex;flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%}

  /* ===== SECTION HEADINGS ===== */
  section{padding:var(--space-xl) 0}
  .sec-num{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:var(--text-sm);display:block;margin-bottom:var(--space-2xs)}
  h2.sec-title{font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .sec-sub{color:var(--stone);font-size:var(--text-sm);margin-bottom:var(--space-md);max-width:46ch}

  /* ===== CATEGORY TILES ===== */
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .cat{position:relative;display:block;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}
  .cat .ph{aspect-ratio:3/4}
  .cat-body{padding:12px 14px 14px}
  .cat-name{font-family:'Spectral',serif;font-size:17px;margin-bottom:2px}
  .cat-count{font-size:12px;color:var(--stone)}
  .cat.wide{grid-column:1 / -1}
  .cat.wide .ph{aspect-ratio:16/7}

  /* ===== FITTING (уникальная фича: 3 формата подбора) ===== */
  /* v4 (МД): тёмная секция = graphite (единственная санкционированная заливка тёмным),
     НЕ iris. Iris по МД — только italic-акцент в заголовке. Terracotta-тинт #C98B6B —
     сигнальный акцент на тёмном фоне (как в блоке доверия). */
  .fitting{background:var(--graphite);color:var(--canvas)}
  .fitting .sec-num{color:#C98B6B}
  .fitting h2{color:var(--canvas);font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .fitting h2 em{color:#C98B6B}          /* на graphite iris нечитаем → italic-акцент в terracotta-тинте */
  .fitting .sec-sub{color:#B7B0A6;font-size:var(--text-sm);max-width:52ch;margin-bottom:var(--space-2xs)}
  .fitting .fit-badge{display:inline-block;font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#C98B6B;border:1px solid rgba(201,139,107,.45);border-radius:40px;padding:5px 12px;margin-bottom:var(--space-md)}
  .fit-ways{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}
  .fit-way{background:var(--canvas);color:var(--graphite);border-radius:var(--radius-card);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column}
  .fit-step{font-family:'Spectral',serif;font-style:italic;font-size:var(--text-sm);color:var(--terra);margin-bottom:var(--space-2xs)}
  .fit-way h3{font-family:'Spectral',serif;font-size:var(--text-md);font-weight:400;line-height:1.15;margin-bottom:var(--space-2xs)}
  .fit-way p{font-size:var(--text-sm);color:var(--stone);margin-bottom:var(--space-sm);flex:1}
  .fit-price{font-family:'Geologica';font-weight:500;font-size:var(--text-sm);color:var(--graphite);margin-bottom:var(--space-xs)}
  .fit-price .free{color:var(--iris)}
  .fit-way .btn{width:100%}
  .fit-98{margin-top:var(--space-md);font-size:var(--text-sm);color:#B7B0A6;display:flex;align-items:baseline;gap:var(--space-2xs)}
  .fit-98 b{font-family:'Spectral',serif;font-size:var(--text-2xl);font-weight:400;color:var(--canvas);line-height:1}
  .fit-98 b em{color:#C98B6B}

  /* ===== PLUS SIZE STRIP ===== */
  .plus{background:var(--cream)}
  .plus .inner{display:block}
  .plus-photo{aspect-ratio:16/9;margin-bottom:20px}
  .plus h2{font-size:26px;margin-bottom:12px}
  .plus p{font-size:15px;color:var(--stone);margin-bottom:20px;max-width:52ch}
  .plus .btn{width:100%}

  /* ===== PRODUCTS ===== */
  .products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .prod{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prod .ph{aspect-ratio:3/4}
  .prod-body{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}
  .prod-cat{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);margin-bottom:4px;font-weight:400}
  .prod-name{font-family:'Spectral',serif;font-size:15px;line-height:1.2;margin-bottom:3px}
  .prod-size{font-size:11.5px;color:var(--stone);margin-bottom:10px}
  .prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .price{font-family:'Geologica';font-weight:500;font-size:16px}
  .btn-buy{background:var(--graphite);color:var(--canvas);border:none;border-radius:var(--radius-btn);font-family:'Geologica';font-weight:500;font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap}
  .products-cta{text-align:center;margin-top:24px}

  /* ===== TRUST ===== */
  .trust{background:var(--graphite);color:var(--canvas)}
  .trust .sec-num{color:#C98B6B}
  .trust h2{color:var(--canvas)}
  .trust .sec-sub{color:#B7B0A6}
  .trust-grid{display:grid;grid-template-columns:1fr;gap:2px;margin-top:var(--space-2xs);border:1px solid #34302B;border-radius:var(--radius-card);overflow:hidden}
  .trust-item{padding:var(--space-md) var(--space-sm);background:#211E1A}
  .trust-num{font-family:'Spectral',serif;font-size:var(--text-2xl);color:var(--canvas);line-height:1;margin-bottom:var(--space-2xs);font-weight:400}
  .trust-num em{color:#C98B6B}      /* сигнальный акцент на graphite (terracotta-тинт), iris там нечитаем */
  .trust-item h3{font-size:var(--text-md);color:var(--canvas);margin-bottom:var(--space-3xs);font-weight:400}
  .trust-item p{font-size:var(--text-sm);color:#B7B0A6;font-weight:300}

  /* ===== AUTHOR ===== */
  .author .inner{display:block}
  .author-photo{aspect-ratio:4/5;border-radius:0;margin-bottom:20px}
  .author h2{font-size:25px;margin-bottom:12px}
  .author p{font-size:15px;color:var(--stone);margin-bottom:14px;max-width:52ch}
  .author .sig{font-family:'Spectral',serif;font-style:italic;font-size:16px;color:var(--iris)}

  /* ===== REVIEWS ===== */
  .reviews{background:var(--cream)}
  .rev-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .rev{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px 20px}
  .rev-change{font-family:'Spectral',serif;font-size:20px;color:var(--iris);margin-bottom:10px}
  .rev-change em{color:var(--terra);font-style:italic}
  .rev-text{font-family:'Spectral',serif;font-size:16px;font-style:italic;line-height:1.4;color:var(--graphite);margin-bottom:12px}
  .rev-author{font-size:12.5px;color:var(--stone)}
  .rev-src{font-size:11px;color:#A8A199;margin-top:2px}

  /* ===== BOOKING SUPPORT ===== */
  .booking{background:var(--graphite);color:var(--canvas)}
  .booking .inner{display:block}
  .booking .sec-num{color:#C98B6B}
  .booking h2{color:var(--canvas);font-size:24px;margin-bottom:12px}
  .booking p{color:#B7B0A6;font-size:14.5px;margin-bottom:20px;max-width:50ch}
  .booking .btn-ghost{border-color:var(--canvas);color:var(--canvas);width:100%}
  .cities{display:flex;gap:22px;margin-bottom:22px;flex-wrap:wrap}
  .city b{display:block;font-family:'Spectral',serif;font-size:16px;color:var(--canvas);font-weight:400;margin-bottom:2px}
  .city span{font-size:12.5px;color:#B7B0A6}

  /* ===== FOOTER ===== */
  footer{background:var(--canvas);border-top:1px solid var(--line);padding:36px 0 30px}
  .foot-logo{font-family:'Spectral',serif;font-size:22px;font-weight:500;margin-bottom:18px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;margin-bottom:26px}
  .foot-col h4{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--stone);margin-bottom:12px}
  .foot-col a,.foot-col address{display:block;font-size:14px;color:var(--graphite);margin-bottom:9px;font-style:normal;line-height:1.4}
  .foot-social{display:flex;gap:14px;margin-bottom:20px}
  .foot-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--stone)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--stone)}
  .foot-bottom p{margin-bottom:6px}

  /* ===== TABLET ADAPT (768–1099px) ===== */
  @media (min-width:768px){
    .wrap{padding:0 32px}
    .topbar{
      min-height:66px;
      column-gap:20px;
      /* logo | search (растягивается) | actions. burger скрыт. */
      grid-template-columns:auto minmax(200px,460px) auto;
    }
    .burger{display:none}
    .logo{font-size:24px;grid-column:1}
    .search-row{grid-column:2;padding:0;justify-self:stretch;max-width:460px}
    .head-actions{grid-column:3;margin-left:0}
    .hero{padding:var(--space-xl) 0 var(--space-2xl)}
    .hero .inner{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-xl);align-items:center}
    .hero-photo{margin-bottom:0;aspect-ratio:4/5}
    .hero-text{order:-1}
    h1.hero-h1{font-size:58px}          /* --text-4xl, промежуточный шаг к БК display-s */
    .hero-lead{font-size:var(--text-md)}
    .hero-cta{flex-direction:row}
    .hero-cta .btn{width:auto}
    .cats{grid-template-columns:repeat(3,1fr);gap:18px}
    .cat.wide{grid-column:auto}
    .cat.wide .ph{aspect-ratio:3/4}
    h2.sec-title{font-size:var(--text-2xl)}
    .fitting h2{font-size:var(--text-2xl)}
    .fit-ways{grid-template-columns:repeat(3,1fr);gap:18px}
    .fit-way{padding:var(--space-md) var(--space-md)}
    .plus .inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
    .plus-photo{margin-bottom:0}
    .plus .btn{width:auto}
    .plus h2{font-size:var(--text-2xl)}
    .products{grid-template-columns:repeat(4,1fr)}
    .trust-grid{grid-template-columns:repeat(3,1fr)}
    .author .inner{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-xl);align-items:center}
    .author-photo{margin-bottom:0}
    .author h2{font-size:var(--text-2xl)}
    .rev-grid{grid-template-columns:repeat(3,1fr)}
    .booking .inner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center}
    .booking .btn-ghost{width:auto}
    .booking h2{font-size:var(--text-xl)}
    .foot-cols{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}
    section{padding:var(--space-2xl) 0}
  }
  @media (min-width:768px){
    .plus-photo{aspect-ratio:4/5}
  }
  /* Широкий десктоп: логотип + поиск не расползаются + hero достигает БК display-s (76px) */
  @media (min-width:1100px){
    .topbar{grid-template-columns:auto minmax(280px,520px) 1fr;}
    .search-row{grid-column:2;max-width:520px}
    .head-actions{grid-column:3;justify-self:end}
    h1.hero-h1{font-size:var(--text-display-s)}   /* 76px — БК hero cap floor */
    h2.sec-title,.fitting h2,.plus h2,.author h2{font-size:var(--text-3xl)}  /* 46px */
  }

/* ===== Фото в блоках вместо заглушек (07.08.2026) ===== */
.ph--img{position:relative;padding:0}
.ph--img span{display:none}
.ph--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* 07.08.2026: мобильная шапка — поиск не должен распирать grid шире вьюпорта */
.topbar .search-row{min-width:0}
.search{min-width:0}
.search input{min-width:0;width:100%}

/* 07.08.2026: компактная мини-корзина в шапке */
.hbc{display:flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.hbc svg{width:20px;height:20px;display:block}
.hbc-num{font-size:11px;font-weight:600;min-width:16px;height:16px;border-radius:8px;background:var(--graphite);color:var(--canvas,#fff);display:flex;align-items:center;justify-content:center;padding:0 4px}

/* 07.08.2026: чипы категорий под бестселлерами (вместо дублирующих фото-плиток) */
.cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.cat-chips a{display:inline-flex;align-items:baseline;gap:8px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;color:inherit;text-decoration:none}
.cat-chips a:hover{border-color:var(--graphite)}
.cat-chips a b{font-weight:500}
.cat-chips a span{color:var(--stone);font-size:12px}

/* ===== 07.08.2026, правки Алины по низу главной ===== */
/* Блок подбора: светлая гамма вместо тёмной, читаемость */
.fitting{background:var(--cream);color:var(--graphite)}
.fitting .sec-num{color:var(--stone)}
.fitting h2{color:var(--graphite)}
.fitting h2 em{color:var(--iris)}
.fitting .sec-sub{color:var(--stone)}
.fitting .fit-badge{color:var(--stone);border-color:var(--line)}
.fit-way{background:#fff;border:1px solid var(--line)}
.fit-98{color:var(--stone)}
.fit-98 b{color:var(--graphite)}
.fit-98 b em{color:var(--graphite)}
/* Цифры доверия без цветного акцента */
.trust-num em{color:var(--canvas)}
/* Запись: карточки салонов на светлом */
.booking{background:var(--cream);color:var(--graphite)}
.booking .sec-num{color:var(--stone)}
.booking h2{color:var(--graphite)}
.booking p{color:var(--stone)}
.salons{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
@media (min-width:900px){.salons{grid-template-columns:repeat(3,1fr)}}
.salon-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column}
.salon-card .ph{aspect-ratio:4/3}
.salon-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.salon-body .prod-name{margin-bottom:0}
.salon-actions{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.salon-more{font-size:13px;color:var(--stone);text-decoration:none;white-space:nowrap}
.salon-more:hover{color:var(--graphite)}

/* 07.08.2026: сетка акций (карточки-баннеры Тихоновой как есть) */
.sales-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
@media (min-width:900px){.sales-grid{grid-template-columns:repeat(2,1fr)}}
.sale-card{display:block;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}
.sale-card img{width:100%;height:auto;display:block}
.sale-card:hover{border-color:var(--graphite)}

/* 07.08.2026: иконки соцсетей в подвале вместо букв */
.foot-social a svg{width:18px;height:18px;display:block}
.foot-social a:hover{border-color:var(--graphite);color:var(--graphite)}

/* 07.08.2026: рабочее меню по бургеру (кнопка была заглушкой) */
.burger{background:none;border:1px solid var(--line);border-radius:var(--radius-btn);width:38px;height:38px;font-size:15px;cursor:pointer;color:var(--graphite)}
.burger.is-open,.burger:hover{border-color:var(--graphite)}
.mob-menu{background:var(--canvas);border-bottom:1px solid var(--line)}
.mob-menu nav{display:flex;flex-direction:column;padding:8px 0 14px}
.mob-menu a{padding:10px 0;font-size:15px;color:var(--graphite);text-decoration:none;border-bottom:1px solid var(--line)}
.mob-menu a:last-child{border-bottom:none}
@media (min-width:900px){.mob-menu nav{flex-direction:row;gap:24px;flex-wrap:wrap;padding:10px 0}.mob-menu a{border:none;padding:4px 0;font-size:14px}}

/* 07.08.2026: на десктопе меню — постоянная строка навигации (бургер там скрыт дизайном) */
@media (min-width:900px){
	.mob-menu[hidden]{display:block}
	.mob-menu nav{flex-direction:row;gap:26px;flex-wrap:wrap;padding:9px 0}
	.mob-menu a{border:none;padding:2px 0;font-size:13.5px;color:var(--stone)}
	.mob-menu a:hover{color:var(--graphite)}
	.mob-menu a[href^="tel"]{margin-left:auto}
}

/* 07.08.2026: строка-анонс акции над бестселлерами */
.promo-line{display:flex;align-items:center;gap:12px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 18px;margin-bottom:26px;text-decoration:none;color:var(--graphite)}
.promo-line__badge{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);white-space:nowrap}
.promo-line__text{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-line__more{font-size:13px;color:var(--stone);white-space:nowrap}
.promo-line:hover{border-color:var(--graphite)}

/* End */


/* Start:/bitrix/templates/bustokratia2026/css/catalog-category.css?178609892017627*/
/* v4: токены приведены к каноническому Design MD (~/Design_System/design.md, финал 01.05.2026).
     Палитра — точные HEX из МД. Радиусы — вариант БК (card 14, CTA square 8, photo 0).
     Добавлены 4-pt spacing scale и type scale 1.25 из МД. Короткие алиасы сохранены. */
  :root{
    /* Paper (МД: canvas 90% площади, cream — секции-передышки, graphite — тёмные блоки/primary CTA) */
    --canvas:#FAF7F2;
    --cream:#F1ECE0;
    --graphite:#1C1A17;
    /* Ink */
    --stone:#6B6660;
    /* Accent 1 — Deep Iris: ТОЛЬКО italic-акценты в заголовках (не заливка секций) */
    --iris:#4A2E4A;
    /* Accent 2 — Terracotta: единственный сигнальный акцент (CTA-italic, нумерация секций, цитаты) */
    --terra:#5D2A1A;
    --line:#E3DCCF;

    /* Радиусы — БК */
    --radius-card:14px;      /* 12-16, по умолчанию 14 */
    --radius-btn:8px;        /* БК: square 8px для CTA/input */
    --radius-photo:0px;      /* крупные фото-блоки без скругления */

    /* 4-pt spacing scale (МД) */
    --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
    --space-md:24px; --space-lg:32px; --space-xl:48px; --space-2xl:64px; --space-3xl:96px;

    /* Type scale 1.25 (МД). Hero БК: display-s 76px … 88px (не выше) */
    --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:22px;
    --text-xl:28px; --text-2xl:36px; --text-3xl:46px; --text-4xl:58px;
    --text-display-s:76px;   /* БК hero cap floor */

    /* Motion (МД): reveal opacity + translateY, ease-out; никаких transition:all */
    --ease-out:cubic-bezier(0.16,1,0.3,1);
    --dur-base:240ms;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  /* МД motion stance: reduced-motion — без пространственных трансформаций */
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms !important}}
  body{
    font-family:'Geologica',system-ui,sans-serif;
    font-weight:300;
    color:var(--graphite);
    background:var(--canvas);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:'Spectral',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.01em}
  em{font-style:italic;color:var(--iris);font-family:'Spectral',Georgia,serif}
  .wrap{max-width:1200px;margin:0 auto;padding:0 18px}

  /* placeholder photo blocks */
  .ph{
    background:repeating-linear-gradient(135deg,#E7E0D3 0 12px,#E1DACB 12px 24px);
    color:var(--stone);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:11px;letter-spacing:.03em;padding:14px;line-height:1.4;
    font-weight:400;
  }
  .ph span{max-width:220px}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--line)}
  /* v2: шапка на grid — burger | logo | search | actions.
     На промежуточных ширинах (768–1100px) поиск не падает на вторую строку. */
  .topbar{
    display:grid;
    grid-template-columns:auto auto 1fr auto;
    align-items:center;
    column-gap:12px;
    min-height:56px;
  }
  .logo{font-family:'Spectral',serif;font-size:21px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
  .burger{font-size:22px;line-height:1;background:none;border:none;color:var(--graphite);cursor:pointer;padding:4px;grid-column:1}
  .head-actions{grid-column:4;display:flex;align-items:center;gap:16px}
  .icon-btn{background:none;border:none;color:var(--graphite);font-size:19px;cursor:pointer;position:relative;line-height:1}
  .cart-count{position:absolute;top:-7px;right:-9px;background:var(--terra);color:#fff;font-family:'Geologica';font-size:10px;font-weight:500;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-btn);padding:8px 12px;background:#fff}
  .search input{border:none;outline:none;background:none;font-family:'Geologica';font-size:14px;width:100%;color:var(--graphite)}
  .search input::placeholder{color:#A8A199}
  /* На мобиле поиск — отдельной строкой под топбаром (grid-column all) */
  .search-row{grid-column:1 / -1;padding:8px 0 10px}
  .usp{background:var(--graphite);color:var(--canvas);font-size:11.5px;font-weight:300;letter-spacing:.02em;text-align:center;padding:7px 10px}
  .usp b{font-weight:500}

  /* eyebrow — SEO-строка капителью над H1 (МД: retail-editorial, Geologica) */
  .eyebrow{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-sm)}

  /* ===== HERO ===== */
  .hero{padding:var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--line)}
  .hero-photo{aspect-ratio:4/5;border-radius:var(--radius-photo);margin-bottom:var(--space-md)} /* БК: 0px для крупных фото */
  /* БК hero: display-s 76-88px на десктопе; мобильный кегль масштабируется через clamp,
     line-height плотный (МД: display tight) */
  h1.hero-h1{font-size:clamp(34px,8.5vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin-bottom:var(--space-sm)}
  .hero-lead{font-size:var(--text-base);color:var(--stone);max-width:40ch;margin-bottom:var(--space-md)}
  .btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Geologica';font-weight:500;font-size:15px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;transition:opacity var(--dur-base) var(--ease-out);text-align:center}
  .btn-primary{background:var(--graphite);color:var(--canvas)}
  .btn-primary:active{opacity:.85}
  .btn-ghost{background:none;color:var(--graphite);border-color:var(--graphite)}
  .hero-cta{display:flex;flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%}

  /* ===== SECTION HEADINGS ===== */
  section{padding:var(--space-xl) 0}
  .sec-num{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:var(--text-sm);display:block;margin-bottom:var(--space-2xs)}
  h2.sec-title{font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .sec-sub{color:var(--stone);font-size:var(--text-sm);margin-bottom:var(--space-md);max-width:46ch}

  /* ===== CATEGORY TILES ===== */
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .cat{position:relative;display:block;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}
  .cat .ph{aspect-ratio:3/4}
  .cat-body{padding:12px 14px 14px}
  .cat-name{font-family:'Spectral',serif;font-size:17px;margin-bottom:2px}
  .cat-count{font-size:12px;color:var(--stone)}
  .cat.wide{grid-column:1 / -1}
  .cat.wide .ph{aspect-ratio:16/7}

  /* ===== PRODUCTS ===== */
  .products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .prod{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prod .ph{aspect-ratio:3/4}
  .prod-body{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}
  .prod-cat{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);margin-bottom:4px;font-weight:400}
  .prod-name{font-family:'Spectral',serif;font-size:15px;line-height:1.2;margin-bottom:3px}
  .prod-size{font-size:11.5px;color:var(--stone);margin-bottom:10px}
  .prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .price{font-family:'Geologica';font-weight:500;font-size:16px}
  .btn-buy{background:var(--graphite);color:var(--canvas);border:none;border-radius:var(--radius-btn);font-family:'Geologica';font-weight:500;font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap}
  .products-cta{text-align:center;margin-top:24px}

  /* ===== FOOTER ===== */
  footer{background:var(--canvas);border-top:1px solid var(--line);padding:36px 0 30px}
  .foot-logo{font-family:'Spectral',serif;font-size:22px;font-weight:500;margin-bottom:18px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;margin-bottom:26px}
  .foot-col h4{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--stone);margin-bottom:12px}
  .foot-col a,.foot-col address{display:block;font-size:14px;color:var(--graphite);margin-bottom:9px;font-style:normal;line-height:1.4}
  .foot-social{display:flex;gap:14px;margin-bottom:20px}
  .foot-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--stone)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--stone)}
  .foot-bottom p{margin-bottom:6px}

  /* =====================================================================
     НОВЫЕ СТИЛИ ЛИСТИНГА КАТЕГОРИИ (в токенах системы, шапку/футер не трогают)
     ===================================================================== */

  /* Хлебные крошки */
  .crumbs{font-family:'Geologica';font-size:var(--text-xs);color:var(--stone);padding:var(--space-md) 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .crumbs a{color:var(--stone)}
  .crumbs a:hover{color:var(--graphite)}
  .crumbs .sep{color:#C3BCAF}
  .crumbs [aria-current]{color:var(--graphite)}

  /* Интро листинга */
  .listing-head{padding:var(--space-sm) 0 var(--space-lg);border-bottom:1px solid var(--line)}
  h1.listing-h1{font-size:clamp(30px,7vw,38px);font-weight:400;line-height:1.1;letter-spacing:-.015em;margin-bottom:var(--space-xs)}
  .listing-intro{font-size:var(--text-base);color:var(--stone);max-width:56ch}

  /* Панель фильтров */
  .filters{padding:var(--space-md) 0;border-bottom:1px solid var(--line)}
  .filter-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
  .filter-group{}
  .filter-label{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-2xs);display:block}
  .filter-opts{display:flex;flex-wrap:wrap;gap:8px}
  .fopt{font-family:'Geologica';font-weight:400;font-size:13px;color:var(--graphite);background:#fff;border:1px solid var(--line);border-radius:var(--radius-btn);padding:7px 12px;cursor:pointer;line-height:1;transition:border-color var(--dur-base) var(--ease-out)}
  .fopt:hover{border-color:var(--graphite)}
  .fopt.is-active{background:var(--graphite);color:var(--canvas);border-color:var(--graphite)}
  .filter-sub{font-size:11px;color:#A8A199;margin-bottom:6px;font-family:'Geologica'}
  .price-range{display:flex;align-items:center;gap:10px;max-width:320px}
  .price-input{flex:1;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;padding:8px 10px;font-family:'Geologica';font-size:13px;color:var(--graphite);outline:none}
  .price-input::placeholder{color:#A8A199}
  .price-dash{color:var(--stone)}
  .filter-actions{display:flex;gap:10px;margin-top:var(--space-md)}
  .filter-actions .btn{font-size:13px;padding:10px 18px}
  .filter-reset{background:none;border:none;font-family:'Geologica';font-size:13px;color:var(--stone);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  /* Sticky-кнопка «Фильтры» на мобиле */
  .filter-bar-mobile{display:flex;position:sticky;top:56px;z-index:40;background:var(--canvas);border-bottom:1px solid var(--line);padding:10px 0;gap:10px;align-items:center;justify-content:space-between}
  .filter-toggle{font-family:'Geologica';font-weight:500;font-size:13px;color:var(--graphite);background:#fff;border:1px solid var(--line);border-radius:var(--radius-btn);padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
  .filter-toggle .cnt{color:var(--terra)}
  .filter-sort{font-family:'Geologica';font-size:13px;color:var(--stone);background:#fff;border:1px solid var(--line);border-radius:var(--radius-btn);padding:9px 12px}

  /* Чипсы-подкатегории */
  .chips-wrap{padding:var(--space-md) 0}
  .chips-title{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-2xs)}
  .chips{display:flex;flex-wrap:wrap;gap:8px}
  .chip{font-family:'Geologica';font-weight:400;font-size:13px;color:var(--graphite);background:var(--cream);border:1px solid var(--line);border-radius:40px;padding:7px 15px;line-height:1;transition:border-color var(--dur-base) var(--ease-out)}
  .chip:hover{border-color:var(--graphite)}

  /* Врезка «подберём» после 2-го ряда */
  .band{grid-column:1 / -1;background:var(--graphite);color:var(--canvas);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}
  .band-step{font-family:'Spectral',serif;font-style:italic;font-size:var(--text-sm);color:#C98B6B}
  .band h3{font-family:'Spectral',serif;font-weight:400;font-size:var(--text-lg);line-height:1.15;color:var(--canvas)}
  .band h3 em{color:#C98B6B}
  .band p{font-size:var(--text-sm);color:#B7B0A6;max-width:56ch}
  .band .btn-ghost{border-color:var(--canvas);color:var(--canvas);align-self:flex-start;width:100%}

  /* Пагинация */
  .pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:var(--space-xl);flex-wrap:wrap}
  .pager a,.pager span{font-family:'Geologica';font-size:14px;min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-btn);color:var(--graphite);background:#fff}
  .pager .is-current{background:var(--graphite);color:var(--canvas);border-color:var(--graphite)}
  .pager .pager-gap{border:none;background:none;color:var(--stone);min-width:24px}
  .pager .pager-nav{font-weight:500}

  /* SEO-текст низа страницы */
  .seo-text{background:var(--cream)}
  .seo-text .inner{max-width:760px}
  .seo-text h2{font-family:'Spectral',serif;font-weight:400;font-size:var(--text-lg);line-height:1.18;color:var(--graphite);margin:var(--space-lg) 0 var(--space-2xs)}
  .seo-text h2:first-child{margin-top:0}
  .seo-text p{font-size:var(--text-base);color:var(--stone);margin-bottom:var(--space-sm);line-height:1.6}
  .seo-text ul{margin:0 0 var(--space-sm) 0;padding-left:1.1em}
  .seo-text li{font-size:var(--text-base);color:var(--stone);margin-bottom:6px;line-height:1.55}

  /* Перелинковка */
  .links-block h2.sec-title{margin-bottom:var(--space-md)}
  .link-cols{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
  .link-col h3{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-2xs)}
  .link-list{display:flex;flex-wrap:wrap;gap:8px}
  .link-list a{font-family:'Geologica';font-size:13px;color:var(--graphite);background:#fff;border:1px solid var(--line);border-radius:40px;padding:7px 15px;line-height:1;transition:border-color var(--dur-base) var(--ease-out)}
  .link-list a:hover{border-color:var(--graphite)}

  /* ===== TABLET ADAPT (768–1099px) ===== */
  @media (min-width:768px){
    .wrap{padding:0 32px}
    .topbar{
      min-height:66px;
      column-gap:20px;
      /* logo | search (растягивается) | actions. burger скрыт. */
      grid-template-columns:auto minmax(200px,460px) auto;
    }
    .burger{display:none}
    .logo{font-size:24px;grid-column:1}
    .search-row{grid-column:2;padding:0;justify-self:stretch;max-width:460px}
    .head-actions{grid-column:3;margin-left:0}
    h1.listing-h1{font-size:var(--text-2xl)}
    h2.sec-title{font-size:var(--text-2xl)}
    .products{grid-template-columns:repeat(4,1fr)}
    .filter-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-xl)}
    .filter-bar-mobile{display:none}       /* на планшете/десктопе фильтры всегда раскрыты */
    .filters{display:block}
    .band{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl)}
    .band-copy{flex:1}
    .band .btn-ghost{width:auto;white-space:nowrap}
    .link-cols{grid-template-columns:repeat(3,1fr)}
    .foot-cols{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}
    section{padding:var(--space-2xl) 0}
    .seo-text .inner{margin:0 auto}
  }
  /* Широкий десктоп: логотип + поиск не расползаются */
  @media (min-width:1100px){
    .topbar{grid-template-columns:auto minmax(280px,520px) 1fr;}
    .search-row{grid-column:2;max-width:520px}
    .head-actions{grid-column:3;justify-self:end}
    h2.sec-title{font-size:var(--text-3xl)}
    .filter-grid{grid-template-columns:repeat(4,1fr);align-items:start}
  }
/* End */


/* Start:/bitrix/templates/bustokratia2026/css/catalog-product.css?178609892026385*/
/* v4: токены приведены к каноническому Design MD (~/Design_System/design.md, финал 01.05.2026).
     Палитра — точные HEX из МД. Радиусы — вариант БК (card 14, CTA square 8, photo 0).
     Добавлены 4-pt spacing scale и type scale 1.25 из МД. Короткие алиасы сохранены. */
  :root{
    /* Paper (МД: canvas 90% площади, cream — секции-передышки, graphite — тёмные блоки/primary CTA) */
    --canvas:#FAF7F2;
    --cream:#F1ECE0;
    --graphite:#1C1A17;
    /* Ink */
    --stone:#6B6660;
    /* Accent 1 — Deep Iris: ТОЛЬКО italic-акценты в заголовках (не заливка секций) */
    --iris:#4A2E4A;
    /* Accent 2 — Terracotta: единственный сигнальный акцент (CTA-italic, нумерация секций, цитаты) */
    --terra:#5D2A1A;
    --line:#E3DCCF;

    /* Радиусы — БК */
    --radius-card:14px;      /* 12-16, по умолчанию 14 */
    --radius-btn:8px;        /* БК: square 8px для CTA/input */
    --radius-photo:0px;      /* крупные фото-блоки без скругления */

    /* 4-pt spacing scale (МД) */
    --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
    --space-md:24px; --space-lg:32px; --space-xl:48px; --space-2xl:64px; --space-3xl:96px;

    /* Type scale 1.25 (МД). Hero БК: display-s 76px … 88px (не выше) */
    --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:22px;
    --text-xl:28px; --text-2xl:36px; --text-3xl:46px; --text-4xl:58px;
    --text-display-s:76px;   /* БК hero cap floor */

    /* Motion (МД): reveal opacity + translateY, ease-out; никаких transition:all */
    --ease-out:cubic-bezier(0.16,1,0.3,1);
    --dur-base:240ms;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  /* МД motion stance: reduced-motion — без пространственных трансформаций */
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms !important}}
  body{
    font-family:'Geologica',system-ui,sans-serif;
    font-weight:300;
    color:var(--graphite);
    background:var(--canvas);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:'Spectral',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.01em}
  em{font-style:italic;color:var(--iris);font-family:'Spectral',Georgia,serif}
  .wrap{max-width:1200px;margin:0 auto;padding:0 18px}

  /* placeholder photo blocks */
  .ph{
    background:repeating-linear-gradient(135deg,#E7E0D3 0 12px,#E1DACB 12px 24px);
    color:var(--stone);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:11px;letter-spacing:.03em;padding:14px;line-height:1.4;
    font-weight:400;
  }
  .ph span{max-width:220px}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:50;background:var(--canvas);border-bottom:1px solid var(--line)}
  /* v2: шапка на grid — burger | logo | search | actions.
     На промежуточных ширинах (768–1100px) поиск не падает на вторую строку. */
  .topbar{
    display:grid;
    grid-template-columns:auto auto 1fr auto;
    align-items:center;
    column-gap:12px;
    min-height:56px;
  }
  .logo{font-family:'Spectral',serif;font-size:21px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
  .burger{font-size:22px;line-height:1;background:none;border:none;color:var(--graphite);cursor:pointer;padding:4px;grid-column:1}
  .head-actions{grid-column:4;display:flex;align-items:center;gap:16px}
  .icon-btn{background:none;border:none;color:var(--graphite);font-size:19px;cursor:pointer;position:relative;line-height:1}
  .cart-count{position:absolute;top:-7px;right:-9px;background:var(--terra);color:#fff;font-family:'Geologica';font-size:10px;font-weight:500;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-btn);padding:8px 12px;background:#fff}
  .search input{border:none;outline:none;background:none;font-family:'Geologica';font-size:14px;width:100%;color:var(--graphite)}
  .search input::placeholder{color:#A8A199}
  /* На мобиле поиск — отдельной строкой под топбаром (grid-column all) */
  .search-row{grid-column:1 / -1;padding:8px 0 10px}
  .usp{background:var(--graphite);color:var(--canvas);font-size:11.5px;font-weight:300;letter-spacing:.02em;text-align:center;padding:7px 10px}
  .usp b{font-weight:500}

  /* eyebrow — SEO-строка капителью над H1 (МД: retail-editorial, Geologica) */
  .eyebrow{font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:var(--space-sm)}

  /* ===== HERO ===== */
  .hero{padding:var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--line)}
  .hero-photo{aspect-ratio:4/5;border-radius:var(--radius-photo);margin-bottom:var(--space-md)} /* БК: 0px для крупных фото */
  /* БК hero: display-s 76-88px на десктопе; мобильный кегль масштабируется через clamp,
     line-height плотный (МД: display tight) */
  h1.hero-h1{font-size:clamp(34px,8.5vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin-bottom:var(--space-sm)}
  .hero-lead{font-size:var(--text-base);color:var(--stone);max-width:40ch;margin-bottom:var(--space-md)}
  .btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Geologica';font-weight:500;font-size:15px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;transition:opacity var(--dur-base) var(--ease-out);text-align:center}
  .btn-primary{background:var(--graphite);color:var(--canvas)}
  .btn-primary:active{opacity:.85}
  .btn-ghost{background:none;color:var(--graphite);border-color:var(--graphite)}
  .hero-cta{display:flex;flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%}

  /* ===== SECTION HEADINGS ===== */
  section{padding:var(--space-xl) 0}
  .sec-num{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:var(--text-sm);display:block;margin-bottom:var(--space-2xs)}
  h2.sec-title{font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .sec-sub{color:var(--stone);font-size:var(--text-sm);margin-bottom:var(--space-md);max-width:46ch}

  /* ===== CATEGORY TILES ===== */
  .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .cat{position:relative;display:block;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}
  .cat .ph{aspect-ratio:3/4}
  .cat-body{padding:12px 14px 14px}
  .cat-name{font-family:'Spectral',serif;font-size:17px;margin-bottom:2px}
  .cat-count{font-size:12px;color:var(--stone)}
  .cat.wide{grid-column:1 / -1}
  .cat.wide .ph{aspect-ratio:16/7}

  /* ===== FITTING (уникальная фича: 3 формата подбора) ===== */
  /* v4 (МД): тёмная секция = graphite (единственная санкционированная заливка тёмным),
     НЕ iris. Iris по МД — только italic-акцент в заголовке. Terracotta-тинт #C98B6B —
     сигнальный акцент на тёмном фоне (как в блоке доверия). */
  .fitting{background:var(--graphite);color:var(--canvas)}
  .fitting .sec-num{color:#C98B6B}
  .fitting h2{color:var(--canvas);font-size:var(--text-xl);line-height:1.12;margin-bottom:var(--space-2xs)}
  .fitting h2 em{color:#C98B6B}          /* на graphite iris нечитаем → italic-акцент в terracotta-тинте */
  .fitting .sec-sub{color:#B7B0A6;font-size:var(--text-sm);max-width:52ch;margin-bottom:var(--space-2xs)}
  .fitting .fit-badge{display:inline-block;font-family:'Geologica';font-weight:500;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#C98B6B;border:1px solid rgba(201,139,107,.45);border-radius:40px;padding:5px 12px;margin-bottom:var(--space-md)}
  .fit-ways{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}
  .fit-way{background:var(--canvas);color:var(--graphite);border-radius:var(--radius-card);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column}
  .fit-step{font-family:'Spectral',serif;font-style:italic;font-size:var(--text-sm);color:var(--terra);margin-bottom:var(--space-2xs)}
  .fit-way h3{font-family:'Spectral',serif;font-size:var(--text-md);font-weight:400;line-height:1.15;margin-bottom:var(--space-2xs)}
  .fit-way p{font-size:var(--text-sm);color:var(--stone);margin-bottom:var(--space-sm);flex:1}
  .fit-price{font-family:'Geologica';font-weight:500;font-size:var(--text-sm);color:var(--graphite);margin-bottom:var(--space-xs)}
  .fit-price .free{color:var(--iris)}
  .fit-way .btn{width:100%}
  .fit-98{margin-top:var(--space-md);font-size:var(--text-sm);color:#B7B0A6;display:flex;align-items:baseline;gap:var(--space-2xs)}
  .fit-98 b{font-family:'Spectral',serif;font-size:var(--text-2xl);font-weight:400;color:var(--canvas);line-height:1}
  .fit-98 b em{color:#C98B6B}

  /* ===== PLUS SIZE STRIP ===== */
  .plus{background:var(--cream)}
  .plus .inner{display:block}
  .plus-photo{aspect-ratio:16/9;margin-bottom:20px}
  .plus h2{font-size:26px;margin-bottom:12px}
  .plus p{font-size:15px;color:var(--stone);margin-bottom:20px;max-width:52ch}
  .plus .btn{width:100%}

  /* ===== PRODUCTS ===== */
  .products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .prod{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prod .ph{aspect-ratio:3/4}
  .prod-body{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1}
  .prod-cat{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);margin-bottom:4px;font-weight:400}
  .prod-name{font-family:'Spectral',serif;font-size:15px;line-height:1.2;margin-bottom:3px}
  .prod-size{font-size:11.5px;color:var(--stone);margin-bottom:10px}
  .prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .price{font-family:'Geologica';font-weight:500;font-size:16px}
  .btn-buy{background:var(--graphite);color:var(--canvas);border:none;border-radius:var(--radius-btn);font-family:'Geologica';font-weight:500;font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap}
  .products-cta{text-align:center;margin-top:24px}

  /* ===== TRUST ===== */
  .trust{background:var(--graphite);color:var(--canvas)}
  .trust .sec-num{color:#C98B6B}
  .trust h2{color:var(--canvas)}
  .trust .sec-sub{color:#B7B0A6}
  .trust-grid{display:grid;grid-template-columns:1fr;gap:2px;margin-top:var(--space-2xs);border:1px solid #34302B;border-radius:var(--radius-card);overflow:hidden}
  .trust-item{padding:var(--space-md) var(--space-sm);background:#211E1A}
  .trust-num{font-family:'Spectral',serif;font-size:var(--text-2xl);color:var(--canvas);line-height:1;margin-bottom:var(--space-2xs);font-weight:400}
  .trust-num em{color:#C98B6B}      /* сигнальный акцент на graphite (terracotta-тинт), iris там нечитаем */
  .trust-item h3{font-size:var(--text-md);color:var(--canvas);margin-bottom:var(--space-3xs);font-weight:400}
  .trust-item p{font-size:var(--text-sm);color:#B7B0A6;font-weight:300}

  /* ===== AUTHOR ===== */
  .author .inner{display:block}
  .author-photo{aspect-ratio:4/5;border-radius:0;margin-bottom:20px}
  .author h2{font-size:25px;margin-bottom:12px}
  .author p{font-size:15px;color:var(--stone);margin-bottom:14px;max-width:52ch}
  .author .sig{font-family:'Spectral',serif;font-style:italic;font-size:16px;color:var(--iris)}

  /* ===== REVIEWS ===== */
  .reviews{background:var(--cream)}
  .rev-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .rev{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px 20px}
  .rev-change{font-family:'Spectral',serif;font-size:20px;color:var(--iris);margin-bottom:10px}
  .rev-change em{color:var(--terra);font-style:italic}
  .rev-text{font-family:'Spectral',serif;font-size:16px;font-style:italic;line-height:1.4;color:var(--graphite);margin-bottom:12px}
  .rev-author{font-size:12.5px;color:var(--stone)}
  .rev-src{font-size:11px;color:#A8A199;margin-top:2px}

  /* ===== BOOKING SUPPORT ===== */
  .booking{background:var(--graphite);color:var(--canvas)}
  .booking .inner{display:block}
  .booking .sec-num{color:#C98B6B}
  .booking h2{color:var(--canvas);font-size:24px;margin-bottom:12px}
  .booking p{color:#B7B0A6;font-size:14.5px;margin-bottom:20px;max-width:50ch}
  .booking .btn-ghost{border-color:var(--canvas);color:var(--canvas);width:100%}
  .cities{display:flex;gap:22px;margin-bottom:22px;flex-wrap:wrap}
  .city b{display:block;font-family:'Spectral',serif;font-size:16px;color:var(--canvas);font-weight:400;margin-bottom:2px}
  .city span{font-size:12.5px;color:#B7B0A6}

  /* ===== FOOTER ===== */
  footer{background:var(--canvas);border-top:1px solid var(--line);padding:36px 0 30px}
  .foot-logo{font-family:'Spectral',serif;font-size:22px;font-weight:500;margin-bottom:18px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;margin-bottom:26px}
  .foot-col h4{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--stone);margin-bottom:12px}
  .foot-col a,.foot-col address{display:block;font-size:14px;color:var(--graphite);margin-bottom:9px;font-style:normal;line-height:1.4}
  .foot-social{display:flex;gap:14px;margin-bottom:20px}
  .foot-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--stone)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--stone)}
  .foot-bottom p{margin-bottom:6px}

  /* =====================================================================
     ===== PRODUCT CARD — локальные блоки (те же токены, kit-совместимо) ===
     ===================================================================== */

  /* хлебные крошки */
  .crumbs{font-size:12.5px;color:var(--stone);padding:var(--space-md) 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .crumbs a{color:var(--stone)}
  .crumbs a:hover{color:var(--graphite)}
  .crumbs .sep{color:#C3BBAD}

  /* верхний слой: галерея + панель покупки */
  .pdp-top{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding-top:var(--space-md)}

  /* галерея */
  .gal-main{aspect-ratio:4/5;border-radius:var(--radius-photo)}
  .gal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
  .gal-thumb{aspect-ratio:3/4;border:1px solid var(--line)}
  .gal-thumb .ph{width:100%;height:100%;font-size:10px}

  /* панель покупки */
  .buy-title{font-family:'Spectral',serif;font-weight:400;font-size:26px;line-height:1.14;letter-spacing:-.01em;margin:6px 0 4px}
  .buy-color-line{font-size:13px;color:var(--stone);margin-bottom:14px}
  .buy-color-line b{font-weight:500;color:var(--graphite)}
  .buy-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
  .buy-price{font-family:'Geologica';font-weight:600;font-size:26px;color:var(--graphite)}
  .buy-price-note{font-size:12px;color:var(--stone)}
  .buy-avail{font-size:12.5px;color:var(--iris);margin-bottom:var(--space-md);display:flex;align-items:center;gap:6px}
  .buy-avail::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--iris);display:inline-block}

  /* селектор размера: пояс × чашка */
  .size-block{margin-bottom:var(--space-md)}
  .size-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;gap:12px}
  .size-label{font-family:'Geologica';font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
  .size-chosen{font-size:13px;color:var(--graphite);font-weight:500}
  .size-chosen em{color:var(--terra);font-style:normal}
  .size-sub{font-size:11px;color:var(--stone);margin-bottom:8px}
  .size-grid{display:flex;flex-wrap:wrap;gap:7px}
  .size-chip{font-family:'Geologica';font-weight:500;font-size:13px;min-width:44px;padding:9px 6px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-btn);background:#fff;color:var(--graphite);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
  .size-chip[aria-pressed="true"]{background:var(--graphite);color:var(--canvas);border-color:var(--graphite)}
  .size-chip.is-off{color:#BEB7AB;background:#F3EFE7;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#C9C1B4}
  .cup-grid{display:flex;flex-wrap:wrap;gap:7px;min-height:44px}
  .cup-empty{font-size:12px;color:var(--stone);align-self:center}

  .buy-cta{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-md)}
  .buy-cta .btn{width:100%}
  .buy-cta .btn[disabled]{opacity:.45;cursor:not-allowed}

  /* мини-таблица преимуществ панели */
  .buy-mini{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:var(--space-sm);border-top:1px solid var(--line);font-size:12.5px;color:var(--stone)}
  .buy-mini span{display:flex;align-items:center;gap:6px}
  .buy-mini b{color:var(--graphite);font-weight:500}

  /* врезка "не знаете размер?" */
  .size-help{background:var(--cream);border-radius:var(--radius-card);padding:var(--space-md) var(--space-sm);margin-top:var(--space-sm)}
  .size-help h3{font-family:'Spectral',serif;font-weight:400;font-size:18px;margin-bottom:6px}
  .size-help p{font-size:13px;color:var(--stone);margin-bottom:14px;line-height:1.5}
  .size-help-cta{display:flex;flex-direction:column;gap:9px}
  .size-help-cta .btn{width:100%;font-size:14px;padding:12px 16px}
  .btn-msgr{background:#fff;border:1px solid var(--line);color:var(--graphite);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Geologica';font-weight:500;font-size:14px;padding:12px 16px;border-radius:var(--radius-btn)}

  /* fit-notes: честная посадка */
  .fitnotes{background:var(--cream)}
  .fitnotes-list{display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--line)}
  .fitnote{background:var(--canvas);padding:var(--space-md) var(--space-sm);display:flex;gap:14px;align-items:flex-start}
  .fitnote .fn-mark{font-family:'Spectral',serif;font-style:italic;color:var(--terra);font-size:16px;line-height:1.4;flex-shrink:0}
  .fitnote h3{font-family:'Spectral',serif;font-weight:400;font-size:16px;margin-bottom:3px;line-height:1.25}
  .fitnote p{font-size:13.5px;color:var(--stone);line-height:1.5}

  /* табы / аккордеон */
  .tabs{border-top:1px solid var(--line)}
  .tab{border-bottom:1px solid var(--line)}
  .tab-btn{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Spectral',serif;font-size:19px;color:var(--graphite);padding:var(--space-md) 2px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .tab-btn .tb-plus{font-family:'Geologica';font-weight:300;font-size:24px;color:var(--stone);line-height:1;transition:transform var(--dur-base) var(--ease-out)}
  .tab-btn[aria-expanded="true"] .tb-plus{transform:rotate(45deg)}
  .tab-panel{display:none;padding:0 2px var(--space-md)}
  .tab-panel[data-open="true"]{display:block}
  .tab-panel p{font-size:14.5px;color:var(--stone);line-height:1.6;margin-bottom:10px;max-width:64ch}
  .tab-panel ul{list-style:none;margin:0 0 10px;padding:0}
  .tab-panel li{font-size:14.5px;color:var(--stone);line-height:1.6;padding-left:18px;position:relative;margin-bottom:5px}
  .tab-panel li::before{content:"·";position:absolute;left:5px;color:var(--terra);font-weight:700}
  .tab-todo{display:inline-block;font-family:'Geologica';font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);border:1px solid var(--line);border-radius:40px;padding:3px 9px;margin-bottom:8px}

  /* production strip */
  .prodstrip{background:var(--graphite);color:var(--canvas)}
  .prodstrip .inner{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
  .prodstrip h2{color:var(--canvas);font-size:var(--text-xl);line-height:1.14;margin-bottom:10px}
  .prodstrip h2 em{color:#C98B6B}
  .prodstrip p{color:#B7B0A6;font-size:14.5px;max-width:52ch}
  .ps-nums{display:flex;gap:28px;flex-wrap:wrap;margin-top:var(--space-sm)}
  .ps-num b{display:block;font-family:'Spectral',serif;font-size:var(--text-2xl);color:var(--canvas);font-weight:400;line-height:1}
  .ps-num b em{color:#C98B6B}
  .ps-num span{font-size:12.5px;color:#B7B0A6}

  /* photo-reviews */
  .photorev .rating-line{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-md);flex-wrap:wrap}
  .stars{font-family:'Geologica';color:var(--terra);font-size:18px;letter-spacing:2px}
  .rating-val{font-family:'Spectral',serif;font-size:22px;color:var(--graphite)}
  .rating-cnt{font-size:13px;color:var(--stone)}
  .prev-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .prev{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;display:flex;flex-direction:column}
  .prev .ph{aspect-ratio:4/3}
  .prev-body{padding:14px 15px 16px}
  .prev-verified{display:inline-flex;align-items:center;gap:5px;font-family:'Geologica';font-weight:500;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--iris);margin-bottom:8px}
  .prev-verified::before{content:"✓";font-size:11px}
  .prev-text{font-family:'Spectral',serif;font-style:italic;font-size:15px;line-height:1.4;color:var(--graphite);margin-bottom:10px}
  .prev-meta{font-size:12px;color:var(--stone)}
  .prev-meta b{color:var(--graphite);font-weight:500}

  /* delivery strip */
  .deliv-grid{display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--line)}
  .deliv-item{background:var(--canvas);padding:var(--space-md) var(--space-sm)}
  .deliv-item h3{font-family:'Spectral',serif;font-weight:400;font-size:17px;margin-bottom:5px}
  .deliv-item p{font-size:13.5px;color:var(--stone);line-height:1.5;margin-bottom:8px}
  .deliv-item a{font-family:'Geologica';font-weight:500;font-size:13px;color:var(--iris);border-bottom:1px solid rgba(74,46,74,.25);padding-bottom:1px}

  /* ===== TABLET ADAPT (768–1099px) ===== */
  @media (min-width:768px){
    .wrap{padding:0 32px}
    .topbar{
      min-height:66px;
      column-gap:20px;
      /* logo | search (растягивается) | actions. burger скрыт. */
      grid-template-columns:auto minmax(200px,460px) auto;
    }
    .burger{display:none}
    .logo{font-size:24px;grid-column:1}
    .search-row{grid-column:2;padding:0;justify-self:stretch;max-width:460px}
    .head-actions{grid-column:3;margin-left:0}
    .hero{padding:var(--space-xl) 0 var(--space-2xl)}
    .hero .inner{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-xl);align-items:center}
    .hero-photo{margin-bottom:0;aspect-ratio:4/5}
    .hero-text{order:-1}
    h1.hero-h1{font-size:58px}          /* --text-4xl, промежуточный шаг к БК display-s */
    .hero-lead{font-size:var(--text-md)}
    .hero-cta{flex-direction:row}
    .hero-cta .btn{width:auto}
    .cats{grid-template-columns:repeat(3,1fr);gap:18px}
    .cat.wide{grid-column:auto}
    .cat.wide .ph{aspect-ratio:3/4}
    h2.sec-title{font-size:var(--text-2xl)}
    .fitting h2{font-size:var(--text-2xl)}
    .fit-ways{grid-template-columns:repeat(3,1fr);gap:18px}
    .fit-way{padding:var(--space-md) var(--space-md)}
    .plus .inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
    .plus-photo{margin-bottom:0}
    .plus .btn{width:auto}
    .plus h2{font-size:var(--text-2xl)}
    .products{grid-template-columns:repeat(4,1fr)}
    .trust-grid{grid-template-columns:repeat(3,1fr)}
    .author .inner{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-xl);align-items:center}
    .author-photo{margin-bottom:0}
    .author h2{font-size:var(--text-2xl)}
    .rev-grid{grid-template-columns:repeat(3,1fr)}
    .booking .inner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center}
    .booking .btn-ghost{width:auto}
    .booking h2{font-size:var(--text-xl)}
    .foot-cols{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}
    section{padding:var(--space-2xl) 0}

    /* PDP tablet */
    .pdp-top{grid-template-columns:1.05fr 1fr;gap:var(--space-2xl);align-items:start}
    .gal-col{position:sticky;top:88px}
    .fitnotes-list{grid-template-columns:repeat(2,1fr)}
    .prodstrip .inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-2xl)}
    .prev-grid{grid-template-columns:repeat(3,1fr)}
    .deliv-grid{grid-template-columns:repeat(3,1fr)}
    .size-help-cta{flex-direction:row}
    .size-help-cta .btn{flex:1}
  }
  @media (min-width:768px){
    .plus-photo{aspect-ratio:4/5}
  }
  /* Широкий десктоп: логотип + поиск не расползаются + hero достигает БК display-s (76px) */
  @media (min-width:1100px){
    .topbar{grid-template-columns:auto minmax(280px,520px) 1fr;}
    .search-row{grid-column:2;max-width:520px}
    .head-actions{grid-column:3;justify-self:end}
    h1.hero-h1{font-size:var(--text-display-s)}   /* 76px — БК hero cap floor */
    h2.sec-title,.fitting h2,.plus h2,.author h2{font-size:var(--text-3xl)}  /* 46px */
    .buy-title{font-size:32px}
  }
/* End */
/* /bitrix/templates/bustokratia2026/styles.css?178609723722864 */
/* /bitrix/templates/bustokratia2026/css/catalog-category.css?178609892017627 */
/* /bitrix/templates/bustokratia2026/css/catalog-product.css?178609892026385 */