/* Общий стиль интернет-магазина Светланы Клепач.
   Наследует дизайн-систему «Сияния Души» (petrol/золото, Tenor Sans + Jost)
   и добавляет фирменные акценты KLEPACH.PRO (бирюза + маджента). */
:root{
 --bg:#FBF4F1;--bg2:#F3E5E0;--surface:#FEFAF8;--fill:#EFE0DA;
 --p900:#06303C;--p700:#0E4A5C;--p500:#1B6577;--phover:#0A3E4E;
 --rose600:#9C5E58;--rose400:#C08D82;
 --g700:#7A5B2E;--g500:#B98F4C;--ghover:#CBA365;--g300:#DFC08A;
 --text:#1C1719;--text2:#6A5A58;--line:#E2D0C9;--ok:#567A63;--err:#A04A44;
 --kp-cyan:#33BCCB;--kp-cyan-d:#2AA0AE;--kp-magenta:#D63C86;
 --disp:"Tenor Sans",Georgia,"Times New Roman",serif;
 --body:"Jost","Helvetica Neue",Arial,sans-serif;
 --wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-weight:400;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
section{padding:70px 0}
h1,h2,h3{font-family:var(--disp);font-weight:400;color:var(--p700);line-height:1.1}
h2{font-size:34px}
h3{font-size:22px}
.eyebrow{font-family:var(--body);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--g700)}
.muted{color:var(--text2)}
p{font-size:16px}

/* кнопки */
.btn{font-family:var(--body);font-weight:500;font-size:15px;padding:12px 28px;border-radius:999px;border:1px solid transparent;letter-spacing:.03em;cursor:pointer;display:inline-block;transition:background .2s,color .2s}
.btn-p{background:var(--p700);color:#FBF4F1}
.btn-p:hover{background:var(--phover)}
.btn-ghost{background:transparent;border:1px solid var(--p700);color:var(--p700)}
.btn-ghost:hover{background:var(--p700);color:#FBF4F1}
.btn-kp{background:var(--kp-cyan);color:#fff}
.btn-kp:hover{background:var(--kp-cyan-d)}
.btn-gold{background:var(--g500);color:#fff}
.btn-gold:hover{background:var(--g700)}
.btn-sm{padding:9px 18px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* шапка */
.hdr{position:sticky;top:0;z-index:50;background:rgba(251,244,241,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;max-width:var(--wrap);margin:0 auto}
.hdr .brand{font-family:var(--disp);font-size:18px;color:var(--p900);letter-spacing:.02em}
.hdr .brand small{display:block;font-family:var(--body);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--g700)}
.hdr nav{display:flex;gap:24px;align-items:center;font-size:14.5px}
.hdr nav a{color:var(--text2)}
.hdr nav a:hover{color:var(--p700)}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:7px;color:var(--p700)!important;font-weight:500}
.cart-count{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--g500);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.navwrap{display:flex;align-items:center;gap:22px}
.hdr-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}
.hdr-search input{border:none;background:transparent;padding:8px 6px 8px 14px;font:inherit;font-size:13.5px;color:var(--text);width:180px;outline:none}
.hdr-search input::placeholder{color:var(--rose400)}
.hdr-search button{border:none;background:transparent;padding:8px 12px 8px 4px;cursor:pointer;font-size:15px;line-height:1}
@media(max-width:900px){.hdr-search input{width:130px}}
.burger{display:none;background:none;border:0;font-size:22px;line-height:1;color:var(--p700);cursor:pointer;padding:4px}

/* герой главной */
.home-hero{text-align:center;padding:56px 0 20px}
.home-hero .eyebrow{margin-bottom:10px}
.home-hero .hero-sign{font-family:var(--body);font-size:13px;letter-spacing:.14em;margin-bottom:12px;color:var(--g700)}
.home-hero h1{font-size:40px;margin-bottom:14px}
.home-hero .lead-line{font-family:var(--disp);font-size:17px;line-height:1.4;color:var(--p700);max-width:900px;margin:0 auto 12px;text-wrap:balance}
.home-hero .hero-sub{max-width:600px;margin:0 auto;color:var(--text2);font-size:16px}
.deliv-strip{margin-top:18px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--g700);line-height:1.9;max-width:560px;margin-left:auto;margin-right:auto;text-wrap:balance}
.author-quote{background:var(--bg2);border-radius:14px;padding:26px 32px;text-align:center;max-width:680px;margin:0 auto}
.author-quote blockquote{font-family:var(--body);font-style:italic;font-size:15.5px;line-height:1.6;color:var(--text2);max-width:600px;margin:0 auto 10px}
.author-quote .sig{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--g700)}
@media(max-width:560px){.author-quote{padding:22px 20px}.author-quote blockquote{font-size:14.5px}}

/* два бренд-блока */
.brands{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:26px;max-width:900px;margin:0 auto}
.brandcard{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}
.brandcard .media{aspect-ratio:1/1;background:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px}
.brandcard .media img{width:100%;height:100%;object-fit:contain}
.brandcard .logo-tile{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}
.brandcard .logo-tile img{width:66%;height:auto;object-fit:contain}
.brandcard .body{flex:1;display:flex;flex-direction:column;padding:24px 26px 28px}
.brandcard .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}
.brandcard.sk .kicker{color:var(--g700)}
.brandcard.kp .kicker{color:var(--kp-magenta)}
.brandcard h3{margin:7px 0 13px}
.brandcard .body-logo{height:34px;width:auto;max-width:100%;align-self:flex-start;margin:2px 0 12px}
.brandcard p{color:var(--text2);font-size:15px;margin-bottom:18px}
.brandcard .body .btn{margin-top:auto;align-self:flex-start}

