/* ==========================================================================
   AIBIS V2 — product page + checkout skin
   Loaded after styles.css / product-pages.css / theme.css on:
   /brand-starter-kit/, /social-content-pack/, /checkout/.
   Visual unification only. No configurator logic touched.
   ========================================================================== */

:root{
  --bg-0:#070b12; --bg-1:#0a1120; --bg-2:#0c1626;
  --panel:rgba(12,22,38,.8); --panel-2:rgba(10,17,32,.92);
  --silver-1:#eef3f8; --silver-2:#c3ccd5; --silver-3:#9caab8;
  --blue:#46c8f0; --blue-soft:#9de3fa; --cyan:#46c8f0; --cyan-soft:#9de3fa; --gold:#c9a45c;
  --text:#eef3f8; --muted:#9caab8; --faint:#6f7e8d;
  --line:rgba(150,172,196,.16); --line-2:rgba(150,172,196,.3); --line-3:rgba(70,200,240,.4);
  --r-xl:12px; --r-lg:12px; --r-md:10px; --r-sm:8px;
  --shadow-1:0 18px 44px rgba(0,0,0,.34); --shadow-2:0 26px 64px rgba(0,0,0,.44); --glow-blue:none;
  --container:1320px; --header-h:72px;
  --font-sans:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",Consolas,monospace;
}

body{font-family:var(--font-sans);font-size:16px;background:var(--bg-0);color:var(--text)}
h1,h2,h3,h4,.product-hero h1,.product-section h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-.03em;color:var(--text)}
.grad{background:none !important;-webkit-text-fill-color:currentColor !important;color:var(--cyan) !important;font-style:normal}

.product-page{padding:calc(var(--header-h) + 48px) 0 0}
.product-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,56px);align-items:center;padding:0 0 clamp(36px,4vw,52px)}
.product-hero h1{font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.02;letter-spacing:-.04em;margin:14px 0 18px}
.product-hero p,.product-copy{color:var(--muted);line-height:1.75;font-size:16px}
.product-hero img{width:100%;height:auto;object-fit:contain;border:1px solid var(--line);border-radius:12px}
.product-tag{color:var(--cyan);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}

.product-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.product-nav a{color:#c6d2dc;text-decoration:none;font-size:13.5px;font-weight:500}
.product-nav a:hover{color:#fff}

.product-section{padding:clamp(48px,5vw,72px) 0}
.product-section h2{font-size:clamp(1.7rem,2.6vw,2.4rem);margin:0 0 12px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card,.config-card,.preview-card,.scope-card{background:#0c1626;border:1px solid var(--line);border-radius:12px;padding:22px}
.product-card h3,.scope-card h3{font-family:var(--font-sans);font-weight:650;margin:.5rem 0}
.product-card p,.scope-card li{color:var(--muted);line-height:1.65}
.product-card a{color:var(--cyan)}

/* configurator form */
.product-config-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:20px;align-items:start}
.product-config{display:grid;gap:16px}
.product-config fieldset{border:1px solid var(--line);border-radius:12px;padding:22px;background:#0c1626;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product-config legend{padding:0 .5rem;font-weight:650;color:var(--text);font-family:var(--font-sans);font-size:14.5px}
.product-config label{display:grid;gap:.4rem;color:#c9d5de;font-size:14px}
.product-config input:not([type=checkbox]):not([type=radio]),
.product-config select,.product-config textarea{width:100%;background:#050c15;color:var(--text);border:1px solid var(--line-2);border-radius:8px;padding:12px 13px;font:inherit;font-size:15px}
.product-config input:focus,.product-config select:focus,.product-config textarea:focus{border-color:rgba(70,200,240,.7);outline:2px solid rgba(70,200,240,.25);outline-offset:1px}
.product-config input[type=checkbox],.product-config input[type=radio]{accent-color:var(--cyan)}
.product-config label:has(input[type=checkbox]),.product-config label:has(input[type=radio]){display:flex;align-items:center;gap:8px}
.product-field-hint{margin:0;color:var(--faint);font-size:13px;line-height:1.6}
.product-config [data-included-note]{color:var(--cyan-soft)}
.product-config fieldset>ul{margin:.25rem 0 0;padding-left:1.25rem;color:#c6d2df;line-height:1.7}

/* preview card */
.preview-card{position:sticky;top:96px;background:#0c1626;border:1px solid var(--line);border-radius:12px}
.preview-card h3,.preview-card .status{font-family:var(--font-sans);font-weight:650}
.preview-card dt{font-family:var(--font-mono);font-size:12.5px;color:var(--cyan)}
.preview-card small{font-size:12.5px;color:var(--muted)}

/* notes + actions */
.product-note{margin-top:18px;padding:14px 16px;border-left:3px solid rgba(201,164,92,.55);background:rgba(201,164,92,.05);border-radius:0 10px 10px 0;color:var(--muted);font-size:14px;line-height:1.7}
.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.product-actions .btn,.product-actions a.btn{width:auto}
.showcase-link{color:var(--cyan);text-decoration:none;font-size:14px}
.showcase-link:hover{text-decoration:underline}

/* checkout */
.checkout-gate{place-items:start center;min-height:0;padding:calc(var(--header-h) + 44px) 0 72px}
.checkout-panel{max-width:1000px;padding:clamp(24px,3.6vw,44px);background:#0c1626;border:1px solid var(--line);border-radius:14px}
.checkout-panel h1{font-family:var(--font-sans);font-weight:700;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.03em}
.checkout-status{margin-top:18px;padding:14px 16px;border:1px solid var(--line);background:#0a1320;border-radius:10px;color:var(--muted);font-size:14px}
.checkout-summary{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}
.checkout-summary h2{font-size:1.6rem}
.checkout-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.checkout-summary dt{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.checkout-summary dd{margin:0;text-align:right}
.checkout-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.checkout-detail-grid>section{border:1px solid var(--line);border-radius:10px;padding:16px;background:#0a1320}
.checkout-detail-grid h3{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.checkout-detail-grid ul{font-size:14px;line-height:1.65}
.ms-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* footer */
.product-footer{border-top:1px solid var(--line);background:#060a11;padding:44px 0 24px;color:var(--faint)}
.product-footer a{color:#b7c3ce;text-decoration:none}
.product-footer a:hover{color:var(--cyan-soft)}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media (max-width:850px){
  .product-hero,.product-config-layout{grid-template-columns:1fr}
  .preview-card{position:static}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-config fieldset{grid-template-columns:1fr}
}
@media (max-width:560px){
  .product-hero h1{font-size:2.2rem}
  .product-grid{grid-template-columns:1fr}
  .checkout-panel{padding:20px}
  .checkout-detail-grid{grid-template-columns:1fr}
}
.bg-layer{display:none}

/* product board inside dark product heroes */
.product-board{border:1px solid var(--line);border-radius:14px;background:#0a1420;padding:10px}
.product-board .brand-grid img,
.product-board .social-mosaic img{border:0;border-radius:8px}
.product-board .caption-strip{background:#0c1626;border-color:var(--line);color:var(--muted);margin-top:10px}
.product-board .caption-strip b{color:var(--text)}
.product-board .palette span{height:82px}
@media (max-width:640px){.product-board{padding:8px}.product-board .palette{grid-template-columns:repeat(2,minmax(0,1fr))}.product-board .palette span{height:66px;padding:9px}.product-board .palette span:last-child{grid-column:1/-1}}