/* ==========================================================================
   Kedrova Priča — дизайн-система сайта v3 (07.10.2026)
   Эталон: stranice/brendbuk/v3. Описание каждого элемента — Obsidian
   «Дизайн-система kedrovaprica.rs — спецификация v3». Классы с префиксом kp-.
   Правило №1: один уровень поверхности — никаких карточек внутри карточек.
   ========================================================================== */

@font-face{font-family:"Primma";src:url(fonts/primma-handmade.woff2) format("woff2"),url(fonts/primma-handmade.ttf) format("truetype");font-display:swap}

/* ---------- 1. Токены ---------- */
:root{
  /* бренд (брендбук) */
  --kp-dark:#355130;        /* тёмно-зелёный: заголовки, цены, тёмные секции, активный чип */
  --kp-green:#6B8E3C;       /* зелёный: основная кнопка, шкалы, иконки-акценты */
  --kp-green-hover:#5A7A31; /* наведение на основную кнопку */
  --kp-green-ink:#557A2C;   /* зелёный ТЕКСТ (ссылки, бренд над названием, «Popust») — 5:1 на белом */
  --kp-yellow:#FFF163;      /* жёлтый: H1 на полосе, метки, кнопка на тёмном, заливка достижения */
  --kp-yellow-line:#E2C93A; /* жёлтый орнамент-стрела, обводка жёлтых шкал */
  --kp-yellow-soft:#FFFBD6; /* выбранный вариант (Kupi više) */
  --kp-cream:#FFF8E7;       /* шапка, меню, наведение, мягкие поля внутри меню */
  --kp-sky:#7AB6F5;         /* голубой — ТОЛЬКО информационные элементы (линия, рамка) */
  --kp-sky-ink:#2F6AA8;     /* голубой текст/иконки информационных элементов */
  --kp-sky-text:#24496F;    /* текст внутри инфо-блока */
  --kp-red:#C0392B;         /* ТОЛЬКО цена на акции, −X%, ошибки, «Akcija» в меню */
  --kp-red-soft:#FDECEA;
  /* нейтральные */
  --kp-bg:#FFFFFF;          /* фон страницы под кедровой полосой */
  --kp-text:#24231E;        /* основной текст */
  --kp-text-2:#4A473E;      /* вторичный текст абзацев */
  --kp-mut:#6F6A5C;         /* подписи, мелкий текст, счётчики */
  --kp-old:#857F6F;         /* зачёркнутая старая цена */
  --kp-line:#ECE5D3;        /* линии-разделители */
  --kp-line-strong:#DCD3BC; /* рамки полей, чипов, степпера, контурных карточек выбора */
  --kp-photo-edge:#F0EADB;  /* внутренняя рамка фото товара */
  --kp-star:#D9A400;
  --kp-band-on:#CFDCC4;     /* второстепенный текст на тёмно-зелёном */
  /* производные для тем (26.10.2026): тёмные секции, узор, тени */
  --kp-shade-rgb:53,81,48;      /* затемнение узора, тени = --kp-dark */
  --kp-shade-deep-rgb:36,51,32; /* затемнение подвала */
  --kp-green-rgb:107,142,60;    /* кольцо фокуса = --kp-green */
  --kp-band-base:#7FB241;       /* подложка кедрового узора */
  --kp-band-a1:.92;--kp-band-a2:.78;--kp-band-a3:.35; /* затемнение узора полосы: слева → справа */
  --kp-accent-a:.86;            /* затемнение узора акцентной секции */
  --kp-on-dark:#E6EEDF;         /* текст на тёмных секциях */
  --kp-on-dark-2:#C3D2B9;       /* второстепенный текст на тёмном */
  --kp-on-dark-3:#A9BB9D;       /* мелкий текст подвала */
  /* шрифты */
  --kp-font:"Barlow",Arial,sans-serif;
  --kp-display:"Primma",Impact,"Arial Narrow",sans-serif;
  /* скругления */
  --kp-r-xs:6px;   /* плашка скидки внутри цены */
  --kp-r-s:8px;    /* пункты меню при наведении, мелкие логотипы оплаты */
  --kp-r-m:12px;   /* кнопки, поля, степпер, карточки выбора */
  --kp-r-l:14px;   /* фото товара */
  --kp-r-pill:20px;/* чипы, метки */
  /* отступы (шкала 4) */
  --kp-s1:4px;--kp-s2:8px;--kp-s3:12px;--kp-s4:16px;--kp-s5:20px;--kp-s6:24px;--kp-s7:32px;--kp-s8:40px;--kp-s9:52px;--kp-s10:72px;
  /* раскладка */
  --kp-container:1220px;--kp-gutter:24px;
  /* тени — только у «плавающих» слоёв */
  --kp-sh-sticky:0 6px 18px rgba(var(--kp-shade-rgb),.10);
  --kp-sh-drop:0 22px 40px rgba(36,35,30,.16);
  --kp-sh-bar:0 -6px 18px rgba(var(--kp-shade-rgb),.10);
  --kp-sh-float:0 1px 4px rgba(0,0,0,.12);
  --kp-focus:0 0 0 3px rgba(var(--kp-green-rgb),.35);
}
@media (max-width:820px){:root{--kp-gutter:16px}}

/* ---------- 2. База ---------- */
.kp-ds,.kp-ds *{box-sizing:border-box}
.kp-ds{font-family:var(--kp-font);font-size:16px;line-height:1.5;color:var(--kp-text);background:var(--kp-bg);-webkit-font-smoothing:antialiased}
.kp-ds a{color:var(--kp-green-ink);text-decoration:none}
.kp-ds a:hover{text-decoration:underline;text-underline-offset:3px}
.kp-ds :focus-visible{outline:0;box-shadow:var(--kp-focus);border-radius:var(--kp-r-s)}
.kp-container{max-width:var(--kp-container);margin:0 auto;padding:0 var(--kp-gutter)}
.kp-main{padding-top:26px;padding-bottom:var(--kp-s10)}
.kp-section{margin-top:var(--kp-s9);padding-top:26px;border-top:1px solid var(--kp-line)}
@media (max-width:820px){.kp-main{padding-top:20px;padding-bottom:110px}.kp-section{margin-top:var(--kp-s8)}}