/* плитки категорий */
.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.cat{position:relative;flex:0 1 calc(33.333% - 12px);min-width:200px;aspect-ratio:4/3;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
.cat:hover{border-color:var(--g500);transform:translateY(-2px)}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.cat:hover img{transform:scale(1.05)}
.cat .lab{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:var(--disp);font-size:20px;background:linear-gradient(to top,rgba(20,16,14,.66),rgba(20,16,14,.10) 68%,transparent)}
.cat .lab .ar{opacity:.92;font-size:20px}

/* главная: блок «о нас» + отзывы */
.home-about{text-align:center;max-width:900px;margin:0 auto}
.home-about-lead{font-size:17px;color:var(--text2);line-height:1.6;max-width:720px;margin:0 auto}
.home-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;text-align:left}
.home-reviews .rev{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px 22px}
.home-reviews .rev blockquote{font-size:15px;line-height:1.55;color:var(--text)}
.home-reviews .rev figcaption{margin-top:12px;font-size:13px;letter-spacing:.04em;color:var(--g700)}
@media(max-width:760px){.home-reviews{grid-template-columns:1fr}}

/* промо-полоса сверху (карусель сообщений) */
.promobar{background:linear-gradient(100deg,var(--p700) 0%,var(--p500) 55%,#2C7E93 100%);color:#F6ECDD;text-align:center;font-size:13px;font-weight:500;letter-spacing:.05em;padding:10px 16px;min-height:40px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--g500)}
.promobar .pb-msg{transition:opacity .25s}
@media(max-width:560px){.promobar{font-size:12px;letter-spacing:.03em;padding:9px 12px}}

/* заголовки секций на главной */
.sec-title{font-family:var(--disp);font-weight:400;font-size:28px;color:var(--p700);margin-bottom:4px;text-align:center}
.sec-sub{text-align:center;color:var(--text2);font-size:15px;margin-bottom:20px}

/* трастовая полоса */
.trust-wrap{padding:6px 0}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.trust .ti{font-size:13.5px;color:var(--text2);white-space:nowrap}
.pinfo .trust{margin-top:16px;justify-content:flex-start;gap:8px 20px;padding:12px 14px}
.pinfo .trust .ti{font-size:12.5px}
.foot-trust{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;margin-bottom:14px;font-size:12.5px;color:#C9BDB6}
@media(max-width:560px){.trust{gap:8px 16px}.trust .ti{font-size:12.5px;white-space:normal}}

/* сетка товаров (каталог) */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--g500);transform:translateY(-2px)}
.card .ph{aspect-ratio:1/1;background:var(--fill);position:relative;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .ph .noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rose400);font-size:13px;text-align:center;padding:16px;background:repeating-linear-gradient(135deg,var(--fill),var(--fill) 10px,var(--surface) 10px,var(--surface) 20px)}
.card .badge{position:absolute;top:10px;left:10px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--text2)}
.card .badge.kp{color:var(--kp-magenta)}
.card .oos{position:absolute;top:10px;right:10px;font-size:11px;padding:4px 9px;border-radius:999px;background:rgba(160,74,68,.92);color:#fff}
.card .hit-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--g500);color:#fff;font-weight:600}
.card .hit-badge ~ .badge{top:40px}
.card .info{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}
.card .nm{font-size:15px;line-height:1.35;margin-bottom:8px;color:var(--text)}
.card .row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.card .pr{font-family:var(--disp);font-size:19px;color:var(--p700)}
.card .pr s{font-family:var(--body);font-size:13px;color:var(--text2);margin-right:6px}

