.product-preview{display:none;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:134px 0 64px}
.product-preview.open{display:block}
.product-preview-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.product-preview .eyebrow{font:800 12px var(--en);letter-spacing:.24em;color:var(--brand);text-transform:uppercase}
.product-preview h2{margin:10px 0 0;font-size:clamp(30px,3.2vw,44px);line-height:1.2;font-weight:300}
.product-preview h2 b{color:var(--brand);font-weight:800}
.product-preview-actions{display:flex;gap:10px;align-items:center}
.product-preview-actions a,.product-preview-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 16px;font-weight:800;font-size:13px;cursor:pointer}
.product-preview-actions a{background:var(--brand);border-color:var(--brand);color:#fff}
.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.product-tabs button{border:1px solid var(--line);background:#fff;padding:10px 14px;font-weight:800;color:#333;cursor:pointer}
.product-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.product-subcats{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 28px}
.product-subcats a{border:1px solid var(--line);padding:8px 11px;font-size:12px;color:#555;background:#f8f9fb}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 18px}
.product-card{display:block;color:inherit}
.product-thumb{position:relative;aspect-ratio:1/1;background:#f3f3f3;overflow:hidden}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.product-card:hover img{transform:scale(1.035)}
.soldout-badge{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font:800 10px var(--en);letter-spacing:.08em}
.product-name{margin:14px 0 8px;font-size:14px;line-height:1.5;font-weight:700;color:#111}
.product-empty{padding:48px;border:1px solid var(--line);text-align:center;color:#666}
@media(max-width:1020px){.product-preview{padding:104px 0 48px}.product-preview-head{display:block}.product-preview-actions{margin-top:20px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-tabs{display:grid;grid-template-columns:1fr 1fr}.product-preview-actions{display:grid}}