/* Start:/bitrix/templates/klassika2026/design2026.css?1788963157115099*/
/* SCALED-1.09 */
/* ============================================================
   МАКЕТ ГЛАВНОЙ — вариант А (те же блоки, новый внешний вид)
   ============================================================ */
:root{
  --accent:#c1121f;          /* акцент */
  --accent-dark:#9a0e19;
  --accent-soft:#fbeeef;
  --ink:#16181d;             /* основной текст */
  --ink-2:#5b616e;           /* второстепенный текст */
  --line:#e7e9ee;            /* границы */
  --bg:#ffffff;
  --bg-2:#f5f6f8;            /* подложки */
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 2px 10px rgba(18,22,33,.06);
  --shadow-lg:0 12px 34px rgba(18,22,33,.14);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);background:var(--bg);font-size:16.5px;line-height:1.55;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:100%;margin:0 auto;padding:0 28px} /* сайт на всю ширину экрана */

/* ---------- 1. Верхняя строка: адрес + ссылки + телефон ---------- */
.topbar{background:var(--bg-2);border-bottom:1px solid var(--line);font-size:14px}
.topbar .wrap{display:flex;gap:22px;align-items:center;min-height:41px}
.topbar .spacer{margin-left:auto}
.tb-link{color:var(--ink-2);white-space:nowrap}
.tb-link:hover{color:var(--accent)}
.tb-loc{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}
.tb-loc svg{color:var(--accent);flex:none}
.tb-loc:hover{color:var(--accent)}
/* один телефон + выпадающий список остальных */
.tb-phones{position:relative;height:41px;display:flex;align-items:center}
.tb-phones>a{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;color:var(--ink)}
.tb-phones>a i{font-style:normal;color:#9aa1af;font-size:11px;transition:transform .15s}
.tb-phones:hover>a{color:var(--accent)}
.tb-phones:hover>a i{transform:rotate(180deg)}
.tb-drop{
  position:absolute;right:0;top:100%;z-index:120;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:8px;min-width:288px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:all .15s
}
.tb-phones:hover .tb-drop{opacity:1;visibility:visible;transform:translateY(0)}
.tb-drop a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 10px;border-radius:8px;white-space:nowrap}
.tb-drop a:hover{background:var(--bg-2)}
.tb-drop b{font-weight:600}
.tb-drop span{color:var(--ink-2);font-size:13px}

/* ---------- 2. Шапка ---------- */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px;transition:padding .18s}
.header.compact .wrap{padding-top:9px;padding-bottom:9px}
.logo img{height:56px;width:auto;transition:height .18s}
.header.compact .logo img{height:41px}

.search{flex:1;position:relative;max-width:820px}
.search input{
  width:100%;height:52px;border:2px solid var(--line);border-radius:var(--radius-sm);
  padding:0 108px 0 44px;font-size:16.5px;outline:none;transition:border-color .15s;background:#fff;
}
.search input:focus{border-color:var(--accent)}
.search .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa1af}
.search button{
  position:absolute;right:5px;top:5px;height:41px;padding:0 20px;border-radius:8px;
  background:var(--accent);color:#fff;font-weight:600;font-size:15.5px;
}
.search button:hover{background:var(--accent-dark)}

.actions{display:flex;gap:6px;margin-left:auto}
.act{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:69px;padding:6px 4px;border-radius:10px;color:var(--ink-2);font-size:12.5px;position:relative}
.act:hover{background:var(--bg-2);color:var(--accent)}
.act .badge{
  position:absolute;top:2px;right:12px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);
  color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center;padding:0 4px
}

