/* V11 — Product surfaces are storefront runways, not business cards. */
:root { --runway-black:#12070D; --runway-pink:#E95A96; --runway-soft:#FFF4FA; --runway-mist:#FFF3FA; --runway-wine:#462636; }
.main-flow, .page-main, .product-detail-main { width:min(100%, 1540px); }
.collection-block, .section:has(#collection-sections), #collection-sections { width:100%; }
.collection-block {
  position:relative;
  margin: clamp(22px,4vw,54px) auto;
  padding: clamp(18px,3vw,36px);
  border-radius: clamp(32px,4vw,56px);
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.94), transparent 24%),
    linear-gradient(135deg, rgba(255,244,250,.97), rgba(249,210,231,.83) 46%, rgba(255,255,255,.94));
  border: 3px solid var(--runway-black);
  box-shadow: 0 24px 80px rgba(91,37,58,.16), 8px 8px 0 var(--runway-black);
  overflow:hidden;
}
.collection-block::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.52) 47%, transparent 56%),
    radial-gradient(circle at 86% 16%, rgba(233,90,150,.22), transparent 22%);
  mix-blend-mode: screen;
}
.collection-block > * { position:relative; z-index:1; }
.shop-command-surface {
  width:min(100%,1540px); margin:0 auto clamp(18px,3vw,34px); padding:clamp(16px,2.5vw,28px);
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(14px,2vw,26px); align-items:center;
  border:3px solid var(--runway-black); border-radius:36px;
  background:linear-gradient(135deg,#12070D 0%, #462636 56%, #E95A96 140%);
  color:#FFF4FA; box-shadow:0 20px 60px rgba(91,37,58,.22), 6px 6px 0 var(--runway-black);
}
.shop-command-surface h2 { margin:0; font-family:var(--cc-font-display, 'Fredoka Local', system-ui); font-size:clamp(1.65rem,4vw,3.6rem); line-height:.95; letter-spacing:-.045em; }
.shop-command-surface p { margin:.45rem 0 0; max-width:72ch; color:#F9D2E7; font-weight:800; }
.shop-command-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.shop-command-actions a { min-height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:2px solid #FFF4FA; padding:.72rem 1rem; color:#FFF4FA; text-decoration:none; font-weight:950; background:rgba(255,244,250,.10); }
.shop-command-actions a:first-child { background:#E95A96; color:#FFF4FA; box-shadow:3px 3px 0 #FFF4FA; }
.catalog-grid-premium.shop-surface-grid,
.catalog-grid-premium { grid-template-columns:1fr !important; gap:clamp(18px,2.4vw,30px) !important; }
.best-grid .product-card.product-surface { min-height:340px; }
.product-card.product-surface,
.product-card.product-surface.product-showroom-surface {
  display:grid !important;
  grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr) !important;
  min-height: clamp(340px, 32vw, 440px) !important;
  border:0 !important; border-radius:42px !important;
  background:
    linear-gradient(135deg, rgba(255,244,250,.98), rgba(249,210,231,.92) 43%, rgba(255,255,255,.98)),
    radial-gradient(circle at 85% 18%, rgba(233,90,150,.22), transparent 26%);
  box-shadow:0 24px 70px rgba(91,37,58,.18), 0 0 0 3px var(--runway-black), 7px 7px 0 var(--runway-black) !important;
  overflow:hidden; color:var(--runway-black); isolation:isolate;
}
.product-card.product-surface.product-showroom-surface::before { opacity:.68; }
.product-card.product-surface.product-showroom-surface::after { inset:12px; border:1px solid rgba(18,7,13,.12); border-radius:32px; }
.product-card.product-surface .surface-media-link { display:block; color:inherit; text-decoration:none; min-height:100%; }
.product-card.product-surface .product-stage,
.product-card.product-surface .product-runway-stage {
  min-height:100% !important; height:100%; padding:clamp(20px,3vw,38px) !important;
  border-right:3px solid var(--runway-black) !important; border-bottom:0 !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,.98), transparent 24%),
    linear-gradient(165deg, #FFF4FA 0%, #F9D2E7 52%, #F49CC4 100%);
  display:grid; place-items:center; position:relative; overflow:hidden;
}
.product-card.product-surface .product-stage::after,
.product-card.product-surface .product-runway-stage::after {
  content:""; position:absolute; inset:12px; border-radius:30px;
  border:1px solid rgba(255,255,255,.72); box-shadow:inset 0 0 34px rgba(255,255,255,.38); pointer-events:none;
}
.product-card.product-surface .product-stage img,
.product-card.product-surface .product-runway-stage img {
  width:min(100%, 480px) !important; max-height:360px !important; object-fit:contain !important;
  filter: drop-shadow(0 22px 26px rgba(91,37,58,.25)) saturate(1.06);
}
.surface-corner-badge {
  position:absolute; top:18px; left:18px; z-index:3; border:2px solid var(--runway-black); border-radius:999px;
  background:#FFF4FA; color:#12070D; padding:.45rem .68rem; font-size:.68rem; font-weight:950; text-transform:uppercase; letter-spacing:.075em; box-shadow:2px 2px 0 var(--runway-black);
}
.surface-tap-hint { position:absolute; right:18px; bottom:18px; z-index:3; font-size:.72rem; font-weight:950; color:#462636; background:rgba(255,255,255,.72); border:1px solid rgba(18,7,13,.22); border-radius:999px; padding:.38rem .6rem; }
.product-card.product-surface .product-body,
.product-card.product-surface .product-showroom-body {
  padding:clamp(22px,3vw,42px) !important; display:flex; flex-direction:column; justify-content:center; gap:.85rem !important;
  background:linear-gradient(90deg, rgba(255,255,255,.38), rgba(255,244,250,.18));
}
.surface-topline, .product-status-row { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; }
.product-card.product-surface .surface-mini-tag,
.product-card.product-surface .status-tag,
.surface-availability {
  border:2px solid var(--runway-black); border-radius:999px; background:#E95A96; color:#FFF4FA;
  font-weight:950; text-transform:uppercase; letter-spacing:.075em; font-size:.68rem; padding:.43rem .66rem; box-shadow:2px 2px 0 var(--runway-black);
}
.product-card.product-surface .surface-mini-tag, .surface-availability { background:#FFF4FA; color:#12070D; }
.product-card.product-surface .product-body h3 { font-size:clamp(2rem,4vw,4.15rem) !important; line-height:.88 !important; letter-spacing:-.055em; max-width:900px; }
.product-card.product-surface .product-body p { max-width:66ch; min-height:auto !important; font-size:clamp(1rem,1.15vw,1.2rem) !important; line-height:1.38 !important; color:#462636; font-weight:780; }
.surface-proof-row, .surface-facts { display:flex; flex-wrap:wrap; gap:.5rem !important; padding:0; margin:.2rem 0 .35rem; list-style:none; }
.surface-proof-row span, .surface-facts li { border:1px solid rgba(18,7,13,.18); background:rgba(255,255,255,.68); color:#462636; border-radius:999px; padding:.42rem .62rem; font-size:.73rem !important; font-weight:950; white-space:nowrap; }
.product-card.product-surface .price-row, .surface-price-row { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; border-top:2px solid rgba(18,7,13,.16); padding-top:.85rem; }
.product-card.product-surface .price-row strong { font-size:clamp(2.5rem,5vw,4.8rem) !important; letter-spacing:-.065em; }
.product-surface-actions { display:grid !important; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:.8rem; margin-top:.25rem; }
.product-surface-actions .cta-slab, .product-surface-actions .ghost-slab { min-height:58px !important; width:100%; border-radius:20px !important; font-size:1rem !important; justify-content:center; }
.surface-note { font-size:.78rem !important; color:#BC5989 !important; font-weight:900 !important; margin:0 !important; }
.product-detail-surface {
  border:0 !important; border-radius:52px !important; box-shadow:0 32px 90px rgba(91,37,58,.20),0 0 0 4px #12070D, 10px 10px 0 #12070D !important;
  background:linear-gradient(135deg,#FFF4FA,#F9D2E7 48%,#fff) !important;
}
.product-detail-media { background:radial-gradient(circle at 50% 20%, #fff 0 20%, transparent 36%), linear-gradient(150deg,#FFF4FA,#F9D2E7 58%,#F49CC4); }
.product-detail-media img { max-height:680px; object-fit:contain; filter:drop-shadow(0 28px 36px rgba(91,37,58,.24)); }
.product-price-panel { border:3px solid #12070D; border-radius:28px; background:#FFF4FA; padding:1rem 1.15rem; box-shadow:4px 4px 0 #12070D; }
.big-cheeky-main { width:min(100%,1540px); margin:0 auto; padding:clamp(12px,2vw,26px); }
.big-cheeky-hero { position:relative; min-height:min(72vh,720px); display:grid; align-items:end; overflow:hidden; border:3px solid #E95A96; border-radius:clamp(34px,5vw,72px); box-shadow:0 34px 110px rgba(233,90,150,.24), 8px 8px 0 #E95A96; background:#12070D; color:#FFF4FA; }
.big-cheeky-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; filter:saturate(1.12) contrast(1.06); }
.big-cheeky-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,7,13,.92) 0%,rgba(18,7,13,.52) 42%,rgba(18,7,13,.20)), radial-gradient(circle at 72% 16%, rgba(233,90,150,.28), transparent 30%); }
.big-cheeky-copy { position:relative; z-index:1; max-width:780px; padding:clamp(28px,6vw,74px); }
.big-cheeky-copy h1 { font-size:clamp(3.1rem,9vw,9rem); line-height:.82; margin:0 0 .7rem; font-family:var(--cc-font-display); letter-spacing:-.08em; text-transform:uppercase; }
.big-cheeky-copy p { color:#F9D2E7; font-weight:850; font-size:clamp(1rem,1.6vw,1.28rem); max-width:62ch; }
.big-cheeky-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(18px,3vw,38px); margin:clamp(24px,4vw,54px) 0; }
.big-cheeky-panel { border:3px solid #E95A96; border-radius:40px; padding:clamp(20px,3vw,38px); background:linear-gradient(135deg,rgba(255,244,250,.08),rgba(233,90,150,.13)); color:#FFF4FA; box-shadow:0 24px 70px rgba(233,90,150,.14); }
.big-cheeky-panel h2 { font-size:clamp(2rem,5vw,5rem); line-height:.9; margin:0 0 1rem; letter-spacing:-.06em; }
.big-cheeky-panel p, .big-cheeky-panel li { color:#F9D2E7; font-weight:780; }
.big-cheeky-lookbook { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,2vw,24px); }
.big-cheeky-lookbook img { width:100%; aspect-ratio:4/5; object-fit:cover; border:3px solid #E95A96; border-radius:34px; box-shadow:5px 5px 0 #E95A96; background:#FFF4FA; }
.seo-money-strip { margin:clamp(18px,3vw,40px) auto; border:3px solid #12070D; border-radius:36px; padding:clamp(16px,3vw,30px); background:linear-gradient(135deg,#FFF4FA,#fff 55%,#F9D2E7); box-shadow:6px 6px 0 #12070D; }
.seo-money-strip h2 { margin:0 0 .6rem; font-size:clamp(1.65rem,3vw,3rem); line-height:.95; }
.seo-money-strip ul { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; padding:0; margin:1rem 0 0; list-style:none; }
.seo-money-strip li { border:2px solid #12070D; border-radius:22px; padding:1rem; background:#FFF4FA; font-weight:850; }
@media (max-width:1100px) {
  .shop-command-surface, .big-cheeky-grid { grid-template-columns:1fr; }
  .shop-command-actions { justify-content:flex-start; }
  .product-card.product-surface, .product-card.product-surface.product-showroom-surface { grid-template-columns:minmax(220px,.86fr) minmax(0,1.14fr) !important; }
  .big-cheeky-lookbook, .seo-money-strip ul { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
  .collection-block { padding:14px; border-radius:30px; box-shadow:5px 5px 0 #12070D; }
  .shop-command-surface { border-radius:28px; padding:18px; }
  .shop-command-surface h2 { font-size:clamp(2rem,12vw,3.4rem); }
  .product-card.product-surface, .product-card.product-surface.product-showroom-surface { grid-template-columns:1fr !important; border-radius:30px !important; min-height:0 !important; box-shadow:0 0 0 3px #12070D,5px 5px 0 #12070D !important; }
  .product-card.product-surface .product-stage, .product-card.product-surface .product-runway-stage { border-right:0 !important; border-bottom:3px solid #12070D !important; min-height:320px !important; }
  .product-card.product-surface .product-body h3 { font-size:clamp(2.25rem,13vw,4.4rem) !important; }
  .product-surface-actions { grid-template-columns:1fr !important; }
  .surface-price-row { align-items:flex-start; flex-direction:column; }
  .surface-tap-hint { display:none; }
  .big-cheeky-hero { min-height:76vh; border-radius:34px; }
  .big-cheeky-copy { padding:28px 20px; }
  .big-cheeky-copy h1 { font-size:clamp(3.6rem,18vw,6rem); }
  .big-cheeky-lookbook, .seo-money-strip ul { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .product-card.product-surface .product-stage img { transition:none !important; transform:none !important; }
}
