/* Каталог і сторінка товару Медоїжки (після v3.css) */
.shop-hero{background:linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--line);padding:clamp(34px,4.5vw,64px) 0 clamp(28px,3.5vw,46px)}
.shop-hero h1{font-size:clamp(38px,4.6vw,66px)}
.shop-hero .lead{max-width:64ch;margin-top:14px}
.shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,4vw,56px);padding-top:36px;padding-bottom:clamp(64px,8vw,110px)}
.shop-side{position:sticky;top:130px;align-self:start;display:grid;gap:28px}
.shop-side h2{font:600 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.shop-side nav{display:grid}
.shop-side nav a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14.5px}
.shop-side nav a small{color:var(--dim);font-size:12.5px}
.shop-side nav a:hover{color:var(--gold)}
.shop-side nav a.on{font-weight:600;color:var(--ink)}
.shop-side nav a.on span::before{content:"";display:inline-block;width:6px;height:6px;border:1px solid var(--amber-d);transform:rotate(45deg);margin-right:10px;vertical-align:middle;background:var(--amber)}
.shop-side nav a.sub{padding-left:16px;font-size:13.5px}
.shop-help{background:#fff;border:1px solid var(--line);padding:20px}
.shop-help b{font:600 20px/1.2 var(--serif);display:block;margin-bottom:6px}
.shop-help p{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.shop-help a{font-weight:600;color:var(--ink)}
.shop-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.shop-count{font-size:13.5px;color:var(--dim);margin-right:auto}
.shop-q input{border:0;border-bottom:1px solid var(--line2);background:transparent;padding:9px 2px;width:240px;font:inherit;font-size:14px}
.shop-q input:focus{outline:0;border-color:var(--ink)}
.shop-sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dim)}
.shop-sort select{border:1px solid var(--line2);background:#fff;padding:9px 12px;font:inherit;font-size:14px;color:var(--ink)}
.shop-empty{padding:60px 0;text-align:center} .shop-empty h2{margin-bottom:10px}
.pgrid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.pgrid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.shop{grid-template-columns:1fr}.shop-side{position:static}.shop-side nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:8px}.shop-side nav a{border:1px solid var(--line2);padding:8px 12px;white-space:nowrap}.shop-side nav a small{display:none}.shop-help{display:none}.shop-q input{width:100%}.shop-q{flex:1 1 100%}}

/* ---------- товар ---------- */
.pd-crumbs{padding-top:26px}
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);padding-top:10px;padding-bottom:clamp(48px,6vw,90px);align-items:start}
.pd-gal{position:sticky;top:130px;display:grid;gap:14px}
.pd-main{background:#fff;border:1px solid var(--line);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.pd-main img{width:100%;height:100%;object-fit:contain;padding:5%}
.pd-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.pd-thumbs button{width:76px;height:76px;padding:4px;background:#fff;border:1px solid var(--line);cursor:pointer}
.pd-thumbs button.on{border-color:var(--ink)}
.pd-thumbs img{width:100%;height:100%;object-fit:contain}
.pd-cat{font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.pd-info h1{font-size:clamp(34px,3.8vw,56px);line-height:1.05;margin:14px 0 12px}
.pd-brand{font-size:14px;color:var(--dim);margin-bottom:14px} .pd-brand a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pd-short{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:22px}
.pd-price{font:500 40px/1 var(--serif);color:var(--ink);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}
.pd-price s{font-size:22px;color:var(--dim)}
.pd-vars{border:0;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.pd-vars legend{font:600 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.pd-vars label{cursor:pointer}
.pd-vars input{position:absolute;opacity:0;pointer-events:none}
.pd-vars span{display:inline-block;padding:11px 18px;border:1px solid var(--line2);background:#fff;font-size:14px;transition:border-color .2s,background .2s}
.pd-vars input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.pd-vars input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.pd-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.pd-qty{display:flex;border:1px solid var(--line2);background:#fff}
.pd-qty button{width:44px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink)}
.pd-qty input{width:52px;border:0;text-align:center;font:600 16px var(--sans);-moz-appearance:textfield;background:transparent}
.pd-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pd-add{flex:1;min-width:220px}
.pd-perks{list-style:none;margin:28px 0 0;padding:0;display:grid;border-top:1px solid var(--line)}
.pd-perks li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.pd-perks b{font-weight:600} .pd-perks span{color:var(--dim);text-align:right}
.pd-call{margin-top:18px;font-size:14px;color:var(--muted)} .pd-call a{font-weight:600;color:var(--ink)}
.pd-more{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,5vw,80px);padding-bottom:clamp(56px,7vw,100px);border-top:1px solid var(--line);padding-top:clamp(40px,5vw,70px)}
.pd-more h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:18px}
.pd-specs dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pd-specs dt{color:var(--dim)} .pd-specs dd{margin:0;text-align:right;color:var(--ink);font-weight:500}
@media (max-width:900px){.pd,.pd-more{grid-template-columns:1fr}.pd-gal{position:static}}