/* фильтры */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.filters a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;background:var(--surface);color:var(--text2)}
.filters a.on{background:var(--p700);color:#fff;border-color:var(--p700)}
.filters-sub{margin-top:-14px}
.filters-sub a{font-size:13px;padding:6px 14px;border-style:dashed}
.filters-sub a.on{border-style:solid}

/* вступительный текст категории (напр. пигменты) — блок во всю ширину */
.cat-intro{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 28px;margin:4px 0 26px;line-height:1.6}
.cat-intro .intro-title{font-family:var(--disp);font-size:22px;color:var(--p700);margin-bottom:10px}
.cat-intro .intro-h{font-weight:500;color:var(--text);margin-top:14px;margin-bottom:2px}
.cat-intro p{font-size:16px;color:var(--text2);margin-bottom:8px}
.cat-intro .intro-list{margin:2px 0 6px 20px}
.cat-intro .intro-list li{font-size:16px;color:var(--text2);margin-bottom:5px}
@media(max-width:560px){.cat-intro{padding:18px 18px}}

/* карточка товара */
.product{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;padding-top:18px}
.gallery .main{aspect-ratio:1/1;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--fill);position:relative}
.gallery .main img{width:100%;height:100%;object-fit:cover}
.gmain{position:relative;aspect-ratio:2/3;max-height:600px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.gmain img{width:100%;height:100%;object-fit:contain;padding:4px;cursor:zoom-in}

/* лайтбокс — увеличение фото по клику */
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(20,16,14,.9);display:flex;align-items:center;justify-content:center}
.lightbox[hidden]{display:none}
.lightbox .lb-img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:6px;cursor:default}
.lightbox .lb-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lightbox .lb-arr{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lightbox .lb-arr:hover,.lightbox .lb-close:hover{background:rgba(255,255,255,.28)}
.lightbox .lb-prev{left:16px}.lightbox .lb-next{right:16px}
@media(max-width:560px){.lightbox .lb-arr{width:42px;height:42px;font-size:24px}}
.garr{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:rgba(251,244,241,.92);color:var(--p700);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.garr:hover{background:#fff}.garr.prev{left:10px}.garr.next{right:10px}
.gthumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gthumb{width:58px;height:58px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;padding:0;cursor:pointer}
.gthumb.on{border-color:var(--p700)}
.gthumb img{width:100%;height:100%;object-fit:cover}
.gallery .main .noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--rose400);background:repeating-linear-gradient(135deg,var(--fill),var(--fill) 12px,var(--surface) 12px,var(--surface) 24px)}
.pinfo .brandtag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--g700)}
.pinfo .brandtag.kp{color:var(--kp-magenta)}
.pinfo h1{font-size:30px;margin:8px 0 12px}
.pinfo .price{font-family:var(--disp);font-size:28px;color:var(--p700);margin-bottom:6px}
.pinfo .price s{font-family:var(--body);font-size:16px;color:var(--text2);margin-right:8px}
.pinfo .avail{font-size:14px;margin-bottom:16px}
.pinfo .avail.no{color:var(--err)}
.pinfo .avail.yes{color:var(--ok)}
.pinfo .desc{color:var(--text2);margin-bottom:12px;line-height:1.6}
.pinfo .desc.lead{color:var(--text);font-size:16px;margin-bottom:16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{font-size:13px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text2)}
.shades-pick{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 20px}
.shade-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:10px;color:var(--text2);background:var(--surface)}
.shade-pill.on{border-color:var(--p700);color:var(--p700);background:var(--fill)}
.shade-pill .sw{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.12);flex:none}