/* ---------- 3. Типографика ---------- */
.kp-h1{font-family:var(--kp-display);font-weight:400;font-size:64px;line-height:.9;letter-spacing:.01em;color:var(--kp-yellow);margin:0;text-transform:uppercase}
.kp-h2{font-family:var(--kp-display);font-weight:400;font-size:38px;line-height:.95;letter-spacing:.01em;color:var(--kp-dark);margin:0;text-transform:uppercase}
.kp-orn{display:block;width:240px;height:12px;margin:8px 0 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 12'%3E%3Cpath d='M12 6h216' stroke='%23E2C93A' stroke-width='2.5'/%3E%3Cpath d='M1 6l8-4.5v9zM239 6l-8-4.5v9z' fill='%23E2C93A'/%3E%3Ccircle cx='14' cy='6' r='2.6' fill='%23E2C93A'/%3E%3Ccircle cx='226' cy='6' r='2.6' fill='%23E2C93A'/%3E%3C/svg%3E") no-repeat}
.kp-h3{font-family:var(--kp-font);font-weight:700;font-size:20px;line-height:1.25;color:var(--kp-dark);margin:0 0 var(--kp-s2)}
.kp-lead{font-size:19px;line-height:1.5;color:var(--kp-text-2);max-width:700px;margin:0 0 var(--kp-s6)}
.kp-p{font-size:16px;line-height:1.5;color:var(--kp-text-2);margin:0 0 var(--kp-s3)}
.kp-small{font-size:14px;line-height:1.45;color:var(--kp-mut)}
.kp-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-green-ink)}
.kp-count{font-size:14px;font-weight:500;color:var(--kp-mut)}
@media (max-width:820px){.kp-h1{font-size:46px}.kp-h2{font-size:30px}.kp-h3{font-size:18px}.kp-lead{font-size:17px}}

/* ---------- 4. Шапка ---------- */
.kp-strip{background:var(--kp-dark);color:var(--kp-on-dark);font-size:13px;line-height:18px}
.kp-strip .kp-container{display:flex;gap:26px;padding-top:7px;padding-bottom:7px}
.kp-strip b{color:var(--kp-yellow);font-weight:600}
.kp-strip .kp-strip-r{margin-left:auto;display:flex;gap:20px;opacity:.9}
.kp-head{background:var(--kp-cream)}
.kp-head .kp-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px;align-items:center;padding-top:14px;padding-bottom:14px}
.kp-logo{display:block;height:56px;width:auto}
.kp-hicons{display:flex;align-items:center;gap:4px}
.kp-hicon{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:12px;font-weight:600;color:#444}
.kp-hicon svg{width:24px;height:24px;stroke:var(--kp-dark)}
.kp-badge{position:absolute;top:-2px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--kp-green);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.kp-hcart{flex-direction:row;gap:10px;border-left:1px solid var(--kp-line);margin-left:6px;padding-left:16px}
.kp-hcart b{display:block;font-size:16px;color:var(--kp-dark)}.kp-hcart small{display:block;font-size:11px;color:var(--kp-mut);font-weight:500}
.kp-nav{background:var(--kp-cream);border-top:1px solid var(--kp-line);border-bottom:1px solid var(--kp-line);position:relative}
.kp-nav .kp-container{display:flex;gap:2px}
.kp-nav a{padding:12px;font-size:16px;font-weight:600;color:#333;text-decoration:none!important}
.kp-nav a.kp-dd:after{content:"▾";font-size:11px;margin-left:5px;color:var(--kp-mut)}
.kp-nav a.kp-sale{color:var(--kp-red)}
.kp-nav a.is-open{background:#fff;color:var(--kp-dark);border-radius:10px 10px 0 0;box-shadow:inset 0 -3px 0 var(--kp-green)}
.kp-nav .kp-nav-r{margin-left:auto;font-weight:500;color:var(--kp-mut)}
.kp-sticky{position:fixed;left:0;right:0;top:0;z-index:50;background:var(--kp-cream);border-bottom:1px solid var(--kp-line);box-shadow:var(--kp-sh-sticky);transform:translateY(-110%);transition:transform .2s ease}
.kp-sticky.is-on{transform:none}
.kp-sticky .kp-container{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:18px;align-items:center;padding-top:9px;padding-bottom:9px}
.kp-sticky .kp-logo{height:36px}

/* ---------- 5. Кедровая полоса (заголовок страницы) ---------- */
.kp-band{position:relative;overflow:hidden;background:url(img/pattern.jpg) center 42%/820px auto repeat-x var(--kp-band-base)}
.kp-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--kp-shade-rgb),var(--kp-band-a1)) 0%,rgba(var(--kp-shade-rgb),var(--kp-band-a2)) 45%,rgba(var(--kp-shade-rgb),var(--kp-band-a3)) 100%)}
.kp-band .kp-container{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;padding-top:22px;padding-bottom:20px}
.kp-crumbs{width:100%;margin-bottom:2px;font-size:13px;line-height:18px;color:var(--kp-band-on)}
.kp-crumbs a{color:var(--kp-band-on)!important}
.kp-crumbs span{margin:0 6px}
.kp-band-sub{padding-bottom:6px;font-size:17px;color:var(--kp-on-dark)}
@media (max-width:820px){.kp-band{background-size:520px auto}.kp-band .kp-container{padding-top:16px;padding-bottom:14px}.kp-band-sub{font-size:15px}}