/* ---------- 3. Кнопка каталога + полоса под шапкой + полноэкранное меню ---------- */
.btn-cat{
  display:flex;align-items:center;gap:10px;background:var(--accent);color:#fff;font-weight:700;
  height:52px;padding:0 20px;border-radius:var(--radius-sm);white-space:nowrap;flex:none;font-size:15.5px;
  text-transform:uppercase;letter-spacing:.2px
}
.btn-cat:hover{background:var(--accent-dark)}
.btn-cat.open{background:var(--accent-dark)}
.burger{display:inline-flex;flex-direction:column;gap:3px}
.burger i{display:block;width:17px;height:2px;background:#fff;border-radius:2px;transition:all .2s}
.btn-cat.open .burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.btn-cat.open .burger i:nth-child(2){opacity:0}
.btn-cat.open .burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* полоса под шапкой */
.subnav .wrap{min-height:48px}
.subnav{font-size:14.5px}
.tb-sale{
  display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;
  text-transform:uppercase;font-size:14px;letter-spacing:.2px;white-space:nowrap
}
.tb-sale svg{width:15px;height:15px}
.tb-sale:hover{text-decoration:underline}

/* полноэкранное меню каталога */
.mega{
  position:fixed;left:0;right:0;bottom:0;top:0;z-index:60;background:#fff;display:none
}
.mega.open{display:block}
body.megaopen{overflow:hidden}
.mega-close{
  position:absolute;top:14px;right:20px;z-index:5;width:43px;height:43px;border-radius:50%;
  background:var(--bg-2);font-size:17.5px;display:grid;place-items:center;color:var(--ink-2)
}
.mega-close:hover{background:var(--accent);color:#fff}
.mega-inner{display:flex;height:100%}
.mega-msearch{display:none}
.mega-roots{
  width:330px;flex:none;border-right:1px solid var(--line);overflow-y:auto;
  padding:16px 14px;background:var(--bg-2)
}
.mroot .mimg{display:none}
.mroot{
  display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;
  font-weight:600;font-size:16.5px;color:var(--ink);cursor:pointer;white-space:nowrap
}
.mroot::after{content:"›";margin-left:auto;color:#9aa1af;font-size:18.5px}
.mroot svg{width:28px;height:28px;color:var(--accent);flex:none;stroke-width:1.6}
.mroot.on,.mroot:hover{background:#fff;box-shadow:var(--shadow);color:var(--accent)}
.mroot.sale{color:var(--accent);font-weight:700}
.mroot.sale svg{color:var(--accent)}
.mega-body{flex:1;overflow-y:auto;padding:28px 34px 40px}
.mega-cols{column-width:250px;column-gap:36px}
.mega-title{
  column-span:all;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 20px;
  display:flex;align-items:center;gap:12px
}
.mega-title svg{width:31px;height:31px;color:var(--accent);stroke-width:1.6}
.mega-title a{color:var(--accent);font-size:15.5px;font-weight:600;margin-left:8px;letter-spacing:0}
.mega-title a{transition:color .15s}
.mega-title a:hover{color:var(--accent-dark)}
.mega-back{
  display:none;width:39px;height:39px;border-radius:50%;background:var(--bg-2);
  align-items:center;justify-content:center;font-size:22px;color:var(--ink-2);flex:none
}
.mgroup{break-inside:avoid;margin:0 0 28px}
/* фото подраздела: целиком вписано в аккуратный бокс, наружу не вылезает */
.mgroup .ph{
  display:flex;align-items:center;justify-content:center;
  height:110px;padding:8px;border-radius:10px;overflow:hidden;
  background:#fff;border:1px solid var(--line);margin-bottom:9px
}
.mgroup .ph img{max-width:100%;max-height:100%;width:auto;height:auto;transition:transform .25s}
.mgroup .ph:hover img{transform:scale(1.06)}
.mgroup .ph:hover{border-color:var(--accent)}
.mgroup>a.h{display:block;font-weight:700;font-size:16px;margin-bottom:6px;color:var(--ink);line-height:1.3}
.mgroup>a.h:hover{color:var(--accent)}
.m3 a{display:block;padding:4.5px 0;font-size:14.5px;color:var(--ink-2)}
.m3 a:hover{color:var(--accent)}

/* ---------- секции ---------- */
section{margin:44px 0}
.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}
.sec-head h2{font-size:28.5px;line-height:1.2;font-weight:700;margin:0;letter-spacing:-.3px}
.sec-head a{margin-left:auto;color:var(--accent);font-weight:500;font-size:16px;white-space:nowrap}
.sec-head a:hover{text-decoration:underline}

/* ---------- 4. Слайдер ---------- */
.slider{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);margin-top:24px}
.slides{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.slides a{flex:0 0 100%}
.slides img{width:100%;height:auto;aspect-ratio:1903/535;object-fit:cover} /* реальный формат слайдов */
.nav{
  position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--ink);
  opacity:0;transition:opacity .2s
}
.slider:hover .nav{opacity:1}
.nav.prev{left:16px}.nav.next{right:16px}
.nav:hover{background:#fff}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}
.dots b{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:all .2s}
.dots b.on{background:#fff;width:26px;border-radius:4px}

/* ---------- 5. H1 ---------- */
.h1{font-size:35px;font-weight:800;letter-spacing:-.6px;text-align:center;margin:40px 0 4px}

/* ---------- 6. Плитки категорий ---------- */
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tile{
  border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px 16px;text-align:center;
  background:#fff;transition:all .18s;display:block
}
.tile:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.tile img{margin:0 auto 10px;height:120px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.tile span{font-weight:600;font-size:15.5px;line-height:1.35;display:block}
.tile:hover span{color:var(--accent)}

/* ---------- 7. Бренды ---------- */
.brands{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.brand{
  border:1px solid var(--line);border-radius:var(--radius-sm);height:88px;display:grid;place-items:center;
  padding:12px;background:#fff;transition:all .18s
}
.brand img{max-height:52px;width:auto;filter:grayscale(1);opacity:.62;transition:all .18s}
.brand:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.brand:hover img{filter:none;opacity:1}

/* ---------- 8. Сертификаты ---------- */
.certs{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.certs::-webkit-scrollbar{height:6px}
.certs::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.cert{flex:0 0 190px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:10px;background:#fff;transition:all .18s}
.cert:hover{box-shadow:var(--shadow-lg)}
.cert img{height:230px;width:100%;object-fit:contain}

/* ---------- 9. SEO-текст: сразу целиком, на всю ширину ---------- */
.seo{background:var(--bg-2);border-radius:var(--radius);padding:32px 34px}
.seo h2{font-size:23px;margin:26px 0 10px;font-weight:700}
.seo h2:first-child{margin-top:0}
.seo p{margin:0 0 12px;color:#333a46}
.seo ul{margin:0 0 14px;padding-left:20px;color:#333a46;columns:3;column-gap:40px}
.seo li{margin-bottom:4px;break-inside:avoid}

/* ---------- 10. Подвал ---------- */
footer{background:#15171c;color:#aeb4c0;margin-top:56px;padding:48px 0 26px;font-size:15.5px}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.fcols h4{color:#fff;font-size:16.5px;margin:0 0 14px;font-weight:600}
.fcols a{display:block;padding:5px 0;color:#aeb4c0}
.fcols a:hover{color:#fff}
.flogo{height:48px;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.9}
.fphone{color:#fff;font-size:20.5px;font-weight:700;display:block;margin-bottom:4px}
.fnote{color:#767d8b;font-size:14px;margin:0 0 16px}
.socials{display:flex;gap:10px;margin-top:6px}
.socials a{width:41px;height:41px;border-radius:50%;background:#22262e;display:grid;place-items:center}
.socials a svg{width:19px;height:19px;fill:#aeb4c0;transition:fill .15s}
.socials a:hover{background:var(--accent)}
.socials a:hover svg{fill:#fff}
.fbot{border-top:1px solid #22262e;margin-top:34px;padding-top:20px;display:flex;gap:22px;flex-wrap:wrap;color:#767d8b;font-size:14px}
.fbot a{color:#767d8b}
.fbot a:hover{color:#fff}
.fbot .spacer{margin-left:auto}

/* ---------- плашка cookie ---------- */
.cookies{
  position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:180;
  width:min(1140px,calc(100% - 32px));
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);
  padding:16px 20px;display:flex;align-items:center;gap:18px;
  transition:transform .4s cubic-bezier(.4,0,.2,1)
}
.cookies.show{transform:translate(-50%,0)}
.cookies .ck-ico{flex:none;width:43px;height:43px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-size:22px}
.cookies p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.cookies p a{color:var(--accent);text-decoration:underline}
.cookies .ck-btn{
  flex:none;margin-left:auto;height:43px;padding:0 26px;border-radius:var(--radius-sm);
  background:var(--accent);color:#fff;font-weight:600;font-size:15.5px
}
.cookies .ck-btn:hover{background:var(--accent-dark)}
@media (max-width:760px){
  .cookies{flex-wrap:wrap;gap:12px;padding:14px 16px;bottom:10px}
  .cookies .ck-ico{display:none}
  .cookies .ck-btn{margin-left:0;width:100%}
}

/* ---------- мобильная навигация: нижняя панель + каталог-шторка ---------- */
.mob-tel{display:none}
body.megaopen{overflow:hidden}
.tabbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;
  border-top:1px solid var(--line);justify-content:space-around;
  padding:6px 4px calc(6px + env(safe-area-inset-bottom))
}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:500;color:var(--ink-2);min-width:60px;position:relative}
.tabbar a svg{width:24px;height:24px}
.tabbar a.on{color:var(--accent)}
.tabbar a.sale{color:var(--accent)}
.tabbar .badge{position:absolute;top:-3px;right:8px;min-width:17px;height:17px;border-radius:8px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
/* каталог-шторка (вариант 1) */
.mobcat{position:fixed;inset:0;z-index:160;background:#fff;transform:translateX(102%);transition:transform .25s;display:flex;flex-direction:column}
.mobcat.open{transform:translateX(0)}
.mobcat-head{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.mc-search{flex:1;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:var(--bg-2);border-radius:12px;color:#9aa1af}
.mc-search input{flex:1;height:100%;min-width:0;border:0;background:none;font-size:17.5px;color:var(--ink)}
.mobcat-head button{flex:none;width:43px;height:43px;border-radius:50%;background:var(--bg-2);font-size:16.5px;color:var(--ink-2)}
.mobcat-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px calc(84px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.mcat-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center}
.mcat-tile img{width:100%;height:92px;object-fit:contain;mix-blend-mode:multiply}
.mcat-tile span{font-size:14.5px;font-weight:600;line-height:1.25;color:var(--ink)}
.mcat-tile:active{border-color:var(--accent)}
.mcat-tile.sale{background:var(--accent-soft);border-color:transparent}
.mcat-tile.sale i{font-style:normal;width:100%;height:92px;display:grid;place-items:center;font-size:39px;font-weight:800;color:var(--accent)}
.mcat-tile.sale span{color:var(--accent)}



@media (max-width:1100px){
  .tiles{grid-template-columns:repeat(4,1fr)}
  .brands{grid-template-columns:repeat(5,1fr)}
  .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  html,body{overflow-x:hidden} /* страховка от горизонтальной прокрутки */
  .wrap{padding:0 14px}
  .topbar{display:none}          /* контакты — в шапке и подвале */
  .catbar{display:none}
  .subnav{display:none}          /* контакты — в шапке и подвале */
  .btn-cat{display:none}         /* каталог открывается из нижней панели */
  /* полноэкранное меню: проваливание раздел -> подразделы */
  .mega{top:0 !important}          /* во весь экран, сверху только поиск */
  .mega-inner{flex-direction:column}
  .mega-msearch{display:flex;flex:none;align-items:center;gap:8px;height:48px;margin:10px 64px 10px 14px;padding:0 12px;background:var(--bg-2);border-radius:12px;color:#9aa1af}
  .mega-msearch input{flex:1;height:100%;min-width:0;border:0;background:none;font-size:17.5px;color:var(--ink)}
  .mega-close{top:12px;right:12px;width:43px;height:43px}
  .mroot::after{display:none}                       /* стрелки не нужны */
  .mega-roots{width:100%;flex:1 1 auto;min-height:0;border-right:0;background:#fff;padding:4px 14px calc(84px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .mroot{flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px;font-size:13.5px;text-align:center;min-width:0;overflow-wrap:break-word;white-space:normal}
  .mroot span{width:100%;min-width:0;line-height:1.25;font-weight:600;overflow-wrap:break-word;hyphens:auto}
  .mroot svg{display:none}
  /* у «Уценки» нет фото раздела — показываем крупный значок процента */
  .mroot.sale svg{display:block;width:52px;height:52px;height:92px;color:var(--accent);stroke-width:1.6}
  .mroot.on{background:#fff;color:var(--ink)}
  .mroot .mimg{display:block;width:100%;height:92px;object-fit:contain;mix-blend-mode:multiply}
  .mega-body{display:none;padding:14px 16px calc(84px + env(safe-area-inset-bottom))}
  .mega-cols{column-count:1;column-width:auto}
  .mega.showbody .mega-roots{display:none}
  .mega.showbody .mega-body{display:block}
  .mega.showbody .mega-back{display:inline-flex}
  .mega-title{font-size:23px}
  /* шапка: лого + звонок, поиск отдельной строкой */
  .header .wrap{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}
  .logo img{height:50px}
  .header.compact .logo img{height:50px}
  .actions{display:none}         /* избранное/корзина/кабинет — в нижней панели */
  .mob-tel{display:grid;margin-left:auto;width:50px;height:50px;place-items:center;border-radius:50%;background:var(--bg-2);color:var(--accent)}
  .search{order:3;flex-basis:100%;max-width:none}
  .search input{height:52px;border-radius:12px;font-size:17.5px}
  .search button{height:41px;top:5px}
  body{font-size:17.5px}
  .h1{font-size:26px;margin:24px 0 0}
  section{margin:32px 0}
  .sec-head h2{font-size:23px}
  .sec-head a{font-size:15.5px}
  .slider{margin-top:12px;border-radius:0;background:transparent}
  .nav{display:none}             /* листание слайдера — свайпом */
  /* баннеры нарисованы под десктоп (3.6:1) — на телефоне кадрируем до 2:1,
     фокус подобран под композицию каждого слайда, чтобы текст оставался в кадре */
  .slides img{aspect-ratio:2/1;object-fit:cover;border-radius:10px}
  /* точки — под баннером, тёмные */
  .dots{position:static;margin-top:10px}
  .dots b{background:rgba(27,30,36,.22)}
  .dots b.on{background:#565b64}
  .slides a:nth-child(1) img{object-position:left center}   /* Скидки до 25% — лента слева */
  .slides a:nth-child(2) img{object-position:right center}  /* Дисконт — текст справа */
  .slides a:nth-child(3) img{object-position:left center}   /* Цифровые пианино — текст слева */
  .slides a:nth-child(4) img{object-position:center}        /* Выбор гитар — плашка по центру */
  .tiles{grid-template-columns:repeat(2,1fr);gap:11px}
  .tile{padding:12px 10px 14px;border-radius:12px}
  .tile img{height:98px}
  .tile span{font-size:15.5px}
  .brands{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;scrollbar-width:none} /* лента */
  .brands::-webkit-scrollbar{display:none}
  .brand{flex:0 0 118px;height:78px;padding:12px}
  .cert{flex:0 0 160px}
  .cert img{height:195px}
  .seo{padding:22px 18px}
  .seo h2{font-size:20px}
  .seo ul{columns:1}
  /* подвал: колонки-аккордеоны */
  .fcols{grid-template-columns:1fr;gap:0}
  .fcols>div:first-child{margin-bottom:20px}
  footer{padding:32px 0 18px;margin-top:38px;font-size:16px}
  .fcol h4{
    display:flex;justify-content:space-between;align-items:center;margin:0;
    padding:15px 2px;border-bottom:1px solid #22262e;font-size:18px;cursor:pointer
  }
  .fcol h4::after{content:"▾";color:#767d8b;font-size:14px;transition:transform .2s}
  .fcol.open h4::after{transform:rotate(180deg)}
  .fcol a{display:none;padding:11px 10px;font-size:16.5px}
  .fcol.open a{display:block}
  .fcol.open a:last-child{margin-bottom:6px}
  body{padding-bottom:64px}      /* место под нижнюю панель */
  .tabbar{display:flex}
  .tabbar a{font-size:12.5px}
  .tabbar a svg{width:26px;height:26px}
  .cookies{bottom:72px}
  /* нижняя строка подвала: в столбик, без распорки */
  .fbot{flex-direction:column;align-items:flex-start;gap:9px;font-size:14.5px;margin-top:26px;padding-top:16px}
  .fbot .spacer{display:none}
  /* каталог-шторка крупнее */
  .mrowm>button{font-size:17.5px;padding:15px 8px}
  .mrowm .subm a{font-size:16.5px;padding:12px 16px}
}

/* == KL-CATALOG BLOCK START == */
/* ===== страница листинга (префикс cg-) ===== */
.cg-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.cg-crumbs a{color:var(--ink-2)} .cg-crumbs a:hover{color:var(--accent)}
.cg-crumbs i{font-style:normal;color:#c3c8d1}
.cg-h1{display:flex;align-items:baseline;gap:12px;margin:10px 0 0}
.cg-h1 h1{font-size:32.5px;font-weight:800;letter-spacing:-.5px;margin:0}
.cg-h1 em{font-style:normal;color:var(--ink-2);font-size:15.5px}
/* подразделы */
.cg-subs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 0}
.cg-sub{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-2);border-radius:12px;padding:12px 8px 10px;text-align:center;transition:box-shadow .15s}
.cg-sub:hover{box-shadow:var(--shadow)}
.cg-sub img{width:100%;height:69px;object-fit:contain;mix-blend-mode:multiply}
.cg-sub i{font-style:normal;font-size:37px;line-height:64px}
.cg-sub span{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}
.cg-sub em{font-style:normal;font-size:12.5px;color:#9aa1af}
/* панель сортировки */
.cg-bar{display:flex;align-items:center;gap:12px;margin:22px 0 0}
.cg-sort{display:flex;align-items:center;gap:6px;font-size:15.5px;color:var(--ink);background:var(--bg-2);border-radius:10px;padding:9px 14px;cursor:pointer}
.cg-sort b{font-weight:600}
.cg-fbtn{display:none;align-items:center;gap:8px;font-size:15.5px;font-weight:600;background:var(--bg-2);border-radius:10px;padding:9px 14px}
.cg-fbtn i{font-style:normal;background:var(--accent);color:#fff;border-radius:9px;min-width:19px;height:19px;font-size:12px;display:none;place-items:center;padding:0 5px}
.cg-fbtn.has i{display:grid}
.cg-found{margin-left:auto;font-size:14px;color:var(--ink-2)}
/* сетка: фильтры + товары */
.cg-layout{display:grid;grid-template-columns:310px 1fr;gap:24px;margin:18px 0 0;align-items:start}
.cg-filters{background:var(--bg-2);border-radius:var(--radius);padding:18px 18px 20px}
.cg-ftitle{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.cg-ftitle b{font-size:16.5px}
.cg-ftitle button{font-size:13.5px;color:var(--accent);background:none}
.cg-ftitle button:hover{text-decoration:underline}
/* цена с ползунком */
.cg-fprice{padding:10px 0 14px;border-bottom:1px solid var(--line)}
.cg-fprice h4{margin:0 0 10px;font-size:14.5px;font-weight:700}
.cg-range{display:flex;align-items:center;gap:8px}
.cg-range input{width:100%;min-width:0;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px;font-size:14px;text-align:center}
.cg-range span{color:#9aa1af;font-size:13px}
.cg-slider{position:relative;height:28px;margin:6px 6px 0}
.cg-strack{position:absolute;left:0;right:0;top:11px;height:4px;background:#d9dde4;border-radius:2px}
.cg-sfill{position:absolute;top:11px;height:4px;background:var(--accent);border-radius:2px}
.cg-slider input[type=range]{position:absolute;top:3px;left:-6px;width:calc(100% + 12px);height:22px;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.cg-slider input[type=range]:focus{outline:none}
.cg-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--accent);cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px rgba(15,17,21,.25)}
.cg-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--accent);cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px rgba(15,17,21,.25)}
/* раскрывающиеся фильтры */
.cg-facc{border-bottom:1px solid var(--line)}
.cg-fhead{display:flex;align-items:center;gap:8px;width:100%;padding:13px 0;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left;background:none}
.cg-fhead svg{margin-left:auto;color:#9aa1af;transition:transform .2s;flex:none}
.cg-facc.open .cg-fhead svg{transform:rotate(180deg)}
.cg-fcnt{font-weight:700;font-size:12px;color:#fff;background:var(--accent);border-radius:9px;padding:1px 6px;display:none}
.cg-fcnt.on{display:inline-block}
.cg-fbody{display:none;padding:0 0 12px}
.cg-facc.open .cg-fbody{display:block}
.cg-fsearch input{width:100%;height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;font-size:14px;margin-bottom:6px}
.cg-fsearch input:focus{border-color:var(--accent);outline:none}
.cg-fvals{display:flex;flex-direction:column}
/* прокрутка появляется только когда раскрыт полный список значений */
.cg-facc.all .cg-fvals{max-height:264px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.cg-facc.all .cg-fvals::-webkit-scrollbar{width:6px}
.cg-facc.all .cg-fvals::-webkit-scrollbar-thumb{background:#d5d9e0;border-radius:3px}
.cg-check{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14.5px;color:var(--ink);cursor:pointer}
.cg-check input{width:17px;height:17px;accent-color:var(--accent);flex:none}
.cg-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-check em{font-style:normal;color:#9aa1af;font-size:12.5px;margin-left:auto;flex:none}
.cg-check.cg-hid,.cg-check.cg-nomatch{display:none}
.cg-facc.all .cg-check.cg-hid{display:flex}
.cg-facc.all .cg-check.cg-nomatch{display:none}
.cg-more{margin-top:4px;font-size:13.5px;color:var(--accent);background:none}
.cg-more:hover{text-decoration:underline}
.cg-more i{font-style:normal;color:#9aa1af}
.cg-apply{width:100%;margin-top:14px;height:45px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:16px}
.cg-apply:hover{background:var(--accent-dark)}
.cg-reset{width:100%;margin-top:8px;height:41px;border-radius:10px;background:none;color:var(--ink-2);font-size:14.5px}
.cg-fclose{display:none}
/* карточки товара */
.cg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cg-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 14px;transition:box-shadow .15s}
.cg-card:hover{box-shadow:var(--shadow)}
.cg-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--accent);color:#fff;font-size:12.5px;font-weight:700;border-radius:6px;padding:3px 8px}
.cg-fav{position:absolute;top:10px;right:10px;z-index:2;width:37px;height:37px;border-radius:50%;background:none;color:#c3c8d1;display:grid;place-items:center}
.cg-fav:hover{color:var(--accent);background:var(--accent-soft)}
.cg-ph{display:block}
.cg-ph img{width:100%;height:158px;object-fit:contain;mix-blend-mode:multiply}
.cg-type{margin-top:10px;font-size:12px;color:#9aa1af}
.cg-name{margin-top:3px;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35;min-height:41px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cg-name:hover{color:var(--accent)}
.cg-av{margin-top:6px;font-size:13px;color:#9aa1af}
.cg-av.in{color:#1a9c47}
.cg-av.in::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1a9c47;margin-right:5px;vertical-align:1px}
.cg-foot{margin-top:auto}
.cg-price{margin-top:8px;font-size:20.5px;font-weight:800;letter-spacing:-.3px}
.cg-price.ask{font-size:16.5px;font-weight:700;color:var(--ink-2)}
.cg-buy{width:100%;margin-top:10px;height:45px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:15.5px}
.cg-buy:hover{background:var(--accent-dark)}
.cg-buy.ask{background:var(--accent-soft);color:var(--accent)}
.cg-buy.ask:hover{background:var(--accent);color:#fff}
/* пагинация */
.cg-pager{display:flex;justify-content:center;gap:6px;margin:26px 0 0}
.cg-pager a{min-width:43px;height:43px;border-radius:10px;background:var(--bg-2);display:grid;place-items:center;font-size:15.5px;font-weight:600;color:var(--ink);padding:0 12px}
.cg-pager a.on{background:var(--accent);color:#fff}
.cg-pager a:hover:not(.on){background:var(--line)}
.cg-pager s{align-self:center;color:#9aa1af;text-decoration:none}
/* описание раздела (текст с боевого сайта) */
.cg-seo{background:var(--bg-2);border-radius:var(--radius);padding:28px 32px;margin:38px 0 0;color:var(--ink-2);font-size:16px;line-height:1.8}
.cg-seo h2{font-size:23px;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin:0 0 12px}
.cg-seo h3{font-size:18.5px;font-weight:700;color:var(--ink);margin:22px 0 8px}
.cg-seo p{margin:0 0 12px}
.cg-seo p:last-child{margin-bottom:0}
.cg-seo ul{margin:0 0 12px;padding-left:22px}
.cg-seo li{margin:0 0 5px}
/* наши преимущества */
.kadv{margin:40px 0 0}
.kadv h2{font-size:23px;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}
.kadv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kadv-card{background:var(--bg-2);border-radius:var(--radius);padding:18px 16px}
.kadv-card svg{color:var(--accent)}
.kadv-card b{display:block;margin-top:10px;font-size:16px;line-height:1.35}
.kadv-card p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1280px){
  .cg-layout{grid-template-columns:280px 1fr}
  .cg-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1100px){
  .cg-subs{grid-template-columns:repeat(4,1fr)}
  .cg-layout{grid-template-columns:250px 1fr;gap:18px}
  .cg-grid{grid-template-columns:repeat(2,1fr)}
  .kadv-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .cg-crumbs{margin-top:12px}
  .cg-h1 h1{font-size:25px}
  .cg-subs{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-top:14px}
  .cg-subs::-webkit-scrollbar{display:none}
  .cg-sub{flex:0 0 108px}
  .cg-bar{flex-wrap:wrap;gap:8px}
  .cg-fbtn{display:flex}
  .cg-found{display:none}
  .cg-layout{grid-template-columns:1fr;gap:0}
  /* фильтры — выезжающая панель */
  .cg-filters{position:fixed;inset:0;z-index:170;overflow-y:auto;border-radius:0;transform:translateX(102%);transition:transform .25s;padding:14px 16px calc(90px + env(safe-area-inset-bottom))}
  body.cgfopen .cg-filters{transform:translateX(0)}
  body.cgfopen{overflow:hidden}
  .cg-fclose{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
  .cg-fclose b{font-size:19.5px}
  .cg-fclose button{width:41px;height:41px;border-radius:50%;background:#fff;font-size:16.5px;color:var(--ink-2)}
  .cg-fhead{font-size:16.5px;padding:15px 0}
  .cg-check{font-size:16.5px;padding:8px 0}
  .cg-check input{width:19px;height:19px}
  .cg-grid{grid-template-columns:1fr 1fr;gap:10px}
  .cg-card{padding:10px 10px 12px}
  .cg-ph img{height:130px}
  .cg-name{font-size:14.5px;min-height:39px}
  .cg-price{font-size:18.5px}
  .cg-buy{height:43px}
  .cg-seo{padding:20px 16px}
  .kadv-grid{grid-template-columns:1fr;gap:10px}
  .kadv-card{display:grid;grid-template-columns:28px 1fr;gap:4px 12px}
  .kadv-card b{margin-top:0}
  .kadv-card p{grid-column:2}
}

/* ===== листинг каталога: привязка макета к разметке Битрикса ===== */
.cg-layout > .cg-main{min-width:0}
.cg-h1 em:empty{display:none}
.cg-sbanner{margin:18px 0 0;border-radius:var(--radius);overflow:hidden;line-height:0}
.cg-sbanner img{width:100%;height:auto}

/* селекты сортировки в панели над листингом */
.cg-sort{position:relative;gap:4px}
.cg-sort span{color:var(--ink-2)}
.cg-sort select{border:0;background:none;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;padding:0 16px 0 2px;-webkit-appearance:none;appearance:none;outline:none}
.cg-sort::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);pointer-events:none}
.cg-perpage span{white-space:nowrap}

/* метки наличия */
.cg-av.wait{color:var(--accent);font-weight:600}
.cg-av.out{color:#9aa1af}
a.cg-av.in{border-bottom:1px dashed #1a9c47}
a.cg-av.in:hover{color:#137a37;border-bottom-color:#137a37}

/* цена со скидкой */
.cg-price.sale{color:var(--accent)}
.cg-price s{margin-left:7px;font-size:14.5px;font-weight:600;color:#9aa1af;text-decoration:line-through}

/* кнопка «В корзину»: состояния скрипта корзины */
.cg-buy{display:grid;place-items:center;text-align:center}
.cg-buy.loading{opacity:.6;pointer-events:none}
.cg-buy.added{background:#1a9c47}
.cg-buy.added:hover{background:#15833b}
.cg-buy.disabled:not(.ask){background:var(--bg-2);color:var(--ink-2)}
.cg-buy.disabled:not(.ask):hover{background:var(--line)}
.cg-fav.on{color:var(--accent)}
.artikulm{display:none}

/* избранное и пустой раздел */
.cg-empty{background:var(--bg-2);border-radius:var(--radius);padding:46px 28px;text-align:center;margin:18px 0 0}
.cg-empty b{display:block;font-size:20px}
.cg-empty p{margin:8px 0 0;color:var(--ink-2)}

/* фильтр: элементы, которых нет в макете, но которые нужны скрипту */
.cg-filters .cg-ftitle a{font-size:13.5px;color:var(--accent)}
.cg-filters .cg-ftitle a:hover{text-decoration:underline}
.cg-check.disabled{opacity:.45}
.cg-check.disabled input{pointer-events:none}
#modef .close,#modef #modef_send,#set_filter_num{display:none}
.cg-facc .cg-fprice{border-bottom:0;padding-top:0}

@media (max-width:760px){
  .cg-bar .cg-sort{padding:9px 12px;font-size:14.5px}
  .cg-perpage{display:none}
  .cg-filters .cg-apply{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom))}
}

/* колонки сеток должны уметь сжиматься: 1fr не уже своего содержимого, minmax(0,1fr) — уже */
.cg-layout{grid-template-columns:310px minmax(0,1fr)}
.cg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cg-subs{grid-template-columns:repeat(5,minmax(0,1fr))}
.cg-card{min-width:0}
.cg-name{overflow-wrap:anywhere}
.cg-bar{min-width:0;flex-wrap:wrap}
.cg-sort{min-width:0;max-width:100%}
.cg-sort select{max-width:100%;min-width:0;text-overflow:ellipsis}
@media (max-width:1280px){
  .cg-layout{grid-template-columns:280px minmax(0,1fr)}
  .cg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .cg-subs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cg-layout{grid-template-columns:250px minmax(0,1fr)}
  .cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cg-layout{grid-template-columns:minmax(0,1fr)}
  .cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* корневая страница каталога: те же плитки, только крупнее */
.cg-subs.big{gap:14px;margin-top:22px}
.cg-subs.big .cg-sub{padding:18px 12px 14px;gap:8px}
.cg-subs.big .cg-sub img{height:104px}
.cg-subs.big .cg-sub span{font-size:16px}
.cg-subs.big .cg-sub em{font-size:13.5px}
/* листинг без колонки фильтра (например «Уценка») */
.cg-layout.nofilter{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){
  .cg-subs.big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-subs.big .cg-sub img{height:88px}
}

/* ===== карточка товара (префикс pd-) ===== */
html{scroll-behavior:smooth}
.pd-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.pd-crumbs a{color:var(--ink-2)} .pd-crumbs a:hover{color:var(--accent)}
.pd-crumbs i{font-style:normal;color:#c3c8d1}
.pd-head{margin:10px 0 0}
.pd-head h1{font-size:28.5px;font-weight:800;letter-spacing:-.4px;margin:0;line-height:1.25}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;font-size:14px;color:var(--ink-2)}
.pd-meta .pd-badge{background:var(--accent);color:#fff;font-size:12.5px;font-weight:700;border-radius:6px;padding:3px 8px}
.pd-meta .in{color:#1a9c47;font-weight:600}
.pd-meta .in::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1a9c47;margin-right:5px;vertical-align:1px}
.pd-meta .order{color:#b57b00;font-weight:600}
/* верх: фото | ключевые характеристики | покупка */
.pd-top{display:grid;grid-template-columns:550px 1fr 350px;gap:28px;margin:20px 0 0;align-items:start}
.pd-gal{display:flex;flex-direction:column;gap:10px}
.pd-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;padding:14px;cursor:zoom-in;position:relative}
.pd-main img{max-width:100%;height:510px;object-fit:contain;mix-blend-mode:multiply}
.pd-main .pd-zoomhint{position:absolute;right:10px;bottom:10px;width:35px;height:35px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;color:var(--ink-2)}
.pd-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.pd-thumbs button{width:71px;height:71px;border-radius:10px;border:1.5px solid var(--line);background:#fff;padding:5px;cursor:pointer}
.pd-thumbs button.on{border-color:var(--accent)}
.pd-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
/* ключевые характеристики */
.pd-key h3{margin:0 0 6px;font-size:16.5px;font-weight:700}
.pd-row{display:flex;align-items:baseline;gap:8px;padding:7px 0;font-size:15.5px}
.pd-row span{color:var(--ink-2);flex:none}
.pd-row i{flex:1;border-bottom:1px dotted var(--line);min-width:22px}
.pd-row b{font-weight:600;text-align:right}
.pd-allchars{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:15.5px;font-weight:600;color:var(--accent)}
.pd-allchars:hover{text-decoration:underline}
/* блок покупки */
.pd-buy{background:var(--bg-2);border-radius:var(--radius);padding:22px}
.pd-price{font-size:32.5px;font-weight:800;letter-spacing:-.5px}
.pd-price.ask{font-size:26px}
.pd-note{margin-top:4px;font-size:13.5px;color:var(--ink-2)}
.pd-btns{display:flex;gap:10px;margin-top:16px}
.pd-cart{flex:1;height:54px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:17px}
.pd-cart:hover{background:var(--accent-dark)}
.pd-fav2{width:54px;height:54px;border-radius:12px;background:#fff;border:1px solid var(--line);color:#9aa1af;display:grid;place-items:center}
.pd-fav2:hover{color:var(--accent);border-color:var(--accent)}
.pd-click{width:100%;margin-top:10px;height:50px;border-radius:12px;background:#fff;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:16px}
.pd-click:hover{background:var(--accent-soft)}
.pd-alert{display:flex;gap:10px;margin-top:16px;background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.pd-alert svg{flex:none;color:var(--accent);margin-top:1px}
/* способы получения (обычный товар) */
.pd-get{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pd-get h4{margin:0;padding:12px 14px 4px;font-size:14.5px;font-weight:700}
.pd-way{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45}
.pd-way:first-of-type{border-top:0}
.pd-way svg{flex:none;color:var(--accent);margin-top:2px}
.pd-way b{display:block}
.pd-way em{font-style:normal;color:var(--ink-2)}
.pd-way .pd-cost{margin-left:auto;font-weight:700;white-space:nowrap}
.pd-way .pd-cost.free{color:#1a9c47}
.pd-perks{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.pd-perk{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.pd-perk svg{flex:none;color:var(--accent);margin-top:1px}
.pd-perk b{color:var(--ink)}
/* секции */
.pd-sec{margin:38px 0 0}
.pd-sec h2{font-size:23px;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}
.pd-desc{font-size:16px;line-height:1.75;color:var(--ink-2)}
.pd-desc p{margin:0 0 12px}
#pdchars{scroll-margin-top:84px}
.pd-charcols{columns:2;column-gap:48px}
.pd-charcols .pd-row{break-inside:avoid}
/* просмотренные */
.pd-sim{margin:40px 0 0}
.pd-sim h2{font-size:23px;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}
.pd-sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pd-scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.pd-scard:hover{box-shadow:var(--shadow)}
.pd-sph img{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply}
.pd-stype{margin-top:8px;font-size:12.5px;color:#9aa1af}
.pd-sname{margin-top:3px;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35}
.pd-sname:hover{color:var(--accent)}
.pd-sprice{margin-top:6px;font-size:18.5px;font-weight:800}
.pd-sbuy{margin-top:auto;height:41px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:14.5px;margin-top:10px}
.pd-sbuy:hover{background:var(--accent);color:#fff}
/* полноэкранный просмотр фото */
.pd-zoom{position:fixed;inset:0;z-index:300;background:rgba(15,17,21,.92);display:none;align-items:center;justify-content:center}
.pd-zoom.open{display:flex}
.pd-zoom img{max-width:92vw;max-height:88vh;object-fit:contain}
.pd-zclose{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:19.5px;display:grid;place-items:center}
.pd-zclose:hover{background:var(--accent)}
.pd-zarr{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;display:grid;place-items:center}
.pd-zarr:hover{background:var(--accent)}
.pd-zprev{left:16px}.pd-znext{right:16px}
/* модалка «Запросить цену» */
.pd-ask{position:fixed;inset:0;z-index:310;background:rgba(15,17,21,.55);display:none;align-items:center;justify-content:center;padding:16px}
.pd-ask.open{display:flex}
.pd-askbox{background:#fff;border-radius:var(--radius);padding:26px;width:100%;max-width:420px;position:relative}
.pd-askbox h3{margin:0 0 4px;font-size:20.5px;font-weight:800}
.pd-askbox .pd-askname{font-size:14.5px;color:var(--ink-2);margin-bottom:14px}
.pd-askbox input{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px;margin-top:10px}
.pd-askbox input:focus{border-color:var(--accent);outline:none}
.pd-asksend{width:100%;margin-top:14px;height:52px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:16.5px}
.pd-asksend:hover{background:var(--accent-dark)}
.pd-asknote{margin-top:10px;font-size:12.5px;color:#9aa1af;line-height:1.5}
.pd-askclose{position:absolute;top:12px;right:12px;width:39px;height:39px;border-radius:50%;background:var(--bg-2);color:var(--ink-2);font-size:15.5px}
.pd-askok{text-align:center;padding:20px 0}
.pd-askok svg{color:#1a9c47}
.pd-askok b{display:block;font-size:18.5px;margin-top:10px}
.pd-askok p{margin:6px 0 0;font-size:14.5px;color:var(--ink-2)}
/* мобильная прилипающая покупка */
.pd-sticky{display:none}
@media (max-width:1100px){
  .pd-top{grid-template-columns:440px 1fr;gap:20px}
  .pd-buy{grid-column:1 / -1}
  .pd-sgrid{grid-template-columns:repeat(2,1fr)}
  .pd-charcols{columns:1}
}
@media (max-width:760px){
  .pd-crumbs{margin-top:12px}
  .pd-head h1{font-size:22px}
  .pd-top{grid-template-columns:1fr;gap:16px;margin-top:14px}
  .pd-main img{height:300px}
  .pd-buy{grid-column:auto;padding:16px}
  .pd-price{font-size:28.5px}
  .pd-price.ask{font-size:23px}
  .pd-sgrid{grid-template-columns:1fr 1fr;gap:10px}
  .pd-scard{padding:10px}
  .pd-sph img{height:120px}
  .pd-zarr{width:45px;height:45px}
  #pdchars{scroll-margin-top:16px}
  .pd-sticky{display:flex;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:140;background:#fff;border-top:1px solid var(--line);padding:10px 14px;gap:12px;align-items:center}
  .pd-sticky .pd-sp{font-size:19.5px;font-weight:800;white-space:nowrap}
  .pd-sticky button{flex:1;height:48px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;font-size:16px}
  body{padding-bottom:128px}
}

/* ===== карточка товара: привязка макета к разметке Битрикса ===== */
.pd-top{grid-template-columns:550px minmax(0,1fr) 350px}
.pd-key{min-width:0}
.pd-sgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-row b{overflow-wrap:anywhere}
.pd-price s{margin-left:8px;font-size:18px;font-weight:600;color:#9aa1af;text-decoration:line-through}
.pd-crumbs span{color:var(--ink-2)}

/* состояния кнопок покупки */
.pd-cart.loading{opacity:.6;pointer-events:none}
.pd-cart.added{background:#1a9c47}
.pd-cart.added:hover{background:#15833b}
.pd-cart.disabled{background:var(--bg-2);color:var(--ink-2);cursor:default}
.pd-cart.disabled:hover{background:var(--bg-2)}
.pd-fav2.on{color:var(--accent);border-color:var(--accent)}

/* описание приходит из 1С — приводим произвольную вёрстку к виду макета */
.pd-desc img{max-width:100%;height:auto}
.pd-desc ul,.pd-desc ol{margin:0 0 12px;padding-left:22px}
.pd-desc li{margin:0 0 5px}
.pd-desc h2,.pd-desc h3,.pd-desc h4{color:var(--ink);margin:18px 0 8px;font-weight:700}
.pd-desc h2{font-size:20px}.pd-desc h3{font-size:18px}.pd-desc h4{font-size:16.5px}
.pd-desc table{width:100%;border-collapse:collapse;margin:0 0 12px;display:block;overflow-x:auto}
.pd-desc td,.pd-desc th{border:1px solid var(--line);padding:7px 10px;font-size:15px}
.pd-desc iframe{max-width:100%}

@media (max-width:1100px){
  .pd-top{grid-template-columns:440px minmax(0,1fr)}
  .pd-sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pd-top{grid-template-columns:minmax(0,1fr)}
  .pd-sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* == KL-CATALOG BLOCK END == */
/* ===== карточка товара: комплект, видео, аудио, файлы, отзывы ===== */
.pd-kit .pd-kitgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pd-kititem{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.pd-kitph img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}
.pd-kitname{margin-top:8px;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.35}
.pd-kitname:hover{color:var(--accent)}
.pd-kitprice{margin-top:auto;padding-top:8px;font-size:16.5px;font-weight:700}
.pd-kitprice s{margin-left:6px;font-size:13.5px;font-weight:500;color:#9aa1af}
.pd-kittotal{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:14px;background:var(--bg-2);border-radius:12px;padding:14px 18px}
.pd-kittotal span{font-size:15.5px;color:var(--ink-2)}
.pd-kittotal b{font-size:23px;font-weight:800;letter-spacing:-.3px}
.pd-kittotal s{color:#9aa1af;font-size:15.5px}
.pd-kittotal em{font-style:normal;color:#1a9c47;font-weight:600;font-size:14.5px}
/* видеообзоры — корректное соотношение 16:9 и разумная ширина */
.pd-vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1060px}
.pd-vid{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#0f1115}
.pd-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}
.pd-vids:has(> .pd-vid:only-child){max-width:760px}
/* аудиозаписи — компактный список плееров, а не разворот на всю страницу */
.pd-audio{background:var(--bg-2);border-radius:var(--radius);padding:14px 16px;max-width:1060px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:10px 16px;align-items:start}
.pd-audio iframe{display:block;width:100%;max-width:520px;height:120px;border:0;border-radius:8px;background:#fff}
.pd-audio p,.pd-audio div{margin:0}
.pd-audio br{display:none}
/* инструкции и файлы */
.pd-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pd-file{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink)}
.pd-file:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.pd-file svg{margin-left:auto;flex:none;color:var(--accent)}
.pd-fico{flex:none;width:44px;height:44px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:11.5px;font-weight:800;letter-spacing:.3px}
.pd-fname{display:flex;flex-direction:column;min-width:0;font-size:15px;font-weight:600;line-height:1.3}
.pd-fname em{font-style:normal;margin-top:3px;font-size:12.5px;font-weight:400;color:#9aa1af}
/* отзывы */
.pd-revempty{margin:0;font-size:16px;color:var(--ink-2)}
.pd-revlist{display:flex;flex-direction:column;gap:14px}
.pd-rev{background:var(--bg-2);border-radius:var(--radius);padding:18px 20px}
.pd-rev.pd-revhid{display:none}
.pd-revs.pd-allrev .pd-rev.pd-revhid{display:block}
.pd-revhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pd-revhead b{font-size:16.5px}
.pd-revhead em{font-style:normal;margin-left:auto;font-size:13.5px;color:#9aa1af}
.pd-stars{position:relative;display:inline-block;font-size:15px;line-height:1;color:#d5d9e0;white-space:nowrap}
.pd-stars::before{content:"\2605\2605\2605\2605\2605"}
.pd-stars i{position:absolute;left:0;top:0;overflow:hidden;color:#f5a623;white-space:nowrap}
.pd-stars i::before{content:"\2605\2605\2605\2605\2605"}
.pd-revexp{margin-top:6px;font-size:13.5px;color:#9aa1af}
.pd-revpart{margin-top:10px;font-size:15.5px;line-height:1.6}
.pd-revpart span{display:block;font-weight:700;font-size:13.5px;color:var(--ink-2);margin-bottom:2px}
.pd-revpart p{margin:0}
.pd-revpart.pd-plus span{color:#1a9c47}
.pd-revpart.pd-minus span{color:var(--accent)}
.pd-revmore{margin-top:14px;font-size:15px;font-weight:600;color:var(--accent);background:none}
.pd-revmore:hover{text-decoration:underline}
/* форма отзыва */
.pd-revform{margin-top:22px;background:var(--bg-2);border-radius:var(--radius);padding:22px}
.pd-revform h3{margin:0 0 14px;font-size:19.5px;font-weight:800}
.pd-revform label{display:block;margin-top:12px;font-size:14px;font-weight:600;color:var(--ink-2)}
.pd-revform textarea,.pd-revform input,.pd-revform select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;font-size:15.5px;font-family:inherit;margin-top:5px}
.pd-revform textarea{resize:vertical}
.pd-revform input,.pd-revform select{height:46px;padding:0 12px}
.pd-revform textarea:focus,.pd-revform input:focus,.pd-revform select:focus{border-color:var(--accent);outline:none}
.pd-revcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pd-revrate{display:flex;align-items:center;gap:12px}
.pd-revrate span{font-size:14px;font-weight:600;color:var(--ink-2)}
.pd-ratepick{display:flex;gap:2px}
.pd-ratepick button{background:none;font-size:27px;line-height:1;color:#d5d9e0;padding:0 2px;cursor:pointer}
.pd-ratepick button.on{color:#f5a623}
.pd-reverr{margin-top:10px;font-size:14px;color:var(--accent);display:none}
.pd-reverr.on{display:block}
.pd-revsend{margin-top:14px;height:52px;padding:0 28px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:16.5px}
.pd-revsend:hover{background:var(--accent-dark)}
.pd-revlogin{margin-top:18px;background:var(--bg-2);border-radius:12px;padding:16px 18px;font-size:15.5px;color:var(--ink-2)}
.pd-revlogin a{color:var(--accent);font-weight:600}
.pd-revlogin a:hover{text-decoration:underline}
@media (max-width:1100px){
  .pd-kit .pd-kitgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pd-kit .pd-kitgrid{grid-template-columns:1fr 1fr;gap:10px}
  .pd-vids{grid-template-columns:1fr}
  .pd-files{grid-template-columns:1fr}
  .pd-revcols{grid-template-columns:1fr;gap:0}
  .pd-rev{padding:14px 16px}
  .pd-revform{padding:16px}
  .pd-revhead em{margin-left:0;width:100%}
}

/* --- карточка: ничто не должно расширять страницу по горизонтали --- */
.pd-top,.pd-gal,.pd-key,.pd-buy,.pd-sec,.pd-sim{min-width:0}
.pd-row{min-width:0}
.pd-row span{flex:0 1 auto;min-width:0}
.pd-row b{min-width:0;overflow-wrap:break-word}
.pd-desc{overflow-wrap:break-word}
.pd-desc img,.pd-desc iframe,.pd-desc video{max-width:100%;height:auto}
.pd-desc table{display:block;max-width:100%;overflow-x:auto}
.pd-head h1{overflow-wrap:break-word}
.pd-sname,.pd-kitname{overflow-wrap:break-word}

/* --- фото крупнее, ключевые характеристики компактнее --- */
.pd-key h3{font-size:15.5px}
.pd-key .pd-row{padding:5.5px 0;font-size:14.5px}
.pd-key .pd-allchars{margin-top:8px;font-size:14.5px}
/* --- лента превью: прокрутка вправо-влево вместо плитки --- */
.pd-thumbwrap{position:relative}
.pd-thumbs{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0}
.pd-thumbs::-webkit-scrollbar{display:none}
.pd-thumbs button{flex:0 0 auto}
.pd-tharr{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font-size:18px;line-height:1;place-items:center;cursor:pointer}
.pd-tharr:hover{border-color:var(--accent);color:var(--accent)}
.pd-thumbwrap.pd-thscroll .pd-tharr{display:grid}
.pd-thprev{left:-17px}
.pd-thnext{right:-17px}
@media (max-width:760px){
  .pd-thumbwrap.pd-thscroll .pd-tharr{display:none}
}

/* «Подробнее» в карточках сопутствующих/похожих — ссылка, а не button: центрируем как кнопку */
.pd-sbuy{display:grid;place-items:center;text-align:center;padding:0 10px;line-height:1.2}
@media (max-width:760px){
  .pd-audio{grid-template-columns:1fr;padding:12px}
}

/* ===== корзина (ck- / cart-) ===== */
.ck-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.ck-crumbs a{color:var(--ink-2)}
.ck-crumbs a:hover{color:var(--accent)}
.ck-crumbs i{font-style:normal;color:#c3c8d1}
.ck-h1{display:flex;align-items:baseline;gap:12px;margin:10px 0 0}
.ck-h1 h1{font-size:32.5px;font-weight:800;letter-spacing:-.5px;margin:0}
.ck-h1 em{font-style:normal;color:var(--ink-2);font-size:15px}
.ck-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin:22px 0 0;align-items:start}
.ck-sum{position:sticky;top:20px;background:var(--bg-2);border-radius:var(--radius);padding:22px}
.ck-sum h3{margin:0 0 14px;font-size:19px;font-weight:800}
.ck-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:15px;color:var(--ink-2)}
.ck-line b{color:var(--ink);font-weight:600;text-align:right}
.ck-line.disc b{color:var(--accent)}
.ck-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:17px;font-weight:700}
.ck-total b{font-size:27px;font-weight:800;letter-spacing:-.5px}
.ck-go{display:grid;place-items:center;width:100%;margin-top:16px;height:54px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:17px}
.ck-go:hover{background:var(--accent-dark);color:#fff}
.ck-note{margin-top:10px;font-size:12.5px;color:var(--ink-2);line-height:1.5}
.ck-note a{color:var(--accent)}
.ck-promo{display:flex;gap:8px;margin-top:14px}
.ck-promo input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;font-size:15px}
.ck-promo input:focus{border-color:var(--accent);outline:none}
.ck-promo button{height:44px;padding:0 16px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.ck-promo button:hover{border-color:var(--accent);color:var(--accent)}
.ck-promo-msg{margin-top:8px;font-size:13.5px;display:none}
.ck-promo-msg.on{display:block}
.ck-promo-msg.ok{color:#1a9c47}
.ck-promo-msg.err{color:var(--accent)}
.ck-warn{display:flex;gap:11px;background:var(--accent-soft);border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.5;margin:16px 0 0}
.ck-warn svg{flex:none;color:var(--accent);margin-top:2px}
.ck-warn b{display:block}
/* пустая корзина */
.ck-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-2);border-radius:var(--radius);padding:56px 24px;margin:22px 0 0}
.ck-empty svg{color:#c3c8d1}
.ck-empty b{margin-top:14px;font-size:22px;font-weight:800}
.ck-empty p{margin:6px 0 0;font-size:15.5px;color:var(--ink-2)}
.ck-empty-go{display:grid;place-items:center;margin-top:20px;height:52px;padding:0 30px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:16.5px}
.ck-empty-go:hover{background:var(--accent-dark);color:#fff}
/* строки корзины */
.cart-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 20px}
.cart-row{display:grid;grid-template-columns:118px minmax(0,1fr) 132px 150px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.cart-row:last-child{border-bottom:0}
.cart-row.removing{opacity:.4;pointer-events:none}
.cart-ph{position:relative;display:block;height:118px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;overflow:hidden}
.cart-ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.cart-badge{position:absolute;top:6px;left:6px;z-index:2;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px}
.cart-info{min-width:0}
.cart-type{font-size:12.5px;color:#9aa1af}
.cart-name{display:block;margin-top:3px;font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.35;overflow-wrap:break-word}
.cart-name:hover{color:var(--accent)}
.cart-av{margin-top:6px;font-size:13px;color:#1a9c47;font-weight:600}
.cart-av::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1a9c47;margin-right:5px;vertical-align:1px}
.cart-av.order{color:#b57b00}
.cart-av.order::before{background:#b57b00}
.cart-acts{display:flex;align-items:center;gap:8px;margin-top:10px}
.cart-acts button{background:none;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.cart-acts button:hover{color:var(--accent)}
.cart-acts button.done{color:#1a9c47}
.cart-acts span{color:#c3c8d1}
.cart-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:44px}
.cart-qty button{width:40px;height:100%;background:var(--bg-2);font-size:18px;color:var(--ink);cursor:pointer}
.cart-qty button:hover{background:var(--accent-soft);color:var(--accent)}
.cart-qty input{width:100%;min-width:0;height:100%;border:0;text-align:center;font-size:16px;font-weight:600;background:#fff}
.cart-qty.limit input{color:var(--accent)}
.cart-price{text-align:right;min-width:0}
.cart-sum{font-size:20px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}
.cart-one{margin-top:3px;font-size:12.5px;color:#9aa1af;white-space:nowrap}
.cart-more{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;font-size:15px;font-weight:600;color:var(--accent)}
.cart-more:hover{text-decoration:underline}
@media (max-width:1100px){
  .ck-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}
}
@media (max-width:900px){
  .ck-layout{grid-template-columns:minmax(0,1fr)}
  .ck-sum{position:static}
}
@media (max-width:760px){
  .ck-h1 h1{font-size:24px}
  .ck-crumbs{margin-top:12px}
  .cart-list{padding:4px 12px}
  .cart-row{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:16px 0}
  .cart-ph{height:82px}
  .cart-name{font-size:15px}
  .cart-qty{grid-column:1;height:40px}
  .cart-qty button{width:34px}
  .cart-price{grid-column:2;text-align:right}
  .cart-sum{font-size:18px}
  .cart-one{white-space:normal}
  .ck-empty{padding:36px 16px}
}
/* ===== сервисные страницы (О нас, Контакты, Доставка и прочие) ===== */
#main-content.page{width:100%;max-width:none;margin:0;padding:0 28px 64px;box-sizing:border-box} /* на всю ширину, как каталог (.wrap); было 1180px — владелец 2026-09-04 */
.pg-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.pg-crumbs a{color:var(--ink-2)}
.pg-crumbs a:hover{color:var(--accent)}
.pg-crumbs i{font-style:normal;color:#c3c8d1}
/* заголовки */
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,
.page .h1,.page .h2,.page .h3,.page .h4{color:var(--ink)}
.page h1,.page .h1{font-size:32.5px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:14px 0 18px;text-align:left}
.page h2,.page .h2{font-size:23px;font-weight:800;letter-spacing:-.3px;line-height:1.3;margin:34px 0 12px}
.page h3,.page .h3{font-size:19px;font-weight:700;line-height:1.35;margin:26px 0 10px}
.page h4,.page h5,.page .h4{font-size:16.5px;font-weight:700;margin:20px 0 8px}
/* в старом контенте встречается инлайновый letter-spacing — он ломает ритм заголовков */
.page h1[style],.page h2[style],.page h3[style]{letter-spacing:-.3px !important}
/* текст */
.page{font-size:16px;line-height:1.75;color:var(--ink-2)}
.page p{margin:0 0 14px}
.page a{color:var(--accent)}
.page a:hover{text-decoration:underline}
.page b,.page strong{color:var(--ink)}
.page ul,.page ol{margin:0 0 16px;padding-left:22px}
.page li{margin:0 0 7px}
.page hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.page blockquote{margin:0 0 16px;padding:14px 18px;background:var(--bg-2);border-radius:12px}
/* медиа */
.page img{max-width:100%;height:auto;border-radius:var(--radius)}
.page iframe{max-width:100%;border:0;border-radius:var(--radius)}
.page video{max-width:100%;height:auto}
/* таблицы (реквизиты, тарифы доставки) */
.page table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto}
.page table td,.page table th{border:1px solid var(--line);padding:10px 12px;vertical-align:top;text-align:left}
.page table th{background:var(--bg-2);font-weight:700;color:var(--ink)}
.page table tr:nth-child(even) td{background:#fbfbfc}
/* остатки бутстрапа из старого шаблона — чтобы не ломали поток */
.page .row{display:block}
.page [class^="col-"],.page [class*=" col-"]{width:auto;max-width:100%;padding:0}
.page .limiter,.page .ipage,.page .inpage{max-width:100%;padding:0;margin:0}
.page .pt-2{padding-top:8px}
/* утилиты старой вёрстки, чтобы блоки не слипались без bootstrap */
.page .mb-1{margin-bottom:4px}.page .mb-2{margin-bottom:8px}.page .mb-3{margin-bottom:16px}
.page .mb-4{margin-bottom:24px}.page .mb-5{margin-bottom:32px}
.page .mt-1{margin-top:4px}.page .mt-2{margin-top:8px}.page .mt-3{margin-top:16px}
.page .mt-4{margin-top:24px}.page .mt-5{margin-top:32px}
.page .pt-3{padding-top:16px}.page .pt-4{padding-top:24px}.page .pb-3{padding-bottom:16px}
.page .fw-bold{font-weight:700}
.page .lh-1{line-height:1.25}
.page .text-center{text-align:center}
@media (max-width:760px){
  #main-content.page{padding:0 16px 44px}
  .page h1,.page .h1{font-size:24px;margin:10px 0 14px}
  .page h2{font-size:20px;margin:26px 0 10px}
  .page h3{font-size:17.5px}
  .page{font-size:15.5px}
  .pg-crumbs{margin-top:12px}
}

/* ===== карточки магазинов и контактов ===== */
.pg-lead{font-size:18px;line-height:1.6;color:var(--ink-2);margin:0 0 26px} /* без ограничения ширины — страницы на всю ширину (2026-09-04) */
.sh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:0 0 10px}
.sh-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;transition:box-shadow .15s}
.sh-card:hover{box-shadow:var(--shadow)}
.sh-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.page .sh-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.sh-tag{font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:4px 11px;white-space:nowrap}
.sh-rows{display:flex;flex-direction:column;gap:13px}
.sh-row{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink)}
.sh-row svg{flex:none;width:20px;height:20px;color:var(--accent);margin-top:2px}
.sh-row>div{min-width:0}
.page .sh-phone{font-weight:700;font-size:17px;letter-spacing:-.2px;color:var(--ink)}
.page .sh-phone:hover{color:var(--accent);text-decoration:none}
.sh-metro{display:block;font-style:normal;margin-top:2px;font-size:13.5px;color:#9aa1af}
.sh-time{display:flex;gap:10px;align-items:baseline}
.sh-time span{width:56px;flex:none;color:var(--ink-2);font-size:14px}
.sh-time b{font-weight:600;color:var(--ink)}
.sh-note{margin-top:16px;background:var(--bg-2);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--ink-2)}
.sh-note.ok{background:#eaf7ee;color:#177a39;font-weight:600}
.sh-map{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:15px;font-weight:600;color:var(--accent)}
.page .sh-galh{font-size:23px;margin:38px 0 14px}
.sh-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.sh-gal a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.sh-gal img{width:100%;height:172px;object-fit:cover;display:block;border-radius:0;transition:transform .25s}
.sh-gal a:hover img{transform:scale(1.05)}
.sh-qr{display:inline-flex;align-items:center;gap:14px;margin:14px 0 0;padding:12px 18px 12px 12px;background:#fff;border:1px solid var(--line);border-radius:12px}
.sh-qr:hover{border-color:var(--accent)}
.sh-qr img{width:78px;height:78px;object-fit:contain;flex:none}
.page .sh-qr span{display:block;font-size:15.5px;font-weight:600;color:var(--ink)}
.sh-qr em{display:block;font-style:normal;margin-top:3px;font-size:13.5px;font-weight:400;color:#9aa1af}
/* просмотр фото на весь экран */
.kl-box{position:fixed;inset:0;z-index:400;background:rgba(15,17,21,.93);display:none;align-items:center;justify-content:center;padding:24px}
.kl-box.open{display:flex}
.kl-box img{max-width:94vw;max-height:92vh;object-fit:contain;border-radius:8px}
.kl-box button{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer}
.kl-box button:hover{background:var(--accent)}
@media (max-width:760px){
  .pg-lead{font-size:16px;margin-bottom:20px}
  .sh-grid{grid-template-columns:1fr}
  .sh-card{padding:18px}
  .sh-gal{grid-template-columns:1fr 1fr;gap:8px}
  .sh-gal img{height:128px}
}

/* ===== страница контактов ===== */
.ct-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.page .ct-nav a{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:20px;background:var(--bg-2);font-size:14.5px;font-weight:600;color:var(--ink)}
.page .ct-nav a:hover{background:var(--accent);color:#fff;text-decoration:none}
.ct-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:0 0 16px;scroll-margin-top:20px}
.ct-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.page .ct-head h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.ct-body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px 40px;align-items:start}
.ct-text{font-size:15.5px;line-height:1.7}
.ct-text p{margin:0 0 12px}
.ct-text p:last-child{margin-bottom:0}
.ct-text .sh-map{margin-top:0;padding-top:6px}
.ct-holidays{margin-top:14px;background:var(--bg-2);border-radius:10px;padding:12px 15px}
.ct-holidays summary{cursor:pointer;font-size:14.5px;font-weight:600;color:var(--ink)}
.ct-holidays summary::marker{color:var(--accent)}
.page .ct-holidays ul{margin:10px 0 0;padding-left:20px;font-size:14.5px}
.page .ct-holidays li{margin:0 0 5px}
@media (max-width:900px){
  .ct-body{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (max-width:760px){
  .ct-card{padding:18px}
  .page .ct-head h2{font-size:19px}
}

/* ===== галереи и логотипы внутри старого контента ===== */
.page .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:4px 0 24px}
.page .gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.page .gallery img{width:100%;height:165px;object-fit:cover;display:block;border-radius:0;transition:transform .25s}
.page .gallery a:hover img{transform:scale(1.05)}
.page .partner-logo{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;align-items:center;margin:0 0 24px}
.page .partner-logo img{width:100%;height:74px;object-fit:contain;border-radius:0}
.page .hr{border-top:1px solid var(--line);margin:34px 0}
.page a.fancybox{cursor:zoom-in}
@media (max-width:760px){
  .page .gallery{grid-template-columns:1fr 1fr;gap:8px}
  .page .gallery img{height:120px}
  .page .partner-logo{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
  .page .partner-logo img{height:56px}
}

/* ===== сертификаты и благодарности ===== */
.lic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:4px 0 10px}
.lic-item{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:zoom-in}
.lic-item:hover{box-shadow:var(--shadow);border-color:var(--accent)}
.lic-item img{width:100%;height:245px;object-fit:contain;display:block;border-radius:0}
.page .lic-item span{display:block;margin-top:10px;font-size:13.5px;line-height:1.4;color:var(--ink-2);text-align:center}
@media (max-width:760px){
  .lic-grid{grid-template-columns:1fr 1fr;gap:10px}
  .lic-item img{height:180px}
}

/* ===== блоки переверстанных сервисных страниц ===== */
.pg-sec{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:0 0 16px;scroll-margin-top:20px}
.page .pg-sec>h2{margin:0 0 14px;font-size:21px}
.page .pg-sec>h3{margin:22px 0 8px;font-size:17.5px}
.page .pg-sec>h3:first-of-type{margin-top:0}
.page .pg-sec p{margin:0 0 10px}
.page .pg-sec p:last-child{margin-bottom:0}
.page .pg-sec ul{margin:0 0 12px}
.pg-sec.grey{background:var(--bg-2);border-color:transparent}
/* компактные пары «параметр — значение» */
.pg-dl{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:2px 20px;font-size:15.5px;line-height:1.5}
.pg-dl dt{color:var(--ink-2);padding:7px 0}
.pg-dl dd{margin:0;padding:7px 0;color:var(--ink);font-weight:600}
.pg-dl dt,.pg-dl dd{border-top:1px solid var(--line)}
.pg-dl dt:first-of-type,.pg-dl dd:first-of-type{border-top:0}
/* вкладки без bootstrap */
.pg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;border-bottom:1px solid var(--line);padding-bottom:12px}
.pg-tabs button{height:40px;padding:0 17px;border-radius:20px;background:var(--bg-2);font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.pg-tabs button:hover{background:var(--line)}
.pg-tabs button.on{background:var(--accent);color:#fff}
.pg-pane{display:none}
.pg-pane.on{display:block}
/* сетка логотипов */
.pg-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-items:center;margin:0 0 6px}
.pg-logos img{width:100%;height:64px;object-fit:contain;border-radius:0;background:#fff}
.pg-logos.big img{height:86px}
/* плашки-условия */
.pg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 20px}
.pg-fact{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.page .pg-fact h3{margin:0 0 12px;font-size:18px}
.page .pg-fact ul{margin:0;padding:0;list-style:none}
.page .pg-fact li{display:flex;gap:9px;margin:0 0 9px;font-size:15px;line-height:1.5}
.page .pg-fact li:last-child{margin-bottom:0}
.pg-fact li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#eaf7ee url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23177a39' stroke-width='3'><path d='M5 12l4.5 4.5L19 7'/></svg>") center/11px no-repeat}
/* форма заявки */
.pg-form{background:var(--bg-2);border-radius:var(--radius);padding:24px 26px;max-width:640px}
.page .pg-form h3{margin:0 0 4px;font-size:20px}
.pg-form .pg-form-note{margin:0 0 16px;font-size:14.5px;color:var(--ink-2)}
.pg-form label{display:block;margin:12px 0 0;font-size:14px;font-weight:600;color:var(--ink-2)}
.pg-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 14px;font-size:16px;margin-top:5px}
.pg-form input:focus{border-color:var(--accent);outline:none}
.pg-form button{margin-top:18px;height:52px;padding:0 30px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:16.5px;cursor:pointer}
.pg-form button:hover{background:var(--accent-dark)}
.pg-form .pg-agree{margin-top:12px;font-size:12.5px;color:#9aa1af;line-height:1.5}
/* заметное предупреждение */
.pg-warn{display:flex;gap:11px;background:var(--accent-soft);border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.55;margin:0 0 16px}
.pg-warn svg{flex:none;color:var(--accent);margin-top:2px}
.page .pg-warn p{margin:0 0 6px}
.page .pg-warn p:last-child{margin:0}
@media (max-width:760px){
  .pg-sec{padding:18px}
  .pg-dl{grid-template-columns:minmax(0,1fr);gap:0}
  .pg-dl dd{padding-top:0;border-top:0}
  .pg-form{padding:18px}
  .pg-logos{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}
  .pg-logos img{height:50px}
}

/* «О нас»: обложка и колонки с брендами */
.page .pg-hero{width:100%;max-height:420px;object-fit:cover;margin:0 0 22px}
.pg-brandcols{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:16px;margin:24px 0}
.page .pg-brandcols .pg-sec{margin:0}
.page .pg-more{margin:14px 0 0;font-size:14.5px}
@media (max-width:900px){ .pg-brandcols{grid-template-columns:minmax(0,1fr)} }
@media (max-width:760px){ .page .pg-hero{max-height:220px;margin-bottom:16px} }

/* ===== все производители на одной странице ===== */
.br-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.br-search{position:relative;flex:1;min-width:240px;max-width:420px}
.br-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa1af}
.br-search input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px 0 42px;font-size:16px}
.br-search input:focus{border-color:var(--accent);outline:none}
.br-count{font-size:14.5px;color:var(--ink-2)}
.br-alpha{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.page .br-alpha a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:9px;background:var(--bg-2);font-size:14.5px;font-weight:700;color:var(--ink)}
.page .br-alpha a:hover{background:var(--accent);color:#fff;text-decoration:none}
.br-alpha a.off{opacity:.3;pointer-events:none}
.br-group{margin:0 0 26px;scroll-margin-top:16px}
.page .br-letter{margin:0 0 12px;font-size:19px;font-weight:800;color:var(--accent)}
.br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.br-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:126px;padding:14px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center}
.br-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.br-card img{max-width:100%;height:56px;object-fit:contain;border-radius:0}
.page .br-card span{font-size:13.5px;font-weight:600;color:var(--ink-2);line-height:1.3}
.br-card:hover span{color:var(--accent)}
.br-card.nopic span{font-size:16px;font-weight:700;color:var(--ink)}
.br-card.hide,.br-group.hide{display:none}
.br-empty{display:none;background:var(--bg-2);border-radius:var(--radius);padding:28px;text-align:center;font-size:16px;color:var(--ink-2)}
.br-empty.on{display:block}
@media (max-width:760px){
  .br-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
  .br-card{min-height:104px;padding:10px}
  .br-card img{height:44px}
}

/* ===== список статей ===== */
.art-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.page .art-nav a{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:20px;background:var(--bg-2);font-size:14.5px;font-weight:600;color:var(--ink)}
.page .art-nav a:hover{background:var(--line);text-decoration:none}
.page .art-nav a.on{background:var(--accent);color:#fff}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s}
.art-card:hover{box-shadow:var(--shadow)}
.art-ph{display:block;aspect-ratio:16/9;background:var(--bg-2)}
.art-ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.art-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.art-sec{font-size:12.5px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.4px;margin:0 0 6px}
.page .art-name{display:block;font-size:18px;font-weight:700;line-height:1.35;color:var(--ink)}
.page .art-name:hover{color:var(--accent);text-decoration:none}
.page .art-text{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.art-date{margin-top:auto;padding-top:12px;font-size:13px;color:#9aa1af}
@media (max-width:760px){
  .art-grid{grid-template-columns:1fr;gap:12px}
  .page .art-name{font-size:17px}
}

/* «Подарки для музыкантов» */
.pg-panes{margin-top:4px}
/* старый стиль .gf-more убран (2026-09-04): кнопки всех вкладок оформляет общий блок ниже (.nav-button-pagination, .gf-more) */

/* плитка товаров внутри контентных страниц не должна краснеть от общего правила для ссылок */
.page .cg-card a,.page .cg-name{color:var(--ink)}
.page .cg-card a:hover{text-decoration:none}
.page .cg-name:hover{color:var(--accent)}
.page .cg-type{color:#9aa1af}
/* кнопка — тоже ссылка, поэтому селектор должен быть специфичнее «.page .cg-card a» */
.page .cg-card a.cg-buy{color:#fff}
.page .cg-card a.cg-buy.ask{color:var(--accent)}
.page .cg-card a.cg-buy.ask:hover{color:#fff}
.page .cg-fav{color:#c3c8d1}
.page .cg-fav:hover{color:var(--accent)}
.page .pd-scard a,.page .pd-sname{color:var(--ink)}
.page .pd-scard a.pd-sbuy{color:var(--accent)}
.page .pd-scard a.pd-sbuy:hover{color:#fff}
.page .pd-scard a:hover{text-decoration:none}
.page .pd-sname:hover{color:var(--accent)}

/* ===== партнёры и тендерный отдел ===== */
.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:18px 0 26px}
.pn-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;text-align:center}
.pn-card:hover{box-shadow:var(--shadow)}
.pn-card img{width:100%;max-width:150px;height:88px;object-fit:contain;border-radius:0}
.page .pn-card span{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.page .tn-clients{columns:2;column-gap:44px;margin:0;padding-left:20px}
.page .tn-clients li{break-inside:avoid;margin:0 0 8px;font-size:15.5px;line-height:1.5}
@media (max-width:900px){ .page .tn-clients{columns:1} }
@media (max-width:760px){
  .pn-grid{grid-template-columns:1fr 1fr;gap:8px}
  .pn-card{padding:12px 10px;gap:8px}
  .pn-card img{height:62px}
  .page .pn-card span{font-size:12.5px}
}

/* ===== всплывашка «Товар добавлен в корзину» (.kc-*) ===== */
.kc-pop{position:fixed;inset:0;z-index:320;background:rgba(15,17,21,.55);display:none;align-items:center;justify-content:center;padding:16px}
.kc-pop.open{display:flex}
.kc-box{background:#fff;border-radius:var(--radius);width:100%;max-width:640px;position:relative;padding:26px 28px 24px;box-shadow:0 24px 70px rgba(18,22,33,.28)}
.kc-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:var(--bg-2);color:var(--ink-2);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.kc-close:hover{background:#e6e8ec;color:var(--ink)}
.kc-head{display:flex;align-items:center;gap:10px;margin:0 44px 18px 0}
.kc-head svg{color:#1a9c47;flex:none}
.kc-head h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.kc-body{display:flex;gap:20px;align-items:flex-start}
.kc-img{flex:none;width:170px;height:170px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;box-sizing:border-box}
.kc-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.kc-info{flex:1 1 auto;min-width:0}
.kc-name{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.35;text-decoration:none}
.kc-name:hover{color:var(--accent)}
.kc-price{margin-top:8px;font-size:18px;font-weight:800;color:var(--ink)}
.kc-price s,.kc-total s{font-weight:400;font-size:13.5px;color:#9aa1af;margin-left:8px}
.kc-qty{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:14px;color:var(--ink-2)}
.kc-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.kc-stepper button{width:36px;height:36px;border:0;background:#fff;font-size:18px;line-height:1;color:var(--ink);cursor:pointer;padding:0}
.kc-stepper button:hover{background:var(--bg-2)}
.kc-stepper input{width:48px;height:36px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:15px;font-weight:600;color:var(--ink);background:#fff;border-radius:0;padding:0}
.kc-stepper input:focus{outline:none}
.kc-stepper.limit{border-color:var(--accent)}
.kc-limit{display:none;font-style:normal;font-size:12.5px;color:var(--accent)}
.kc-limit b{font-weight:700}
.kc-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;background:var(--bg-2);border-radius:10px;font-size:14.5px;color:var(--ink-2)}
.kc-total .kc-sum{font-size:18px;font-weight:800;color:var(--ink)}
.kc-foot{display:flex;gap:12px;margin-top:22px}
.kc-btn{flex:1 1 0;height:50px;border-radius:12px;font-size:15.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;text-decoration:none;font-family:inherit}
.kc-more{background:var(--bg-2);color:var(--ink)}
.kc-more:hover{background:#e6e8ec}
.kc-go{background:var(--accent);color:#fff}
.kc-go:hover{background:var(--accent-dark);color:#fff}
/* кнопка «В корзине» — кликабельна, ведёт в корзину */
a.cg-buy.added,.pd-cart.added{cursor:pointer}
@media (max-width:560px){
  .kc-box{padding:22px 18px 18px}
  .kc-body{flex-direction:column}
  .kc-img{width:100%;height:190px}
  .kc-foot{flex-direction:column}
  .kc-head h3{font-size:18px}
}

/* ===== листинг: сортировка / «показать по» — белое поле с рамкой и своя выпадашка ===== */
.cg-sort{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:9px 36px 9px 14px;font-size:15px;color:var(--ink);cursor:pointer;
  user-select:none;-webkit-user-select:none;transition:border-color .15s ease;outline:none
}
.cg-sort:hover{border-color:#c3c8d1}
.cg-sort.open,.cg-sort:focus-visible{border-color:var(--accent)}
.cg-sort span{color:var(--ink-2);font-weight:400}
.cg-sort .cg-cur{font-weight:600;color:var(--ink);white-space:nowrap}
.cg-sort.dd select{display:none}
.cg-sort::after{
  content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-5px;
  border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);
  transform:rotate(45deg);pointer-events:none;transition:transform .15s ease
}
.cg-sort.open::after{transform:rotate(-135deg);margin-top:-1px}
.cg-menu{
  position:absolute;left:0;top:calc(100% + 6px);min-width:100%;z-index:80;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;
  box-shadow:0 12px 32px rgba(18,22,33,.14);display:none;white-space:nowrap
}
.cg-sort.open .cg-menu{display:block}
.cg-menu a{
  display:block;padding:9px 12px;border-radius:8px;
  font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;line-height:1.3
}
.cg-menu a:hover{background:var(--bg-2);color:var(--ink)}
.cg-menu a.on,.cg-menu a.on:hover{background:var(--accent);color:#fff}
@media (max-width:760px){
  .cg-bar .cg-sort{padding:9px 32px 9px 12px;font-size:14px}
  .cg-menu{left:auto;right:0}
}

/* ===== панель листинга: выпадашки «Сортировать по» и «Показать по» — справа,
   счётчик «Показано N из M» — слева (решение владельца 2026-09-04) ===== */
.cg-bar{justify-content:flex-end}
.cg-bar .cg-found{order:-1;margin-right:auto;margin-left:0}
.cg-bar .cg-fbtn{order:-2}
@media (max-width:760px){
  .cg-bar{justify-content:flex-start}
  .cg-bar .cg-found{order:0;margin-right:0;flex:1 1 100%}
}

/* ===== листинг: заголовок раздела и панель (счётчик + выпадашки) в одну строку =====
   .cg-bar перенесён в разметке внутрь .cg-h1. Строка — flex с переносом: пока хватает
   места, панель стоит справа от названия; длинное название не ломается — панель
   уходит на следующую строку, прижатая вправо. */
.cg-h1{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:10px 0 0}
.cg-h1 h1{flex:0 1 auto;min-width:0;line-height:1.15}
.cg-h1 em{white-space:nowrap;flex:0 0 auto}
.cg-h1 .cg-bar{flex:0 0 auto;margin:0 0 0 auto;justify-content:flex-end;flex-wrap:nowrap}
.cg-h1 .cg-bar .cg-found{order:-2;margin:0 6px 0 0;white-space:nowrap}
/* порядок по просьбе владельца: «N из M», затем «Показать по», затем «Сортировать по» */
.cg-h1 .cg-bar .cg-perpage{order:-1}
@media (max-width:760px){
  .cg-h1 .cg-bar{flex:1 1 100%;margin:6px 0 0;flex-wrap:wrap;justify-content:flex-start}
  .cg-h1 .cg-bar .cg-found{order:0;flex:1 1 100%;margin:0}
}
/* счётчик у названия — серая «таблетка» с числом (владелец, 2026-09-04); размер заголовка не трогаем */
.cg-h1 em{
  display:inline-block;align-self:center;margin:6px 0 0;padding:3px 10px;border-radius:999px;
  background:#e9ebef;color:var(--ink-2);font-size:14px;font-weight:700;line-height:1.35;white-space:nowrap
}
.cg-h1 em:empty{display:none}

/* ВРЕМЕННО (владелец, 2026-09-04): счётчик «N из M» и выпадашка «Показать по» скрыты,
   в панели остаётся только «Сортировать по». Вернуть — удалить это правило. */
.cg-h1 .cg-bar .cg-found,
.cg-h1 .cg-bar .cg-perpage{display:none}

/* кнопка «Показать N товаров» умного фильтра — липнет к низу экрана, пока панель в поле зрения */
.cg-filters #modef{position:sticky;bottom:12px;z-index:5;background:var(--bg-2);padding-top:6px}

/* кнопка «Показать N товаров» после пересчёта: штатный JS ставит inline-block —
   возвращаем блок на всю ширину панели; «Сбросить фильтры» — строкой под ней */
.cg-filters #modef[style*="inline-block"]{display:block !important}
.cg-filters #modef{margin-top:12px;padding:8px 0 4px;border-top:1px solid var(--line)}
.cg-filters #modef .cg-apply{display:block;width:100%;height:46px;font-size:15.5px;box-shadow:0 6px 18px rgba(193,18,31,.22)}
.cg-filters .cg-reset{display:block;width:100%;height:auto;line-height:1.2;padding:10px 0;text-align:center;text-decoration:none}
.cg-filters .cg-reset:hover{color:var(--accent)}

/* /promo/gifts/: ссылки «Ещё больше …» под подборками — кнопка-обводка в стиле сайта */
.page .nav-button-pagination,.page .gf-more{margin:20px 0 8px;text-align:center}
.page .nav-button-pagination a,.page .gf-more a{
  display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1.5px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease
}
.page .nav-button-pagination a::after,.page .gf-more a::after{content:"→";font-size:17px;line-height:1}
.page .nav-button-pagination a:hover,.page .gf-more a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}

/* ==================================================================
   ЛИЧНЫЙ КАБИНЕТ (префикс lk-) — по макетам account*.html
   Страницы /personal/* верстают себя сами (в header.php они исключены
   из «сервисных»), поэтому контейнер — main.wrap.lk из inc/lk_head.php.
   ================================================================== */
.lk{padding-bottom:64px}
.lk-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.lk-crumbs a{color:var(--ink-2)}
.lk-crumbs a:hover{color:var(--ink)}
.lk-crumbs i{font-style:normal;color:#c3c8d1}
.lk-head{display:flex;align-items:center;gap:16px;margin:10px 0 0}
.lk-head h1{font-size:30px;font-weight:700;letter-spacing:-.4px;margin:0;color:var(--ink)}
.lk-exit{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-2)}
.lk-exit:hover{color:var(--ink)}

/* вкладки — сегментированный контрол */
.lk-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:20px 0 0;background:var(--bg-2);border-radius:12px;padding:4px}
.lk-tab{height:42px;padding:0 18px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;text-decoration:none}
.lk-tab:hover{color:var(--ink);background:#eceef2;text-decoration:none}
.lk-tab.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(18,22,33,.09)}

/* формы */
.lk-form{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin:26px 0 0;max-width:1060px}
.lk-field{display:block;margin-bottom:18px}
.lk-label{display:block;margin-bottom:7px;font-size:14px;color:var(--ink-2)}
.lk-star{color:var(--accent)}
.lk-field input,.lk-field textarea{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 14px;font-size:16px;font-family:inherit;color:var(--ink);box-sizing:border-box}
.lk-field textarea{height:120px;padding:12px 14px;resize:vertical;line-height:1.5}
.lk-field input:focus,.lk-field textarea:focus{border-color:var(--ink-2);outline:none}
.lk-pass{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.lk-pass svg{color:var(--ink-2)}
.lk-pass:hover,.lk-pass:hover svg{color:var(--accent)}
.lk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.lk-save{height:52px;padding:0 30px;border-radius:11px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;border:0;cursor:pointer;font-family:inherit}
.lk-save:hover{background:var(--accent-dark)}
.lk-reset{height:52px;padding:0 26px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500;font-size:16px;cursor:pointer;font-family:inherit}
.lk-reset:hover{border-color:var(--ink-2)}
.lk-msg{margin:20px 0 0;padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.5}
.lk-msg.ok{background:#eaf7ee;color:#177a39}
.lk-msg.err{background:var(--accent-soft);color:var(--accent)}

/* история заказов */
.lk-filter{display:flex;gap:26px;flex-wrap:wrap;margin:26px 0 4px;font-size:15.5px}
.lk-filter button,.lk-filter .lk-fbtn{padding:0 0 9px;color:var(--ink-2);font-weight:500;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:none;display:inline-flex;align-items:baseline}
.lk-filter button:hover,.lk-filter .lk-fbtn:hover{color:var(--ink);text-decoration:none}
.lk-filter button.on,.lk-filter .lk-fbtn.on{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}
.lk-filter button i,.lk-filter .lk-fbtn i{font-style:normal;color:#9aa1af;font-weight:400;margin-left:6px}
.lk-order{background:#fff;border:1px solid var(--line);border-radius:16px;margin:14px 0 0;padding:24px 26px}
.lk-order.hide{display:none}
.lk-otop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.lk-onum{font-size:16.5px;font-weight:600;color:var(--ink)}
.lk-odate{font-size:14.5px;color:var(--ink-2)}
.lk-badge{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-2);white-space:nowrap}
.lk-badge::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:#c3c8d1}
.lk-badge.wait::before{background:#e0a11f}
.lk-badge.paid::before{background:#159a45}
.lk-badge.sent::before{background:#2a72c8}
.lk-badge.done::before{background:#b3b8c2}
.lk-badge.cancel::before{background:var(--accent)}
.lk-obody{display:flex;align-items:flex-start;gap:26px;padding-top:18px;border-top:1px solid var(--line)}
.lk-goods{flex:1;min-width:0;display:flex;gap:14px;align-items:center}
.lk-thumbs{display:flex;gap:8px;flex:none}
.lk-thumbs img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px;box-sizing:border-box}
.lk-gtext{min-width:0}
.lk-gtext b{display:block;font-size:15.5px;font-weight:500;line-height:1.4;color:var(--ink)}
.lk-gtext span{display:block;margin-top:5px;font-size:14px;color:var(--ink-2);line-height:1.5}
.lk-money{flex:none;text-align:right}
.lk-money b{display:block;font-size:20px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;color:var(--ink)}
.lk-money span{display:block;margin-top:5px;font-size:13.5px;color:var(--ink-2)}
.lk-ofoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.lk-link{font-size:14.5px;color:var(--ink-2)}
.lk-link:hover{color:var(--ink)}
.lk-acts{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.lk-btn{height:44px;padding:0 20px;border-radius:11px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;font-family:inherit}
.lk-btn:hover{border-color:var(--ink-2);text-decoration:none;color:var(--ink)}
.lk-btn.pay{background:#159a45;border-color:#159a45;color:#fff;font-weight:600}
.lk-btn.pay:hover{background:#12813a;border-color:#12813a;color:#fff}
.lk-empty{margin:20px 0 0;padding:34px;background:var(--bg-2);border-radius:16px;text-align:center;color:var(--ink-2);font-size:15.5px}
.lk-empty a{color:var(--accent);font-weight:600}

/* подписка и текстовые секции */
.lk-sec{margin:26px 0 0;max-width:720px}
.lk-sec h2{margin:0 0 10px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2)}
.lk-sec p{margin:0 0 8px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.lk-sec p b{color:var(--ink)}
.lk-sec p a{color:var(--ink);text-decoration:underline}
.lk-sec p a:hover{color:var(--accent)}
.lk-check{display:inline-flex;align-items:center;gap:10px;padding:6px 0;font-size:15.5px;cursor:pointer;color:var(--ink)}
.lk-check input{width:19px;height:19px;accent-color:var(--accent);flex:none}
.lk-radios{display:flex;gap:24px;flex-wrap:wrap}
.lk-note{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.lk-req{margin:16px 0 0;font-size:13.5px;color:#9aa1af}

@media (max-width:760px){
  .lk-form{grid-template-columns:1fr;gap:0}
  .lk-head h1{font-size:23px}
  .lk-crumbs{margin-top:12px}
  .lk-exit span{display:none}
  .lk-tabs{gap:3px;padding:3px}
  .lk-tab{height:38px;padding:0 12px;font-size:14px}
  .lk-order{padding:18px 16px;border-radius:14px}
  .lk-badge{margin-left:0;width:100%}
  .lk-obody{flex-direction:column;gap:14px}
  .lk-money{text-align:left}
  .lk-thumbs img{width:54px;height:54px}
  .lk-acts{margin-left:0;width:100%}
  .lk-btn{flex:1;padding:0 12px;justify-content:center}
  .lk-filter{gap:18px}
  .lk-save,.lk-reset{width:100%;justify-content:center}
}

/* ==================================================================
   АВТОРИЗАЦИЯ / РЕГИСТРАЦИЯ / ВОССТАНОВЛЕНИЕ ПАРОЛЯ (префикс au-)
   Формы печатает ядро Битрикса прямо в #main-content (NEED_AUTH),
   поэтому контейнер и поля задаём здесь; поля переиспользуют .lk-*.
   ================================================================== */
.au-wrap{padding:34px 28px 64px;display:flex;justify-content:center}
.au-card{width:100%;max-width:460px}
.au-card-wide{max-width:720px}
.au-h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
.au-note{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.au-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0 0;background:var(--bg-2);border-radius:12px;padding:4px}
.au-tab{flex:1;justify-content:center;height:42px;padding:0 14px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.au-tab:hover{color:var(--ink);background:#eceef2;text-decoration:none}
.au-tab.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(18,22,33,.09)}
.au-form{margin:22px 0 0}
.au-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.au-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:2px 0 18px}
.au-link{margin-left:auto;font-size:14.5px;color:var(--ink-2)}
.au-link:hover{color:var(--accent)}
.au-submit{width:100%;justify-content:center;display:flex;align-items:center}
.au-submit:disabled{background:var(--line);color:#9aa1af;cursor:not-allowed}
.au-captcha{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;display:block}
.au-captcha-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.au-captcha-row .lk-field{flex:1;min-width:200px}
.au-agree{align-items:flex-start;margin:6px 0 18px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.au-agree input{margin-top:2px}
.au-agree a{color:var(--accent)}
.au-social{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.au-sochead{display:block;margin-bottom:10px;font-size:14px;color:var(--ink-2)}
.au-foot{margin:18px 0 0;font-size:14.5px;color:var(--ink-2);text-align:center}
.au-foot a{color:var(--accent);font-weight:600}

/* служебные блоки Битрикса внутри форм */
.au-card .bx-authform-psw-protected{margin-bottom:8px;font-size:13px;color:var(--ink-2)}
.au-card .bx-auth-secure,.au-card .bx-authform-psw-protected-desc span{display:none}

@media (max-width:760px){
  .au-wrap{padding:22px 16px 48px}
  .au-grid{grid-template-columns:1fr}
  .au-h1{font-size:23px}
  .au-tab{font-size:14px;height:38px}
}

/* ==================================================================
   СРАВНЕНИЕ ТОВАРОВ (префикс cm-) — по мотивам листинга и кабинета
   ================================================================== */
.cm-modes{display:flex;gap:4px;background:var(--bg-2);border-radius:12px;padding:4px}
.cm-mode{height:38px;padding:0 16px;border:0;border-radius:9px;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--ink-2);cursor:pointer}
.cm-mode:hover{color:var(--ink)}
.cm-mode.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(18,22,33,.09)}
.cm-wrap{margin:18px 0 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.cm-table{border-collapse:collapse;width:100%;min-width:680px}
.cm-table th,.cm-table td{text-align:left;vertical-align:top}
.cm-corner{width:230px;min-width:230px;position:sticky;left:0;z-index:2;background:#fff}
.cm-col{position:relative;width:240px;min-width:240px;padding:18px 16px 20px;border-left:1px solid var(--line);vertical-align:top}
.cm-del{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:var(--bg-2);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.cm-del:hover{background:var(--accent-soft);color:var(--accent)}
.cm-ph{display:block;height:150px;display:flex;align-items:center;justify-content:center}
.cm-ph img{max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.cm-name{display:block;margin-top:12px;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);text-decoration:none}
.cm-name:hover{color:var(--accent)}
.cm-price{margin-top:10px;font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.cm-price.ask{font-size:15.5px;font-weight:700;color:var(--ink-2)}
.cm-buy{display:grid;place-items:center;margin-top:12px;height:42px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:14.5px;text-decoration:none}
.cm-buy:hover{background:var(--accent-dark);color:#fff}
.cm-buy.ask{background:var(--accent-soft);color:var(--accent)}
.cm-buy.ask:hover{background:var(--accent);color:#fff}
.cm-buy.added{background:#1a9c47}
.cm-row:nth-child(odd) .cm-prop,.cm-row:nth-child(odd) .cm-val{background:#fafbfc}
.cm-prop{width:230px;min-width:230px;position:sticky;left:0;z-index:1;padding:13px 16px;border-top:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink-2);background:#fff}
.cm-row:nth-child(odd) .cm-prop{background:#fafbfc}
.cm-val{padding:13px 16px;border-top:1px solid var(--line);border-left:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--ink)}
.cm-dash{font-style:normal;color:#c3c8d1}
.cm-wrap.cm-diff .cm-same{display:none}
@media (max-width:760px){
  .cm-corner,.cm-prop{width:150px;min-width:150px;font-size:13px;padding:11px 12px}
  .cm-col{width:190px;min-width:190px;padding:14px 12px 16px}
  .cm-ph,.cm-ph img{height:110px;max-height:110px}
  .cm-modes{width:100%}
  .cm-mode{flex:1;padding:0 10px;font-size:13.5px}
}

/* ===== отклик на «в избранное» / «к сравнению» ===== */
@keyframes klPop{0%{transform:scale(1)}40%{transform:scale(1.28)}70%{transform:scale(.94)}100%{transform:scale(1)}}
.kl-pop{animation:klPop .34s ease}
.cg-fav.on svg,.pd-fav2.on svg{fill:currentColor}

/* кнопка сравнения в плитке — рядом с сердечком */
.cg-cmp{position:absolute;top:10px;right:47px;z-index:2;width:37px;height:37px;border:0;border-radius:50%;background:none;color:#c3c8d1;display:grid;place-items:center;cursor:pointer}
.cg-cmp:hover{color:var(--accent);background:var(--accent-soft)}
.cg-cmp.on{color:var(--accent)}

/* кнопка сравнения в карточке товара — как «в избранное» */
.pd-cmp2{flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.pd-cmp2:hover{border-color:var(--accent);color:var(--accent)}
.pd-cmp2.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

/* всплывающее подтверждение */
.kl-toast{
  position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:400;
  display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);
  padding:13px 18px;border-radius:12px;background:#121621;color:#fff;
  font-size:15px;line-height:1.3;box-shadow:0 12px 32px rgba(18,22,33,.28);
  opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s
}
.kl-toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.kl-toast a{color:#fff;font-weight:700;text-decoration:underline;white-space:nowrap}
.kl-toast a:hover{color:#fff;opacity:.85}
@media (max-width:760px){
  .kl-toast{bottom:calc(70px + env(safe-area-inset-bottom));font-size:14px;padding:11px 14px}
  .cg-cmp{width:32px;height:32px;right:40px;top:8px}
}

/* KL-GALLERY BEGIN */
/* ===== галерея фото в плитке каталога (2026-09-06) ===== */
.cg-ph.has-gal{position:relative}
.cg-ph.has-gal img{transition:opacity .18s ease}
.cg-ph .cg-gimg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0}

/* стрелки — только там, где есть мышь: при наведении выезжают из-за краёв фото */
.cg-gnav{
  position:absolute;top:50%;z-index:3;
  width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);
  color:var(--ink);display:none;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(18,22,33,.16);cursor:pointer;
  opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .28s cubic-bezier(.22,.61,.36,1),background .15s ease,color .15s ease
}
.cg-gprev{left:2px;transform:translate(-18px,-50%)}
.cg-gnext{right:2px;transform:translate(18px,-50%)}
.cg-gnav:hover{background:#fff;color:var(--accent)}
@media (hover:hover) and (pointer:fine){
  .cg-gnav{display:flex}
  .cg-card:hover .cg-gnav{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
  .cg-card:hover .cg-gnav:active{transform:translate(0,-50%) scale(.92);transition-duration:.08s}
}
@media (prefers-reduced-motion:reduce){
  .cg-gnav{transition:opacity .12s ease}
  .cg-gprev,.cg-gnext{transform:translate(0,-50%)}
}

/* точки */
.cg-dots{
  position:absolute;left:0;right:0;bottom:-2px;z-index:3;
  display:flex;justify-content:center;align-items:center;gap:5px
}
.cg-dots i{
  width:5px;height:5px;border-radius:50%;background:#d8dce3;cursor:pointer;
  transition:background .15s ease,transform .15s ease
}
.cg-dots i.on{background:var(--accent);transform:scale(1.3)}
@media (max-width:760px){
  .cg-dots i{width:4.5px;height:4.5px}
  .cg-gnav{display:none !important}
}
/* KL-GALLERY END */

/* KL-MOBILE BEGIN */
/* ===== правки мобильной версии (2026-09-07) ===== */

/* кнопки избранного и сравнения: на десктопе поверх фото, как раньше */
.cg-line,.cg-acts{display:contents}

/* адрес пункта выдачи в списке заказов личного кабинета */
.lk-pvz{
  display:flex;align-items:flex-start;gap:6px;margin-top:5px;
  font-size:13.5px;line-height:1.4;color:var(--ink-2)
}
.lk-pvz::before{
  content:"";flex:0 0 auto;width:13px;height:13px;margin-top:2px;background:currentColor;opacity:.75;
  -webkit-mask:no-repeat center/13px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask:no-repeat center/13px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")
}

/* колонка «Уточнить раздел» на странице уценки */
.cg-dsec-list{list-style:none;margin:0;padding:0}
.cg-dsec-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 0;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line)
}
.cg-dsec-list a:hover{color:var(--accent)}
.cg-dsec-list a.on{color:var(--accent);font-weight:700}
.cg-dsec-list i{font-style:normal;font-size:12.5px;color:#9aa1af;flex:none}
.cg-dsec-list a.on i{color:var(--accent)}
.cg-dsec-list ul{list-style:none;margin:0;padding:0 0 4px 12px}
.cg-dsec-list ul a{padding:7px 0;font-size:14px;color:var(--ink-2);border-bottom:0}
.cg-dsec-list > li:last-child > a{border-bottom:0}

/* счётчик товаров в разделах «Уценки» (в мега-меню) */
.mega .mcnt{font-style:normal;font-weight:500;font-size:12.5px;color:#9aa1af;margin-left:6px}
.mega .mgroup a.h:hover .mcnt{color:inherit}

/* строка бренда занимает место и когда бренда нет — карточки в ряду выравниваются */
.cg-type{min-height:19px}

/* на контентных страницах правило .page img{height:auto} перебивало размер фото
   в плитке, и карточки товаров («Подарки музыкантам») были огромными */
.page .cg-ph img{height:158px;border-radius:0}

@media (max-width:760px){
  /* нижний отступ страницы — только под нижнюю панель навигации.
     Липкую строку покупки на карточке товара убрали: она съедала экран,
     кнопка «В корзину» и так есть в блоке с ценой (решение владельца 2026-09-07) */
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .pd-sticky{display:none !important}

  /* на телефоне кнопки уходят с фотографии в строку наличия: слева статус, справа иконки */
  .cg-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}
  .cg-acts{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-right:-6px}
  .cg-fav,.cg-cmp{position:static;top:auto;right:auto;width:34px;height:34px;flex:0 0 auto}
  .cg-fav svg{width:21px;height:21px}
  .cg-cmp svg{width:19px;height:19px}
  .cg-av{margin:0}

  /* подтверждение действия: ширина по содержимому, а не по половине экрана */
  .kl-toast{width:max-content}

  .page .cg-ph img{height:130px}

  /* цена со скидкой не помещалась в две колонки и рвалась посреди числа;
     место под зачёркнутую цену держим всегда, иначе в ряду цены пляшут */
  .cg-price{line-height:1.2;min-height:41px}
  .cg-price s{display:block;margin:2px 0 0;font-size:13.5px}

  /* всплывашка корзины: кнопки в столбик были сплющены до высоты текста */
  .kc-btn{flex:0 0 auto;width:100%;height:52px}
}
/* KL-MOBILE END */

/* End */


/* Start:/bitrix/templates/klassika2026/styles.css?178778095061*/
/* пусто: старые стили отключены */

/* End */


/* Start:/bitrix/templates/klassika2026/template_styles.css?178778095074*/
/* стили нового дизайна лежат в design2026.css */

/* End */
/* /bitrix/templates/klassika2026/design2026.css?1788963157115099 */
/* /bitrix/templates/klassika2026/styles.css?178778095061 */
/* /bitrix/templates/klassika2026/template_styles.css?178778095074 */