/* блок «Другие оттенки» под карточкой */
.moreshades{margin-top:40px;border-top:1px solid var(--line);padding-top:26px}
.shade-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.shade-card{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);transition:border-color .15s,transform .15s}
.shade-card:hover{border-color:var(--p700);transform:translateY(-2px)}
.shade-card.on{border-color:var(--p700)}
.shade-card .th{aspect-ratio:1/1;background:#fff;position:relative}
.shade-card .th img{width:100%;height:100%;object-fit:cover}
.shade-card .th .fill{position:absolute;inset:0}
.shade-card .lbl{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;color:var(--text)}
.shade-card .lbl .sw{width:15px;height:15px;border-radius:4px;border:1px solid rgba(0,0,0,.12);flex:none}
.shade-card .cur{padding:0 12px 10px;font-size:11px;color:var(--g700)}
@media(max-width:760px){.shade-cards{grid-template-columns:repeat(2,1fr)}}

/* заголовок блоков «Другие оттенки/палетки» и «С этим покупают» */
.rec-title{font-family:var(--disp);font-size:20px;color:var(--p700);margin-bottom:16px}
/* блок рекомендаций — компактные карточки (как «Другие оттенки») */
.rec-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rec-card{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);transition:border-color .15s,transform .15s}
.rec-card:hover{border-color:var(--p700);transform:translateY(-2px)}
.rec-card .th{aspect-ratio:1/1;background:#fff;position:relative}
.rec-card .th img{width:100%;height:100%;object-fit:cover}
.rec-card .th .fill{position:absolute;inset:0;background:var(--fill)}
.rec-card .lbl{padding:10px 12px}
.rec-card .lbl .nm{display:block;font-size:12.5px;line-height:1.35;color:var(--text);margin-bottom:3px}
.rec-card .lbl .pr{font-size:12.5px;color:var(--p700);font-weight:600}
.rec-card .lbl .pr s{color:var(--text2);font-weight:400;margin-right:5px}
@media(max-width:760px){.rec-cards{grid-template-columns:repeat(2,1fr)}}
.buyrow{display:flex;gap:12px;align-items:center;margin-top:6px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{border:0;background:var(--surface);width:38px;height:40px;font-size:18px;cursor:pointer;color:var(--p700)}
.qty span{min-width:34px;text-align:center}
.setlist{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.setlist .li{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px solid var(--line)}

/* личный кабинет и формы */
.form-card{max-width:430px;padding:26px 28px}
.form-card:hover{transform:none;border-color:var(--line)}
.form-card label{display:block;font-size:13px;color:var(--text2);margin:12px 0 5px}
.form-card input{width:100%;font:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fff}
.form-card input:focus{outline:none;border-color:var(--p500)}
.form-card .msg{font-size:13px;margin-top:10px;min-height:16px}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.acc-balance{background:var(--p700);color:#fff;border-radius:16px;padding:24px 28px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.acc-balance .n{font-family:var(--disp);font-size:34px;line-height:1}
.acc-balance .lbl{font-size:12px;opacity:.85;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.acc-balance .hint{font-size:12.5px;opacity:.8;max-width:280px}
.acc-tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:26px}
.acc-tbl th,.acc-tbl td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}
.acc-tbl th{background:var(--bg2);color:var(--p700);font-weight:500}
.acc-tbl .pos{color:var(--ok)} .acc-tbl .neg{color:var(--err)}
@media(max-width:640px){.auth-grid{grid-template-columns:1fr}}

/* страница «О брендах» */
.about-lead{max-width:720px;margin:0 auto 8px;text-align:center;color:var(--text2);font-size:17px;line-height:1.6}
.about-author{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;margin:30px auto 6px;max-width:960px}
.about-author .ph{border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;background:var(--fill)}
.about-author .ph img{width:100%;height:100%;object-fit:cover}
.about-author h2{margin-bottom:14px}
.about-author p{color:var(--text2);margin-bottom:12px}
.about-brands{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto}
.about-brand{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px 30px}
.about-brand .k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.about-brand.kp .k{color:var(--kp-magenta)} .about-brand.sk .k{color:var(--g700)}
.about-brand h3{margin-bottom:10px}
.about-brand p{color:var(--text2);font-size:15px;margin-bottom:10px}
.about-brand img.lg{height:30px;width:auto;margin-bottom:12px}
.about-why{max-width:760px;margin:0 auto;text-align:center}
.about-why p{color:var(--text2);font-size:16px;line-height:1.6}
@media(max-width:760px){.about-author{grid-template-columns:1fr}.about-brands{grid-template-columns:1fr}}

/* подвал */
.ftr{background:var(--p900);color:#D8CFC9;padding:46px 0 40px;margin-top:40px}
.ftr .in{max-width:var(--wrap);margin:0 auto;padding:0 40px;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;font-size:13.5px;line-height:1.7}
.ftr a{color:#EBDFD8;text-decoration:underline}
.ftr .req{max-width:520px;color:#A9B7BC}

/* хлебные крошки / заголовок раздела */
.pagehead{padding:34px 0 8px}
.pagehead .eyebrow{margin-bottom:8px}
.crumbs{font-size:13px;color:var(--text2);margin-bottom:6px}
.crumbs a{color:var(--text2)}

@media(max-width:900px){
 .cat{flex-basis:calc(50% - 9px)}
 .grid{grid-template-columns:1fr 1fr}
 .home-hero h1{font-size:32px}
}
@media(max-width:760px){
 .product{grid-template-columns:1fr;gap:22px}
 .gmain{aspect-ratio:2/3;max-height:76vh}
 .hdr .in{position:relative}
 .navwrap{gap:14px}
 .burger{display:block;order:-1}
 .hdr nav{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:4px 20px 10px;display:none}
 .hdr nav.open{display:flex}
 .hdr nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
}
@media(max-width:560px){
 .wrap{padding:0 20px}
 .hdr .in{padding:12px 20px}
 .cat{flex-basis:100%;min-width:0}
 .grid{grid-template-columns:1fr 1fr}
 .cart-link .lbl{display:none}
}
@media(max-width:480px){ .brands{grid-template-columns:1fr} }

/* корзина */
.cartwrap{display:grid;grid-template-columns:1.6fr .9fr;gap:36px;align-items:start;padding-top:12px}
.citem{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.citem .th{width:76px;height:76px;border-radius:10px;overflow:hidden;background:var(--fill);position:relative}
.citem .th img{width:100%;height:100%;object-fit:cover}
.citem .th .noimg{position:absolute;inset:0;background:repeating-linear-gradient(135deg,var(--fill),var(--fill) 8px,var(--surface) 8px,var(--surface) 16px)}
.citem .nm{font-size:15px;color:var(--text)}
.citem .sub{font-size:13px;color:var(--text2);margin-top:3px}
.citem .rm{background:none;border:0;color:var(--text2);cursor:pointer;font-size:12.5px;text-decoration:underline;margin-top:6px;padding:0}
.citem .right{text-align:right}
.citem .lt{font-family:var(--disp);font-size:17px;color:var(--p700);margin-bottom:8px}
.summary{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:22px;position:sticky;top:86px}
.summary h3{font-size:18px;margin-bottom:12px}
.summary .r{display:flex;justify-content:space-between;padding:7px 0;font-size:15px;color:var(--text2)}
.summary .r span:last-child{color:var(--text)}
.summary .r.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.summary .r.total span{font-family:var(--disp);font-size:21px;color:var(--p700)}
.summary .hint{font-size:13px;color:var(--g700);margin:10px 0 14px}
.empty{padding:50px 0;text-align:center;color:var(--text2)}
@media(max-width:760px){.cartwrap{grid-template-columns:1fr}.summary{position:static}}