/* ---------- 6. Кнопки ---------- */
.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 28px;border-radius:var(--kp-r-m);border:2px solid var(--kp-green);background:var(--kp-green);color:#fff!important;font-family:var(--kp-font);font-size:17px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s}
.kp-btn:hover{background:var(--kp-green-hover);border-color:var(--kp-green-hover)}
.kp-btn--md{height:46px;padding:0 20px;font-size:15px}
.kp-btn--sm{height:42px;padding:0 16px;font-size:14px}
.kp-btn--block{width:100%}
.kp-btn--outline{background:transparent;border-color:var(--kp-dark);color:var(--kp-dark)!important}
.kp-btn--outline:hover{background:var(--kp-cream);border-color:var(--kp-dark)}
.kp-btn--yellow{background:var(--kp-yellow);border-color:var(--kp-yellow);color:var(--kp-dark)!important}
.kp-btn--yellow:hover{background:#fff;border-color:#fff}
.kp-btn--done{background:transparent;border-color:var(--kp-green);color:var(--kp-green-ink)!important}
.kp-btn--info{background:transparent;border-color:var(--kp-sky);color:var(--kp-sky-ink)!important}
.kp-btn[disabled],.kp-btn.is-disabled{background:#E7E3D8;border-color:#E7E3D8;color:#8E897A!important;cursor:not-allowed}
.kp-btn.is-loading{opacity:.6;pointer-events:none}
.kp-link-back{font-size:16px;font-weight:600;color:var(--kp-green-ink)}
@media (max-width:820px){.kp-btn{height:52px;font-size:16px}.kp-btn--md{height:44px;font-size:14px}.kp-btn--sm{height:42px;font-size:13px;padding:0 10px}}

/* ---------- 7. Поля, поиск, степпер, переключатели ---------- */
.kp-label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--kp-text)}
.kp-input{display:block;width:100%;height:48px;padding:0 16px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);background:#fff;font:400 16px/1.2 var(--kp-font);color:var(--kp-text)}
textarea.kp-input{height:auto;min-height:110px;padding:12px 16px}
.kp-input::placeholder{color:#9A9483}
.kp-input:focus{outline:0;border-color:var(--kp-green);box-shadow:var(--kp-focus)}
.kp-input.is-error{border-color:var(--kp-red)}
.kp-field-err{margin-top:6px;font-size:14px;color:var(--kp-red)}
.kp-field-hint{margin-top:6px;font-size:14px;color:var(--kp-mut)}
.kp-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 5px 0 16px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);background:#fff;font-size:15px;color:var(--kp-mut)}
.kp-search input{flex:1;border:0;outline:0;background:none;font:inherit;color:var(--kp-text)}
.kp-search button{height:36px;padding:0 16px;border:0;border-radius:9px;background:var(--kp-green);color:#fff;font:700 13px/1 var(--kp-font);letter-spacing:.06em;text-transform:uppercase}
.kp-qty{display:inline-flex;align-items:center;height:42px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);background:#fff}
.kp-qty button{width:36px;height:100%;border:0;background:none;font-size:21px;font-weight:500;color:var(--kp-dark);cursor:pointer}
.kp-qty span,.kp-qty input{width:26px;border:0;text-align:center;font:700 18px/1 var(--kp-font);color:var(--kp-text)}
.kp-switch{display:inline-block;position:relative;width:44px;height:26px;border-radius:13px;background:#D7D1C1;vertical-align:middle;transition:background .2s}
.kp-switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.kp-switch.is-on{background:var(--kp-green)}.kp-switch.is-on:after{left:21px}
.kp-check{display:inline-grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--kp-line-strong);border-radius:5px;background:#fff;color:#fff;font-size:13px;vertical-align:-4px}
.kp-check.is-on{background:var(--kp-green);border-color:var(--kp-green)}
.kp-radio{display:inline-block;width:20px;height:20px;border:2px solid var(--kp-line-strong);border-radius:50%;background:#fff;vertical-align:-4px;position:relative}
.kp-radio.is-on{border-color:var(--kp-green)}.kp-radio.is-on:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--kp-green)}

/* ---------- 8. Чипы, метки ---------- */
.kp-chips{display:flex;flex-wrap:wrap;gap:8px}
.kp-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-pill);background:#fff;font-size:16px;font-weight:400;color:#333;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.kp-chip small{font-size:14px;color:var(--kp-mut)}
.kp-chip:hover{border-color:var(--kp-dark)}
.kp-chip.is-on{background:var(--kp-dark);border-color:var(--kp-dark);color:#fff}.kp-chip.is-on small{color:var(--kp-yellow)}
@media (max-width:820px){.kp-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--kp-gutter));padding:0 var(--kp-gutter) 4px;scrollbar-width:none}.kp-chip{font-size:15px}}
.kp-tag{display:inline-block;padding:3px 10px;border-radius:var(--kp-r-pill);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.05em;text-transform:uppercase;background:var(--kp-yellow);color:var(--kp-dark);white-space:nowrap}
.kp-tag--dark{background:var(--kp-dark);color:var(--kp-yellow)}
.kp-tag--sale{background:var(--kp-red);color:#fff}
.kp-tag--new{background:#fff;color:var(--kp-dark);box-shadow:inset 0 0 0 1.5px var(--kp-dark)}
.kp-tag--info{background:#EAF3FD;color:var(--kp-sky-ink)}
.kp-off{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--kp-r-xs);background:var(--kp-green);color:#fff;font-size:12px;font-weight:700;vertical-align:3px}

/* ---------- 9. Цены, рейтинг ---------- */
.kp-price{font-size:21px;font-weight:700;line-height:1.2;color:var(--kp-dark);white-space:nowrap}
.kp-price--row{font-size:22px}
.kp-price--total{font-size:26px}
.kp-price.is-sale{color:var(--kp-red)}
.kp-price del{margin-left:6px;font-size:14px;font-weight:400;color:var(--kp-old)}
.kp-price.is-out{color:var(--kp-mut)}
.kp-unit{font-size:15px;color:var(--kp-mut)}
.kp-rating{font-size:14px;color:var(--kp-mut)}.kp-rating b{font-weight:400;letter-spacing:1px;color:var(--kp-star)}
@media (max-width:820px){.kp-price{font-size:18px}.kp-price--row{font-size:19px}.kp-price--total{font-size:21px}}

/* ---------- 10. Фото товара ---------- */
.kp-photo{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--kp-r-l);background:#fff center/contain no-repeat;box-shadow:inset 0 0 0 1px var(--kp-photo-edge)}
.kp-photo--104{width:104px;height:104px}.kp-photo--56{width:56px;height:56px;border-radius:10px}
.kp-photo.is-out{opacity:.55}
.kp-photo .kp-tags{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.kp-heart{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:var(--kp-sh-float);display:grid;place-items:center;font-size:18px;color:var(--kp-dark);cursor:pointer}
.kp-heart.is-on{color:var(--kp-red)}
@media (max-width:820px){.kp-photo--104{width:76px;height:76px}}

/* ---------- 11. Карточка товара (сетка) ---------- */
.kp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.kp-grid--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 16px}
.kp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){.kp-grid,.kp-grid--5,.kp-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}
.kp-card{display:flex;flex-direction:column;min-width:0;font-size:16px;line-height:1.3}
.kp-card .kp-photo{margin-bottom:12px}
.kp-card-brand{margin-bottom:3px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-green-ink)}
.kp-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-weight:600;color:var(--kp-text)!important;text-decoration:none!important}
.kp-card .kp-rating{margin-top:6px}
.kp-card .kp-price{margin-top:auto;padding-top:10px}
.kp-card-stock{margin-top:4px;font-size:14px;color:var(--kp-mut)}
.kp-card .kp-btn{width:100%;margin-top:10px;height:46px;font-size:15px}
@media (max-width:820px){.kp-card{font-size:15px}.kp-card-brand{font-size:12px}.kp-card .kp-btn{height:42px;font-size:13px;padding:0 6px}}

