/* =============================================================================
   product-plastic.css — PAGE-UNIQUE CSS for the Plastic product page (FC-07, FC-rebuild).
   -----------------------------------------------------------------------------
   Loaded as $page_css (replaces henry_product.css). The shared FC component look +
   typography now lives in www/css/henry_fc.css (loaded after this + henry_coolgray.css) —
   same architecture as the wave pilot (product-foil.css) and product-suede.css/product-cotton.css.

   This sheet keeps ONLY plastic-unique decoration: the "Keep Exploring" decorative card
   scenes. henry_fc.css already owns the FULL keep-exploring STRUCTURE (.card-scene,
   .business-card box/shadow/shine overlay, .stack-a/.stack-b, .visual-label) — per
   inc/page/keep-exploring.php's contract, only the per-material SKIN (background +
   .mat-mark position/color) is page-owned, so that's all that lives here.

   FLAGGED (see the REPORT): the mockup's own 3 keep-exploring visual panels each carry the
   WRONG skin class under the RIGHT label — "Silk" used .suede-card, "Suede" used .cotton-card,
   "Metal" used .linen-card (the underlying skin set only ever defines suede/cotton/linen scenes,
   the same class of copy-paste bug suede.php/cotton.php already found + fixed for their own
   material tabs). Corrected here:
     - Silk reuses the EXACT .silk-card definition suede.php's own product-suede.css already
       established site-wide for this skin (cool, smooth gray-to-tan gradient).
     - Suede reuses cotton.php's own .suede-card definition verbatim (dark, warm, velvet —
       itself ported from the mockup's own correct .suede-card rule elsewhere in this wave).
     - Metal is a NEW .metal-card skin (no prior FC-rebuild page needed one) — a brushed-steel/
       chrome gradient, reusing the ".sw.stainless" swatch tone from the existing (pre-rebuild)
       product-metal.css so the look stays consistent with how Metal is already represented
       elsewhere on the site.

   The prior ~1,100-line copy (the full pre-fc_v2 mockup CSS) is superseded by
   henry_fc.css / henry_coolgray.css — recoverable from git history (this file's
   previous commit) if ever needed for reference.
   ============================================================================= */

/* ---- Keep-Exploring: per-material card-scene skins (page-owned decoration) ---- */
.keep-exploring .mat-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(38px,4.4vw,56px);font-weight:900;letter-spacing:-.06em;z-index:2}

/* Silk — smooth, cool, polished (same definition suede.php/cotton.php ship site-wide) */
.keep-exploring .silk-card{background:linear-gradient(145deg,#2c2f33,#c7c2b8 55%,#8b867c)}
.keep-exploring .silk-card .mat-mark{color:#f7f4ee;text-shadow:0 2px 20px rgba(0,0,0,.35)}

/* Suede — dark, warm, velvet (same definition cotton.php's own product-cotton.css ships) */
.keep-exploring .suede-card{background:linear-gradient(150deg,#211f1c 0%,#38332b 60%,#1b1916 100%);border:1px solid rgba(255,255,255,.08)}
.keep-exploring .suede-card .mat-mark{color:#e6dccc;text-shadow:0 2px 22px rgba(0,0,0,.5)}

/* Metal — brushed-steel / chrome (NEW; corrected from the mockup's leftover "Linen" skin) */
.keep-exploring .metal-card{background:linear-gradient(135deg,#9aa0a6,#e9edf0 55%,#7e848a)}
.keep-exploring .metal-card .mat-mark{color:#14181D;text-shadow:0 1px 10px rgba(255,255,255,.5)}