.hero h1{font-size:var(--hero-heading-size,clamp(3rem,7vw,5.8rem));max-width:12ch}
.product-hero,.page-hero{padding-top:8rem;padding-bottom:4rem}
.page-hero h1{font-size:var(--page-heading-size,clamp(2.6rem,5vw,4.6rem))}
.product-detail{display:grid;grid-template-columns:1fr .95fr;gap:2rem}
.product-detail--split{align-items:start}
.product-purchase-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem}
.product-gallery{display:grid;gap:1rem}
.product-gallery__main{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.product-gallery__main img{width:100%;aspect-ratio:1/1;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.thumbs--grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.thumb-button{padding:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}
.thumb-button img{width:100%;aspect-ratio:1/1;object-fit:cover}
.legal-card h2{margin-top:2rem}
.contact-grid,.about-grid,.custom-grid{display:grid;grid-template-columns:1fr .9fr;gap:2rem}
.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.admin-sidebar{background:#0f1015;border-right:1px solid var(--border);padding:1.5rem;position:sticky;top:0;height:100vh}
.admin-sidebar a{display:block;padding:.85rem 1rem;border-radius:16px;color:var(--text-muted);margin-bottom:.35rem}
.admin-sidebar a.active,.admin-sidebar a:hover{background:var(--surface-hover);color:#fff}
.admin-main{padding:2rem}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td,.account-table th,.account-table td{padding:1rem;border-bottom:1px solid var(--border);text-align:left}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}
.review-slider{overflow:auto;scroll-snap-type:x mandatory;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:1rem}
.price-xl{font-size:clamp(1.7rem,3vw,2.4rem)}
.availability-pill{padding:.55rem .9rem;border-radius:999px;background:rgba(70,214,255,.12);color:#b9f5ff;border:1px solid rgba(70,214,255,.18)}
.stack-inline--buy{align-items:end;gap:1rem;flex-wrap:nowrap}
.stack-inline--actions{align-items:center;gap:.75rem;flex-wrap:wrap}
.product-description-block{max-width:720px}
.cart-list,.order-list{display:grid;gap:1rem}
.cart-item,.order-card{display:grid;grid-template-columns:110px 1fr auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.02)}
.order-card{grid-template-columns:1fr;align-items:start}
.order-list.compact .order-card{padding:.9rem 1rem}
.cart-item img{width:110px;height:110px;object-fit:cover;border-radius:18px}
.summary-list{display:grid;gap:.9rem}
.summary-list>div{display:flex;justify-content:space-between;gap:1rem}
.summary-total{padding-top:1rem;border-top:1px solid var(--border);font-size:1.1rem}
.checkout-layout .form-card{position:relative}
.account-table{width:100%;border-collapse:collapse}
.section-tight{padding-top:2rem}
@media (max-width:960px){.product-detail,.contact-grid,.about-grid,.custom-grid,.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.cart-item{grid-template-columns:1fr}.cart-item img{width:100%;height:auto;aspect-ratio:16/10}.thumbs--grid,.variant-summary,.catalog-shell .catalog-skeletons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.product-heading-stack{display:grid;gap:1rem}
.product-heading-stack h1{font-size:var(--product-heading-size,clamp(2.3rem,4vw,3.5rem))}
.product-selling-stack{display:grid;gap:1rem}
.info-card--row{display:grid;grid-template-columns:220px 1fr;align-items:start;gap:1rem}
.product-badge-list--left{justify-content:flex-start}
.product-description-block{max-width:none}
@media (max-width:960px){.product-purchase-head{grid-template-columns:1fr}.product-selling-stack{grid-template-columns:1fr}.product-availability-summary{justify-items:start;text-align:left}.stack-inline--buy{flex-wrap:wrap}.info-card--row{grid-template-columns:1fr}}
@media (max-width:640px){.catalog-shell .catalog-skeletons,.thumbs--grid,.variant-summary{grid-template-columns:1fr}}