/* ---------- 12. Строка товара (корзина, заказ, «Kupi ponovo») ---------- */
.kp-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--kp-line)}
.kp-row-name{font-size:19px;font-weight:600;line-height:1.25;color:var(--kp-text)}
.kp-row .kp-unit{margin:6px 0 10px}
.kp-row-ctl{display:flex;align-items:center;gap:18px}
.kp-remove{font-size:15px;color:var(--kp-mut)!important;text-decoration:underline!important}
.kp-row-extra{grid-column:2/-1}
@media (max-width:820px){.kp-row{grid-template-columns:76px minmax(0,1fr);gap:14px}.kp-row-name{font-size:17px}.kp-row .kp-price{grid-column:2}.kp-row-extra{grid-column:1/-1}}

/* ---------- 13. Карточки выбора (Kupi više, способ доставки, оплата) ---------- */
.kp-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kp-option{position:relative;padding:16px 14px 12px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);background:#fff;cursor:pointer}
.kp-option.is-on{border:2px solid var(--kp-green);background:var(--kp-yellow-soft)}
.kp-option .kp-tag{position:absolute;top:-11px;left:12px}
.kp-option-t{font-size:17px;font-weight:700}
.kp-option .kp-price{font-size:20px;margin-top:4px}
@media (max-width:820px){.kp-options{grid-template-columns:1fr;gap:12px}.kp-option{display:flex;justify-content:space-between;align-items:center}}

/* ---------- 14. Сводка (итог) ---------- */
.kp-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.kp-layout>main,.kp-layout>.kp-layout-main{padding-right:40px}
.kp-summary{position:sticky;top:80px;padding-left:36px;border-left:1px solid var(--kp-line)}
.kp-sum-rows{display:grid;gap:11px;margin:4px 0 18px;font-size:17px}
.kp-sum-rows>div{display:flex;justify-content:space-between;gap:12px}
.kp-sum-rows .is-disc{color:var(--kp-green-ink);font-weight:700}
.kp-sum-rows .is-mut{font-size:15px;color:var(--kp-mut)}
.kp-sum-rows .is-total{padding-top:14px;border-top:1px solid var(--kp-line);font-size:26px;font-weight:700;color:var(--kp-dark)}
.kp-trust{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--kp-line);display:grid;gap:10px;font-size:15px;color:var(--kp-text-2)}
.kp-trust li{display:flex;gap:10px}.kp-trust b{color:var(--kp-text)}
@media (max-width:820px){.kp-layout{display:block}.kp-layout>main,.kp-layout>.kp-layout-main{padding-right:0}.kp-summary{position:static;margin-top:22px;padding:22px 0 0;border-left:0;border-top:1px solid var(--kp-line)}}

/* ---------- 15. Шкала до бесплатной доставки ---------- */
.kp-free{display:flex;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid var(--kp-line);font-size:17px}
.kp-free b{color:var(--kp-green-ink)}
.kp-meter{flex:1;max-width:340px;height:8px;border-radius:8px;background:var(--kp-line);overflow:hidden}
.kp-meter i{display:block;height:100%;background:var(--kp-green)}
.kp-meter.is-done i{background:var(--kp-yellow);box-shadow:inset 0 0 0 1px var(--kp-yellow-line)}
@media (max-width:820px){.kp-free{flex-wrap:wrap;gap:8px}.kp-meter{flex-basis:100%;max-width:none}}

/* ---------- 16. Сообщения ---------- */
.kp-note{padding:4px 0 4px 16px;border-left:4px solid var(--kp-sky);font-size:16px;line-height:1.5;color:var(--kp-sky-text)}
.kp-note--warn{border-color:var(--kp-yellow-line);color:#5E4B00}
.kp-note--error{border-color:var(--kp-red);color:#7B231A}
.kp-note--ok{border-color:var(--kp-green);color:var(--kp-dark)}
.kp-tip{display:flex;gap:14px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--kp-line);font-size:16px;color:var(--kp-text-2)}
.kp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:70;display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:var(--kp-r-m);background:var(--kp-dark);color:#fff;font-size:15px;box-shadow:var(--kp-sh-drop)}
.kp-toast a{color:var(--kp-yellow)!important;font-weight:700}

/* ---------- 17. Секции во всю ширину ---------- */
.kp-fullbleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.kp-accent{position:relative;background:url(img/pattern.jpg) center/820px auto var(--kp-band-base);color:var(--kp-on-dark)}
.kp-accent:before{content:"";position:absolute;inset:0;background:rgba(var(--kp-shade-rgb),var(--kp-accent-a))}
.kp-accent>.kp-container{position:relative;padding-top:40px;padding-bottom:40px}
.kp-accent .kp-h2,.kp-accent .kp-big{color:var(--kp-yellow)}
.kp-big{font-family:var(--kp-display);font-size:120px;line-height:.85}
.kp-yellowbar{background:var(--kp-yellow)}
.kp-yellowbar>.kp-container{display:flex;align-items:center;gap:24px;padding-top:30px;padding-bottom:30px}
@media (max-width:820px){.kp-big{font-size:86px}.kp-accent>.kp-container{padding-top:30px;padding-bottom:30px}.kp-yellowbar>.kp-container{flex-direction:column;align-items:flex-start}}

/* ---------- 18. Колонки через линию, шаги, аккордеон ---------- */
.kp-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--kp-line);border-bottom:1px solid var(--kp-line)}
.kp-cols>*{padding:24px 26px;border-left:1px solid var(--kp-line)}
.kp-cols>*:first-child{padding-left:0;border-left:0}
.kp-cols>.is-featured{position:relative}.kp-cols>.is-featured:before{content:"";position:absolute;left:26px;right:26px;top:-1px;height:4px;background:var(--kp-yellow)}
@media (max-width:820px){.kp-cols{grid-template-columns:1fr}.kp-cols>*{padding:20px 0;border-left:0;border-top:1px solid var(--kp-line)}.kp-cols>*:first-child{border-top:0}.kp-cols>.is-featured:before{left:0;right:0}}
.kp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.kp-step-n{font-family:var(--kp-display);font-size:70px;line-height:.85;color:var(--kp-yellow);-webkit-text-stroke:2px var(--kp-dark);margin-bottom:10px}
.kp-step b{display:block;margin-bottom:4px;font-size:19px;color:var(--kp-dark)}
@media (max-width:820px){.kp-steps{grid-template-columns:1fr 1fr;gap:22px}.kp-step-n{font-size:56px}}
.kp-acc details{border-bottom:1px solid var(--kp-line)}
.kp-acc summary{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:19px;font-weight:600;color:var(--kp-dark);cursor:pointer}
.kp-acc summary::-webkit-details-marker{display:none}
.kp-acc summary:after{content:"+";font-size:26px;font-weight:400;line-height:1;color:var(--kp-green)}
.kp-acc details[open] summary:after{content:"−"}
.kp-acc .kp-acc-in{padding:0 0 16px;font-size:17px;color:var(--kp-text-2)}
@media (max-width:820px){.kp-acc summary{font-size:17px}.kp-acc .kp-acc-in{font-size:16px}}

/* ---------- 19. Липкая панель (телефон), затемнение, слои ---------- */
.kp-bar{display:none}
@media (max-width:820px){.kp-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 14px 14px;background:#fff;border-top:1px solid var(--kp-line);box-shadow:var(--kp-sh-bar);font-size:13px;line-height:1.2;color:var(--kp-mut)}.kp-bar b{display:block;font-size:20px;color:var(--kp-dark)}.kp-bar .kp-btn{flex:1;height:50px;padding:0 10px;font-size:15px}}
.kp-dim{position:fixed;inset:0;z-index:40;background:rgba(36,35,30,.35)}
/* z-index: контент 0–10 · липкая панель/затемнение 40 · мега-меню 45 · закреплённая шапка 50 · меню телефона 60 · уведомление 70 */

/* ==========================================================================
   v3.1 (15.10.2026): служебное меню, мега-меню, меню телефона, подвал, категория
   ========================================================================== */

/* ---------- 20. Служебная полоса (верхнее меню) ---------- */
.kp-topbar{background:var(--kp-dark);color:var(--kp-on-dark);font-size:14px}
.kp-topbar .kp-container{display:flex;align-items:center;gap:4px;height:40px}
.kp-topbar a{color:var(--kp-on-dark)!important;padding:0 10px;line-height:40px;font-weight:500;text-decoration:none!important}
.kp-topbar a:first-child{padding-left:0}
.kp-topbar a:hover,.kp-topbar a.is-on{color:var(--kp-yellow)!important}
.kp-topbar-r{margin-left:auto;display:flex;align-items:center;gap:18px}
.kp-topbar-r span b{color:var(--kp-yellow);font-weight:600}
.kp-topbar .kp-phone{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px!important;border-radius:var(--kp-r-s);background:var(--kp-green);color:#fff!important;font-weight:700;line-height:30px}
.kp-topbar .kp-phone:hover{background:var(--kp-green-hover);color:#fff!important}
@media (max-width:820px){.kp-topbar{display:none}}

/* ---------- 21. Мега-меню ---------- */
.kp-mega{position:absolute;left:0;right:0;top:100%;z-index:45;display:none;background:#fff;border-bottom:1px solid var(--kp-line);box-shadow:var(--kp-sh-drop)}
.kp-mega.is-on{display:block}
.kp-mega-in{max-width:var(--kp-container);margin:0 auto;padding:26px var(--kp-gutter) 30px;display:grid;grid-template-columns:1.3fr 1fr 1fr 290px;gap:34px}
.kp-mega h5{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kp-mut)}
.kp-mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:16px}
.kp-mega ul.kp-two{grid-template-columns:1fr 1fr;column-gap:18px}
.kp-mega li a{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;margin:0 -8px;border-radius:var(--kp-r-s);color:var(--kp-text)!important;text-decoration:none!important}
.kp-mega li a:hover{background:var(--kp-cream);color:var(--kp-dark)!important}
.kp-mega li a small{font-size:13px;color:var(--kp-mut)}
.kp-mega-all{display:inline-block;margin-top:12px;font-weight:700}
.kp-mega-brands{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kp-mega-brands a{display:grid;place-items:center;height:44px;padding:0 6px;border:1.5px solid var(--kp-line);border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.15;text-align:center;color:var(--kp-dark)!important;text-decoration:none!important}
.kp-mega-brands a:hover{border-color:var(--kp-green)}
.kp-mega-az{grid-column:1/4;display:grid;grid-template-columns:repeat(4,1fr);gap:2px 24px;align-content:start}
.kp-mega-promo{padding-left:28px;border-left:1px solid var(--kp-line);font-size:15px;color:var(--kp-text-2)}
.kp-mega-promo .kp-photo{aspect-ratio:4/3;margin-bottom:10px}
.kp-mega-promo b{display:block;margin:4px 0;font-size:17px;color:var(--kp-dark)}
.kp-mega-promo .kp-btn{width:100%;margin-top:10px}
.kp-catalog{display:grid;grid-template-columns:230px 1fr;max-width:var(--kp-container);margin:0 auto}
.kp-catalog-l{padding:20px 0 20px var(--kp-gutter);border-right:1px solid var(--kp-line)}
.kp-catalog-l a{display:block;padding:9px 12px;border-radius:10px 0 0 10px;font-size:16px;font-weight:600;color:var(--kp-text)!important;text-decoration:none!important}
.kp-catalog-l a.is-on{background:var(--kp-cream);color:var(--kp-dark)!important}
.kp-catalog .kp-mega-in{grid-template-columns:1.3fr 1fr 1fr 250px;padding:22px var(--kp-gutter)}
.kp-burger{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:0;border-radius:10px;background:var(--kp-dark);color:#fff;font:700 14px var(--kp-font);cursor:pointer}

/* ---------- 22. Шапка телефона и выезжающее меню ---------- */
.kp-mhead{display:none}
@media (max-width:820px){
  .kp-head,.kp-nav{display:none}
  .kp-mhead{display:block;background:var(--kp-cream);border-bottom:1px solid var(--kp-line)}
  .kp-mhead-r1{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px var(--kp-gutter)}
  .kp-mhead .kp-logo{height:38px;margin:0 auto}
  .kp-mhead-r2{padding:0 var(--kp-gutter) 10px}.kp-mhead .kp-search{height:42px}
  .kp-sticky .kp-container{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-top:8px;padding-bottom:8px}
  .kp-sticky .kp-sticky-logo,.kp-sticky .kp-hicon:not(.kp-hcart),.kp-sticky .kp-burger span{display:none}
  .kp-sticky .kp-hcart{border:0;margin:0;padding:4px 6px}.kp-sticky .kp-burger{width:42px;padding:0;justify-content:center}
  .kp-sticky .kp-search{height:42px}
}
.kp-iconbtn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1.5px solid var(--kp-line-strong);border-radius:10px;background:transparent;font-size:20px;color:var(--kp-dark);cursor:pointer;text-decoration:none!important}
.kp-iconbtn.is-plain{border:0}
.kp-iconbtn .kp-badge{top:0;right:0;min-width:16px;height:16px;line-height:16px;font-size:10px}
.kp-drawer{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(88vw,380px);display:flex;flex-direction:column;background:#fff;transform:translateX(-102%);transition:transform .25s ease}
.kp-drawer.is-on{transform:none;box-shadow:8px 0 30px rgba(0,0,0,.2)}
.kp-drawer-h{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 14px;background:var(--kp-cream);border-bottom:1px solid var(--kp-line)}
.kp-drawer-h img{height:34px}
.kp-drawer-h .kp-iconbtn:last-child{margin-left:auto}
.kp-drawer-t{flex:1;font-family:var(--kp-display);font-size:30px;line-height:1;color:var(--kp-dark)}
.kp-drawer-b{flex:1;overflow:auto;padding-bottom:10px}
.kp-drawer-sec{padding:16px 14px 6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kp-mut)}
.kp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 4px}
.kp-quick a{padding:10px 4px;border-radius:var(--kp-r-m);background:var(--kp-cream);text-align:center;font-size:13px;font-weight:700;line-height:1.2;color:var(--kp-dark)!important;text-decoration:none!important}
.kp-quick a i{display:block;margin-bottom:2px;font-style:normal;font-size:20px}
.kp-quick a.is-sale{background:var(--kp-red-soft);color:var(--kp-red)!important}
.kp-dlist{list-style:none;margin:0;padding:0 14px}
.kp-dlist a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--kp-line);font-size:17px;font-weight:600;color:var(--kp-text)!important;cursor:pointer;text-decoration:none!important}
.kp-dlist a .kp-photo{width:40px;height:40px;flex:none;border-radius:10px}
.kp-dlist a.kp-go:after{content:"›";margin-left:auto;font-size:22px;font-weight:400;color:var(--kp-mut)}
.kp-dlist a small{margin-left:auto;font-size:14px;font-weight:500;color:var(--kp-mut)}
.kp-dlist.is-light a{font-size:16px;font-weight:500;padding:11px 0}
.kp-drawer-f{padding:12px 14px 16px;background:var(--kp-cream);border-top:1px solid var(--kp-line);font-size:14px}
.kp-drawer-f .kp-r{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.kp-drawer-f .kp-r a{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border:1px solid var(--kp-line);border-radius:10px;background:#fff;font-weight:600;color:var(--kp-dark)!important;text-decoration:none!important}

/* ---------- 23. Подвал ---------- */
.kp-news{background:var(--kp-yellow)}
.kp-news .kp-container{display:flex;align-items:center;gap:30px;padding-top:30px;padding-bottom:30px}
.kp-news p{margin:6px 0 0;font-size:16px;color:var(--kp-text-2)}
.kp-news form{display:flex;gap:8px;flex:0 0 460px;margin-left:auto}
.kp-news .kp-input{border-color:#E2C93A}
.kp-footer{position:relative;background:url(img/pattern.jpg) center/820px auto var(--kp-band-base);color:var(--kp-on-dark)}
.kp-footer:before{content:"";position:absolute;inset:0;background:rgba(var(--kp-shade-deep-rgb),.93)}
.kp-footer>.kp-container{position:relative;padding-top:48px;padding-bottom:22px}
.kp-fcols{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.3fr;gap:32px}
.kp-fcol h4{margin:0 0 14px;font-family:var(--kp-display);font-weight:400;font-size:26px;line-height:1;color:var(--kp-yellow)}
.kp-fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.kp-fcol ul a{color:var(--kp-on-dark)!important}
.kp-fcol ul a:hover{color:#fff!important}
.kp-fbrand img{height:58px;filter:brightness(0) invert(1) sepia(.35) saturate(2.4) hue-rotate(35deg)}
.kp-fbrand p{margin:14px 0 18px;font-size:14px;line-height:1.6;color:var(--kp-on-dark-2)}
.kp-soc{display:flex;gap:8px}
.kp-soc a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-weight:700;color:#fff!important;text-decoration:none!important}
.kp-soc a:hover{border-color:var(--kp-yellow);color:var(--kp-yellow)!important}
.kp-fphone{display:block;margin-bottom:2px;font-size:20px;font-weight:700;color:#fff!important}
.kp-fcontact small{display:block;margin-bottom:12px;font-size:13px;color:var(--kp-on-dark-2)}
.kp-fcontact .kp-btn{margin-bottom:16px}
.kp-fshops div{margin-bottom:8px;font-size:14px;line-height:1.45;color:var(--kp-on-dark-2)}.kp-fshops b{color:#fff;font-weight:600}
.kp-ftrust{display:grid;grid-template-columns:repeat(4,1fr);margin:36px 0 22px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.kp-ftrust div{display:flex;gap:10px;align-items:center;padding:16px 18px;border-left:1px solid rgba(255,255,255,.15);font-size:13px;line-height:1.4;color:var(--kp-on-dark-2)}
.kp-ftrust div:first-child{padding-left:0;border-left:0}
.kp-ftrust b{display:block;font-size:15px;color:#fff}
.kp-fbottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:var(--kp-on-dark-3)}
.kp-fbottom a{color:var(--kp-on-dark-3)!important}
.kp-pay{display:flex;flex-wrap:wrap;gap:6px}
.kp-pay span{padding:5px 9px;border-radius:6px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.02em;color:#1A1F71}
@media (max-width:820px){
  .kp-news .kp-container{flex-direction:column;align-items:stretch;gap:14px}.kp-news form{flex:none;margin:0}
  .kp-fcols{grid-template-columns:1fr;gap:0}
  .kp-fbrand{padding-bottom:22px}
  .kp-fcontact{order:-1;padding-bottom:22px}
  .kp-fcol.kp-fold{border-top:1px solid rgba(255,255,255,.15)}
  .kp-fcol.kp-fold h4{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 0;font-size:24px;cursor:pointer}
  .kp-fcol.kp-fold h4:after{content:"+";font-family:var(--kp-font);font-size:24px;color:var(--kp-yellow)}
  .kp-fcol.kp-fold.is-open h4:after{content:"−"}
  .kp-fcol.kp-fold ul{display:none;padding-bottom:16px}.kp-fcol.kp-fold.is-open ul{display:grid}
  .kp-ftrust{grid-template-columns:1fr 1fr}.kp-ftrust div:nth-child(3){padding-left:0;border-left:0}.kp-ftrust div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.15)}
  .kp-ftrust div{padding:14px 10px}
}

/* ---------- 24. Категория ---------- */
.kp-subcats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding-bottom:22px;border-bottom:1px solid var(--kp-line)}
.kp-subcat{display:block;text-align:center;font-size:14px;font-weight:600;line-height:1.25;color:var(--kp-text)!important;text-decoration:none!important}
.kp-subcat .kp-photo{margin-bottom:8px}
.kp-subcat small{display:block;margin-top:2px;font-weight:400;color:var(--kp-mut)}
.kp-subcat.is-on .kp-photo{box-shadow:inset 0 0 0 2px var(--kp-green)}
.kp-subcat.is-on{color:var(--kp-dark)!important}
.kp-probs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0;border-bottom:1px solid var(--kp-line)}
.kp-probs>.kp-eyebrow{margin-right:6px}
.kp-cat{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start;margin-top:26px}
.kp-filters{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;padding-right:6px}
.kp-fgroup{padding:16px 0;border-top:1px solid var(--kp-line)}
.kp-fgroup:first-child{padding-top:0;border-top:0}
.kp-fgroup h5{display:flex;justify-content:space-between;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-dark)}
.kp-fopt{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:15px;color:var(--kp-text);cursor:pointer}
.kp-fopt span{flex:1}.kp-fopt small{font-size:13px;color:var(--kp-mut)}
.kp-fopt input{position:absolute;opacity:0;width:1px;height:1px}
.kp-fopt input:checked+.kp-check{background:var(--kp-green);border-color:var(--kp-green)}
.kp-fopt input:checked+.kp-switch{background:var(--kp-green)}.kp-fopt input:checked+.kp-switch:after{left:21px}
.kp-fmore{padding:4px 0 0 30px;font-size:14px;font-weight:600;color:var(--kp-green-ink);cursor:pointer;background:none;border:0}
.kp-price-in{display:flex;gap:8px;align-items:center}.kp-price-in .kp-input{height:40px;padding:0 10px;font-size:15px}
.kp-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px}
.kp-toolbar .kp-count{margin-right:auto;font-size:15px}.kp-toolbar .kp-count b{color:var(--kp-text)}
.kp-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 12px;border:0;border-radius:var(--kp-r-pill);background:var(--kp-yellow-soft);font:600 13px var(--kp-font);color:var(--kp-dark);cursor:pointer}
.kp-pill:after{content:"×";font-size:16px;font-weight:400}
.kp-clear{font-size:13px;color:var(--kp-mut)!important;text-decoration:underline!important;background:none;border:0;cursor:pointer;font-family:var(--kp-font)}
.kp-select{height:42px;padding:0 36px 0 14px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236F6A5C' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;-webkit-appearance:none;appearance:none;font:600 15px var(--kp-font);color:var(--kp-text)}
.kp-mtools{display:none}
.kp-more{margin:36px 0 0;text-align:center}
.kp-more p{margin:0 0 8px;font-size:14px;color:var(--kp-mut)}
.kp-more .kp-meter{margin:0 auto 16px;max-width:220px}
.kp-empty{grid-column:1/-1;padding:40px 0;text-align:center;color:var(--kp-mut)}
.kp-sheet-h{display:none}
@media (max-width:820px){
  .kp-subcats{display:flex;overflow-x:auto;gap:12px;margin:0 calc(-1*var(--kp-gutter));padding:0 var(--kp-gutter) 16px;scrollbar-width:none}
  .kp-subcat{flex:0 0 84px;font-size:13px}
  .kp-probs{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--kp-gutter));padding:14px var(--kp-gutter);scrollbar-width:none}
  .kp-probs>.kp-eyebrow{display:none}
  .kp-cat{display:block;margin-top:0}
  .kp-mtools{display:flex;gap:8px;position:sticky;top:58px;z-index:30;margin:0 calc(-1*var(--kp-gutter)) 14px;padding:10px var(--kp-gutter);background:#fff;border-bottom:1px solid var(--kp-line)}
  .kp-mtools .kp-btn,.kp-mtools .kp-select{flex:1;height:42px}
  .kp-toolbar .kp-select{display:none}
  .kp-filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;max-height:86vh;padding:0 16px 90px;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.2);transform:translateY(105%);transition:transform .25s ease}
  .kp-filters.is-on{transform:none}
  .kp-sheet-h{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:0 -16px 14px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--kp-line)}
  .kp-sheet-h b{font-family:var(--kp-display);font-weight:400;font-size:30px;line-height:1;color:var(--kp-dark)}
  .kp-sheet-go{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:10px 16px 14px;background:#fff;border-top:1px solid var(--kp-line)}
  .kp-sheet-go .kp-btn{flex:1}.kp-sheet-go .kp-btn--outline{flex:0 0 36%}
}
@media (min-width:821px){.kp-sheet-go{display:none}}
.kp-sheet-h+.kp-fgroup{padding-top:0;border-top:0}

/* ---------- 22. Страница товара (26.10.2026) ---------- */
/* Полоса на странице товара — только крошки (длинное название с č ć š ž đ в Primma не набирается); H1 — в колонке покупки */
.kp-band--thin .kp-container{padding-top:14px;padding-bottom:12px}
.kp-band--thin .kp-crumbs{margin:0}
.kp-pdp>*{min-width:0}
.kp-pdp{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:44px;align-items:start}
/* галерея: большое фото + миниатюры; на ПК прилипает, пока листается описание */
.kp-gallery{position:sticky;top:80px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}
.kp-gallery-main{position:relative}
.kp-gallery-main .kp-photo{display:block;width:100%}
.kp-thumbs{display:flex;flex-direction:column;gap:10px}
.kp-thumb{position:relative;display:block;width:72px;aspect-ratio:1;border-radius:10px;border:1.5px solid var(--kp-line);background:#fff center/contain no-repeat;cursor:pointer;padding:0}
.kp-thumb.is-on{border:2px solid var(--kp-green)}
.kp-thumb-more{display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--kp-dark);background:var(--kp-cream)}
/* колонка покупки */
.kp-pdp-name{margin:4px 0 8px;font-family:var(--kp-font);font-size:30px;font-weight:700;line-height:1.2;color:var(--kp-text)}
.kp-pdp-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:14px;color:var(--kp-mut)}
.kp-pdp-meta a{font-weight:600}
.kp-pdp-price{display:flex;align-items:baseline;gap:12px;margin:18px 0 4px}
.kp-pdp-price .kp-price{font-size:30px}
.kp-stock{font-size:14px;font-weight:600;color:var(--kp-green-ink)}
.kp-stock:before{content:"●";margin-right:6px}
.kp-stock.is-out{color:var(--kp-mut)}
.kp-points{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:16px;color:var(--kp-text-2)}
.kp-points li{display:flex;gap:10px}.kp-points li:before{content:"✓";font-weight:700;color:var(--kp-green)}
.kp-pdp-block{margin-top:22px}
.kp-pdp-label{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-dark)}
/* объём — ссылки на соседние товары, вид чипа */
.kp-sizes{display:flex;flex-wrap:wrap;gap:8px}
.kp-size{display:flex;flex-direction:column;gap:2px;padding:9px 14px;border:1.5px solid var(--kp-line-strong);border-radius:var(--kp-r-m);font-size:16px;font-weight:700;color:var(--kp-text)!important;text-decoration:none!important;background:#fff}
.kp-size small{font-size:13px;font-weight:400;color:var(--kp-mut)}
.kp-size.is-on{border:2px solid var(--kp-green);background:var(--kp-yellow-soft)}
/* строка покупки: количество + основная кнопка + ♡ */
.kp-buy{display:flex;gap:10px;align-items:center;margin-top:22px}
.kp-buy .kp-qty{height:54px}
.kp-buy .kp-btn{flex:1;min-width:0;padding:0 16px}
.kp-buy .kp-heart{position:static;flex:none;width:54px;height:54px;border:1.5px solid var(--kp-line-strong);box-shadow:none;font-size:22px}
.kp-pdp .kp-free{flex-direction:column;align-items:stretch;gap:8px;padding:0;border:0;font-size:16px}
.kp-pdp .kp-meter{max-width:none}
/* Kupi više в колонке покупки: 3 варианта в 470 px */
.kp-pdp .kp-options{gap:8px}
.kp-pdp .kp-option{padding:15px 10px 10px}
.kp-pdp .kp-option .kp-price{font-size:17px}
.kp-pdp .kp-option .kp-off{display:inline-block;margin:2px 0 0 4px}
.kp-pdp .kp-option .kp-tag{left:8px;white-space:nowrap}
.kp-pdp-sec{margin-top:52px}
.kp-pdp-sec .kp-acc{max-width:900px}
.kp-review{padding:16px 0;border-bottom:1px solid var(--kp-line)}
.kp-review p{margin:6px 0 0;font-size:16px;color:var(--kp-text-2)}
.kp-review small{font-size:13px;color:var(--kp-mut)}
@media (max-width:1100px){.kp-pdp{grid-template-columns:minmax(0,1fr) 380px;gap:32px}}
@media (max-width:820px){
  .kp-pdp{grid-template-columns:minmax(0,1fr);gap:18px}
  .kp-pdp .kp-options{gap:16px}
  .kp-pdp .kp-option{padding:14px 12px 12px}
  .kp-gallery{position:static;grid-template-columns:1fr}
  .kp-thumbs{flex-direction:row;overflow-x:auto;order:2}
  .kp-thumb{width:60px;flex:none}
  .kp-pdp-name{font-size:22px}
  .kp-pdp-price .kp-price{font-size:24px}
  .kp-buy .kp-qty{height:50px}.kp-buy .kp-heart{width:50px;height:50px}
  .kp-pdp-sec{margin-top:40px}
}