/* COOLIO FOREVER / GANGSTA'S PARADISE — SUPREME DESIGN V2
   Independent scoped design layer. Existing site.css handles shared chrome.
   New cinematic, editorial luxury shop. No heavy filters or animations on hero art. */
/* Gangsta's Paradise destination — self-contained, scoped styles */
.gp-page{--gp-gold:#f4c86c;--gp-cream:#fff7e7;--gp-dark:#09090d;--gp-red:#bc3741;background:#080910;color:var(--gp-cream)}.gp-page main{overflow:hidden}.gp-page em{font-style:normal;color:var(--gp-gold)}.gp-page .wrap{max-width:1310px}.gp-kicker{font-size:.76rem;font-weight:900;letter-spacing:.22em;color:var(--gp-gold);text-transform:uppercase}.gp-hero{min-height:min(860px,87svh);position:relative;display:flex;align-items:center;isolation:isolate;background:#070b1e url('/assets/coolioforever_background.png') center 55%/cover no-repeat}.gp-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,18,.95) 0%,rgba(5,6,18,.75) 42%,rgba(5,6,18,.10) 100%),linear-gradient(0deg,#080910,transparent 40%)}.gp-hero-content{width:100%;padding-top:100px;padding-bottom:110px;position:relative}.gp-hero .gp-kicker{display:flex;align-items:center;gap:12px}.gp-live-dot{height:9px;width:9px;background:var(--gp-gold);border-radius:50%;box-shadow:0 0 19px var(--gp-gold)}.gp-hero h1{font-size:clamp(4.4rem,11vw,10.5rem);font-weight:900;line-height:.83;letter-spacing:-.085em;margin:28px 0 34px;text-shadow:0 12px 80px #0009}.gp-hero h1 em{color:var(--gp-gold)}.gp-hero p{max-width:570px;font-size:clamp(1.03rem,1.5vw,1.22rem);line-height:1.7;color:#f0edf0}.gp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.gp-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:5px;padding:14px 22px;font-size:.78rem;font-weight:900;letter-spacing:.10em;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.gp-button:hover{transform:translateY(-2px)}.gp-button-gold{background:var(--gp-gold);color:#16100b}.gp-button-outline{color:white;background:#08091078;border:1px solid #f4c86c9a}.gp-button-text{color:var(--gp-gold)}.gp-hero-notes{display:flex;flex-wrap:wrap;gap:17px;margin-top:60px;font-size:.65rem;letter-spacing:.13em;font-weight:800;color:#ddd3c8}.gp-hero-notes span:nth-child(even){color:var(--gp-gold)}.gp-vertical{position:absolute;right:25px;bottom:35px;font-size:.68rem;letter-spacing:.28em;writing-mode:vertical-rl;color:#ffe7b980}.gp-rail{background:var(--gp-gold);color:#14100b;overflow:hidden}.gp-rail-inner{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:16px;padding-bottom:16px;font-size:.76rem;letter-spacing:.13em;font-weight:900;white-space:nowrap}.gp-rail b{color:#b94b34}.gp-section{padding:clamp(72px,9vw,130px) 0}.gp-collection{background:radial-gradient(circle at 50% 0,#2d1e25 0,transparent 60%),#0b0b12}.gp-section-header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.gp-section-header h2,.gp-feature h2,.gp-bottom h2{font-size:clamp(3rem,6.4vw,6.4rem);line-height:.94;letter-spacing:-.067em;margin:12px 0 0}.gp-section-header p{max-width:380px;color:#c9c7ca}.gp-collection-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(240px,1fr));gap:14px}.gp-collection-card{min-height:235px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid #ffffff24;border-radius:10px;overflow:hidden;text-decoration:none;isolation:isolate;background-size:cover;background-position:center;transition:transform .2s ease,border-color .2s ease}.gp-collection-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050407eb,#0504072d);z-index:-1}.gp-collection-card:hover{transform:translateY(-4px);border-color:var(--gp-gold)}.gp-collection-card.is-gp{grid-row:span 2;background-image:url('/media/coolio-live2.webp');background-position:center 28%}.gp-collection-card.is-apparel{background-image:linear-gradient(135deg,#58141e,#170e1b)}.gp-collection-card.is-cooking{background-image:linear-gradient(135deg,#4b3915,#1c1611)}.gp-collection-card.is-hats{background-image:linear-gradient(135deg,#1d2850,#100e1c)}.gp-collection-card .gp-collection-number{color:#fff9;font-weight:800;font-size:.78rem}.gp-collection-card small{color:var(--gp-gold)}.gp-collection-card h3{font-size:clamp(1.65rem,2.8vw,3rem);margin:8px 0 22px;line-height:.98}.gp-collection-action{display:inline-block;border-bottom:1px solid var(--gp-gold);padding-bottom:8px;font-weight:900;font-size:.71rem;letter-spacing:.12em;color:var(--gp-gold)}.gp-product-section{background:#111019}.gp-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:20px}.gp-search-label input{background:#21212b;color:white;border:1px solid #5e5960;padding:14px 16px;min-width:min(330px,82vw);border-radius:6px;font:inherit}.gp-search-label input:focus-visible{outline:2px solid var(--gp-gold)}.gp-filters{display:flex;flex-wrap:wrap;gap:8px}.gp-filters button{cursor:pointer;border-radius:100px;border:1px solid #625663;background:transparent;padding:9px 13px;color:#ddd;font:700 .76rem inherit;font-size:.75rem}.gp-filters button:hover,.gp-filters button.is-active{background:var(--gp-gold);color:#130f0c;border-color:var(--gp-gold)}.gp-status{color:#c8c4c7;min-height:27px;font-size:.82rem;margin-bottom:15px}.gp-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gp-product{display:flex;flex-direction:column;min-width:0;background:#1b1923;border:1px solid #ffffff22;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.gp-product:hover{border-color:var(--gp-gold)}.gp-product-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:4/4.4;overflow:hidden;background:radial-gradient(circle,#3f3443,#11111b)}.gp-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.gp-product:hover img{transform:scale(1.035)}.gp-product-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;text-align:center;font-size:2.3rem;color:var(--gp-gold)}.gp-product-placeholder small{font-size:.66rem;font-weight:900;letter-spacing:.13em}.gp-product-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.gp-product-tag{font-weight:900;font-size:.67rem;letter-spacing:.13em;color:var(--gp-gold)}.gp-product h3{font-size:1.03rem;letter-spacing:-.02em;line-height:1.3;margin:0;flex:1}.gp-product-price{font-weight:900;font-size:1rem;color:#fff}.gp-product-link{display:block;padding:11px 12px;border:1px solid var(--gp-gold);color:var(--gp-gold);font-size:.75rem;font-weight:900;letter-spacing:.05em;text-decoration:none;text-align:center;border-radius:4px}.gp-product-link:hover{background:var(--gp-gold);color:#17110c}.gp-products-end{margin-top:33px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#a9a2ad;font-size:.82rem}.gp-feature{padding:clamp(72px,9vw,120px) 0;background:linear-gradient(115deg,#210c18,#0d0e18 60%,#151122)}.gp-feature-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,7vw,100px);align-items:center}.gp-feature-photo img{width:100%;max-height:670px;object-fit:contain;filter:drop-shadow(0 20px 55px #0009);border-radius:9px}.gp-award-label{color:#e7b964;font-weight:900;letter-spacing:.12em;font-size:.77rem;margin-top:30px}.gp-feature-copy p{max-width:590px;color:#d9d0da;line-height:1.8}.gp-bottom{padding:110px 0 120px;background:radial-gradient(circle at center top,#463027,#101018 58%,#09090f);text-align:center}.gp-bottom h2{font-size:clamp(3.1rem,7vw,7.4rem)}.gp-bottom p{color:#c7c0cb;margin:22px auto;max-width:580px}.gp-bottom .gp-actions{justify-content:center}.gp-page .foot{background:#07070b}.gp-page [hidden]{display:none!important}@media(max-width:1050px){.gp-products{grid-template-columns:repeat(3,1fr)}.gp-collection-grid{grid-template-columns:1fr 1fr}.gp-collection-card.is-gp{grid-row:span 2}.gp-rail-inner{font-size:.65rem}}@media(max-width:740px){.gp-hero{min-height:690px;background-position:42% center}.gp-hero-shade{background:linear-gradient(90deg,#060715ed,#060715ab),linear-gradient(0deg,#080910,transparent)}.gp-hero-content{padding-top:110px;padding-bottom:65px}.gp-hero h1{font-size:clamp(4rem,16vw,7.5rem)}.gp-hero-notes{gap:8px;font-size:.55rem}.gp-vertical{display:none}.gp-section-header{display:block}.gp-collection-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gp-collection-card{min-height:215px}.gp-collection-card.is-gp{grid-row:span 2}.gp-feature-layout{grid-template-columns:1fr}.gp-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:490px){.gp-hero h1{font-size:clamp(3.6rem,17vw,5.5rem)}.gp-hero .gp-button{width:100%}.gp-rail-inner{gap:10px;width:max-content}.gp-collection-grid{grid-template-columns:1fr}.gp-collection-card.is-gp{grid-row:auto;min-height:310px}.gp-collection-card{min-height:210px}.gp-products{gap:10px}.gp-product-body{padding:12px}.gp-product h3{font-size:.91rem}.gp-filters button{font-size:.68rem}.gp-feature{padding-top:60px}.gp-bottom{padding:75px 0}}


/* === V2 DESIGN TOKENS, RICHNESS & DEPTH === */
.gp-page{--gp-gold:#f8cf7a;--gp-cream:#fffaf0;--gp-electric:#c176ff;--gp-mauve:#9f55d9;--gp-radius:23px;--gp-ring:rgba(248,207,122,.36);--gp-shadow:0 28px 70px rgba(0,0,0,.34);background:#090912;color:var(--gp-cream)}
.gp-page main{background:#090912}.gp-page .wrap{max-width:1370px}.gp-page .announcement{background:linear-gradient(100deg,#201225,#7b3540 44%,#b18747 96%);font-size:.72rem;letter-spacing:.13em}
.gp-page .nav{max-width:1380px}.gp-page header{background:rgba(5,6,12,.97);border-color:rgba(248,207,122,.18)}
.gp-page .nav-shop{color:#101018;background:var(--gp-gold);border-color:var(--gp-gold)}
.gp-page .nav-shop:hover{background:#ffe4a9;color:#090912}
.gp-page :is(a,button,input):focus-visible{outline:3px solid #ffe4a9;outline-offset:4px}
.gp-page ::selection{background:#f5c26e;color:#15121b}
.gp-hero{min-height:clamp(680px,77svh,920px);background:#090d23;isolation:isolate;overflow:hidden}
/* Present the original image sharply and naturally instead of enlarging a 16:9 image across the whole website. */
.gp-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/coolioforever_background.png') center 48% / cover no-repeat;transform:none;filter:none}
.gp-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,5,17,.96) 0%,rgba(5,5,18,.79) 37%,rgba(6,5,19,.30) 72%,rgba(6,5,19,.18)),linear-gradient(0deg,#090912 0%,transparent 25%),linear-gradient(180deg,rgba(7,5,18,.16),transparent 65%)}
.gp-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-bottom:1px solid rgba(248,207,122,.28);box-shadow:inset 0 -140px 100px -100px #090912}
.gp-hero-content{padding-top:clamp(90px,11vw,145px);padding-bottom:clamp(90px,11vw,150px);max-width:1370px}
.gp-hero .gp-kicker{width:fit-content;padding:10px 14px;border:1px solid var(--gp-ring);background:rgba(9,9,19,.56);border-radius:30px;box-shadow:0 2px 30px #0004}
.gp-hero h1{font-size:clamp(4.4rem,10.1vw,10rem);line-height:.81;letter-spacing:-.083em;margin:35px 0 34px;max-width:1000px;font-weight:950;text-shadow:0 18px 44px #0009}
.gp-hero h1 em{display:inline-block;background:linear-gradient(118deg,#fff8d6 4%,#ffe09c 28%,#b98335 52%,#ffe8a0 75%,#fff6d4);color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 22px rgba(241,165,60,.28))}
.gp-hero p{font-size:clamp(1.05rem,1.6vw,1.24rem);max-width:625px;color:#f1ebf3;text-shadow:0 2px 18px #000}
.gp-button{border-radius:999px;font-size:.74rem;letter-spacing:.105em;padding:15px 24px;min-height:56px;box-shadow:0 12px 36px #0003}
.gp-button-gold{background:linear-gradient(105deg,#ffdf92,#e9b55c);color:#151014;border:1px solid #ffdf92}
.gp-button-gold:hover{background:#fff0bd}
.gp-button-outline{border:1px solid var(--gp-ring);background:rgba(5,6,18,.72);backdrop-filter:blur(7px)}
.gp-button-outline:hover{border-color:#f9d58b;background:rgba(61,42,35,.78)}
.gp-hero-notes{margin-top:53px;padding:14px 0;border-top:1px solid rgba(255,238,211,.23);width:fit-content}
.gp-rail{background:linear-gradient(90deg,#dfab53,#ffe49b 45%,#a86c2b)}
.gp-rail-inner{max-width:1370px;padding-top:18px;padding-bottom:18px}
.gp-section{position:relative}
.gp-section-header{margin-bottom:43px}
.gp-section-header h2,.gp-feature h2,.gp-bottom h2{font-weight:950;letter-spacing:-.072em}
.gp-section-header p{font-size:1rem;line-height:1.75}
.gp-collection{background:radial-gradient(ellipse at 60% 0,rgba(94,36,77,.26),transparent 60%),#0b0b15}
.gp-collection-grid{gap:18px;grid-template-rows:repeat(2,minmax(260px,1fr))}
.gp-collection-card{border-radius:var(--gp-radius);border-color:rgba(255,236,204,.18);box-shadow:var(--gp-shadow);padding:30px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.gp-collection-card:before{background:linear-gradient(0deg,#08050bec 0%,#08050b4a 60%,#08050b2b)}
.gp-collection-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(248,207,122,.18);border-radius:inherit;pointer-events:none}
.gp-collection-card:hover{transform:translateY(-5px);box-shadow:0 30px 65px #0009}
.gp-collection-card.is-gp{background-image:linear-gradient(135deg,transparent,#170e1b22),url('/media/coolio-live2.webp');background-position:center 25%}
.gp-collection-card.is-apparel{background:radial-gradient(circle at 75% 23%,rgba(230,82,134,.48),transparent 47%),linear-gradient(135deg,#45151e,#120e1e)}
.gp-collection-card.is-cooking{background:radial-gradient(circle at 70% 35%,rgba(238,192,102,.37),transparent 46%),linear-gradient(135deg,#47321a,#100c0c)}
.gp-collection-card.is-hats{background:radial-gradient(circle at 70% 30%,rgba(141,104,255,.32),transparent 50%),linear-gradient(135deg,#182044,#100e1c)}
.gp-collection-card h3{font-size:clamp(1.75rem,3vw,3.15rem)}
.gp-product-section{background:linear-gradient(180deg,#101018,#0d0d17 62%,#100d17)}
.gp-toolbar{gap:22px;margin-bottom:24px}
.gp-search-label{flex:1;min-width:min(350px,100%)}
.gp-search-label input{width:100%;min-width:0;min-height:52px;border-radius:13px;background:#1c1b27;border-color:rgba(248,207,122,.25);font-size:.94rem}
.gp-filters{align-items:center;gap:9px}
.gp-filters button{font-family:inherit;font-weight:850;font-size:.76rem;padding:11px 16px;border-color:#696073;transition:background .2s,border-color .2s}
.gp-filters button:hover{border-color:var(--gp-gold)}
.gp-products{gap:20px}
.gp-product{background:#17151f;border:1px solid rgba(255,241,212,.14);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.25);transition:transform .2s,border-color .2s,box-shadow .2s}
.gp-product:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(0,0,0,.4)}
.gp-product-photo{background:radial-gradient(circle at 48% 40%,#473244 0%,#1a1520 75%)}
.gp-product-photo img{object-fit:contain;padding:8px;background:#ffffff07}
.gp-product-body{padding:21px;gap:13px}
.gp-product-tag{font-size:.65rem;letter-spacing:.15em}
.gp-product h3{font-size:1.11rem;line-height:1.35}
.gp-product-price{font-size:1.13rem}
.gp-product-link{border-radius:100px;background:rgba(248,207,122,.09);padding:14px;font-size:.72rem}
.gp-products-end{border-top:1px solid rgba(248,207,122,.17);padding-top:27px}
.gp-feature{background:radial-gradient(circle at 22% 50%,rgba(128,41,90,.24),transparent 45%),linear-gradient(110deg,#1c111c,#0a0b16 64%)}
.gp-feature-photo img{border-radius:22px;box-shadow:0 28px 75px #0007}
.gp-feature-copy p{font-size:1.05rem}
.gp-bottom{background:linear-gradient(180deg,rgba(11,10,21,.92),rgba(7,6,13,.95)),url('/assets/coolioforever_background.png') center/cover no-repeat}
.gp-bottom-inner{max-width:1020px}
.gp-bottom h2{font-size:clamp(3.6rem,7.5vw,8rem)}
.gp-bottom p{font-size:1.07rem}
.gp-page .foot{background:#07070d}
@media(max-width:1150px){.gp-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.gp-hero{min-height:670px}.gp-hero:before{background-size:auto 100%;background-position:60% top}.gp-hero-shade{background:linear-gradient(90deg,rgba(3,5,17,.97),rgba(4,5,16,.73)),linear-gradient(0deg,#090912,transparent 40%)}.gp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gp-collection-card.is-gp{grid-row:span 2}}
@media(max-width:620px){.gp-hero{min-height:685px}.gp-hero-content{padding-top:80px;padding-bottom:78px}.gp-hero h1{font-size:clamp(3.8rem,17vw,6rem)}.gp-hero p{max-width:450px}.gp-hero:before{background-position:58% center;background-size:auto 100%}.gp-collection-grid{grid-template-columns:1fr}.gp-collection-card,.gp-collection-card.is-gp{min-height:270px;grid-row:auto}.gp-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gp-product-body{padding:13px}.gp-product h3{font-size:.9rem}.gp-product-link{padding:10px 8px;line-height:1.35}.gp-section{padding:70px 0}.gp-section-header h2{font-size:clamp(2.8rem,12vw,4.5rem)}}
@media(max-width:380px){.gp-products{grid-template-columns:1fr}.gp-filters button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.gp-page .gp-product,.gp-page .gp-collection-card,.gp-page .gp-button{transition:none!important}.gp-page .gp-product:hover,.gp-page .gp-collection-card:hover,.gp-page .gp-button:hover{transform:none}}


/* ========================================================================
   COOLIO FOREVER | GANGSTA'S PARADISE SUPREME V3 — THE DESIGN UPGRADE
   Paste at the END of gp-store.css. Carefully scoped to .gp-page.
   ======================================================================== */
.gp-page {
  --gp-gold:#f1bf62;
  --gp-gold-bright:#ffe3a2;
  --gp-ink:#090a13;
  --gp-panel:#171622;
  --gp-border:rgba(249,212,147,.22);
  --gp-violet:#78467f;
  --gp-ease:cubic-bezier(.22,1,.36,1);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
.gp-page main { isolation:isolate; }
.gp-page :is(h1,h2,h3) {text-wrap:balance}
.gp-page p {text-wrap:pretty}
.gp-page .wrap {width:min(100% - 40px,1370px);padding-inline:0}
.gp-page .gp-kicker {letter-spacing:.2em;font-size:.72rem}
/* Keep the supplied 1672x941 image at natural scale on desktop; no huge upscale. */
.gp-page .gp-hero {
  min-height:clamp(620px,80svh,870px);
  background:#080a12;
  border-bottom:1px solid var(--gp-border);
}
.gp-page .gp-hero::before {
  background-image:url('/assets/coolioforever_background.png');
  background-repeat:no-repeat;
  background-position:50% 46%;
  background-size:min(100vw,1672px) auto;
  opacity:1;
  filter:none;
  transform:none;
}
.gp-page .gp-hero-shade {
  background:linear-gradient(90deg,rgba(6,6,17,.94) 0%,rgba(6,6,17,.80) 34%,rgba(6,6,17,.23) 79%),
             linear-gradient(0deg,#090912 0%,transparent 36%);
}
.gp-page .gp-hero-content{padding-top:clamp(95px,11vw,145px);padding-bottom:clamp(92px,10vw,142px)}
.gp-page .gp-hero h1{
  font-size:clamp(4rem,10.1vw,9.8rem);
  line-height:.84;
  letter-spacing:-.075em;
  max-width:920px;
  text-transform:uppercase;
  text-shadow:0 14px 35px rgba(0,0,0,.55);
}
.gp-page .gp-hero h1 em {
  background:linear-gradient(110deg,#ffefc0 2%,#f3c56d 27%,#bc842f 46%,#ffe6a7 68%,#e8b961 91%);
  color:transparent;
  -webkit-background-clip:text;background-clip:text;
  filter:none;
}
.gp-page .gp-hero p{color:#f3edf1;max-width:590px}
.gp-page .gp-button{
  border-radius:999px;
  min-height:54px;
  transition:transform .25s var(--gp-ease),background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.gp-page .gp-button:hover{transform:translateY(-3px)}
.gp-page .gp-button-gold{
  color:#18100c;
  border-color:#ffe4a3;
  background:linear-gradient(115deg,#fff0b7,#edbd65 55%,#dca64b);
  box-shadow:0 10px 30px rgba(221,159,61,.18);
}
.gp-page .gp-button-gold:hover{box-shadow:0 16px 43px rgba(221,159,61,.25)}
.gp-page .gp-button-outline{border-color:rgba(255,228,163,.62);background:rgba(12,10,22,.73)}
.gp-page .gp-rail{background:linear-gradient(100deg,#e2ab4e 0%,#ffe3a0 48%,#bb7d2d 100%)}
.gp-page .gp-rail-inner {letter-spacing:.11em}
/* Collection photography, spacing, readable gradients, subtle edge light */
.gp-page .gp-collection{
  background:radial-gradient(ellipse 70% 38% at 50% -8%,rgba(124,56,115,.28),transparent),#0a0b14;
}
.gp-page .gp-section-header{align-items:end}
.gp-page .gp-section-header h2,.gp-page .gp-feature h2,.gp-page .gp-bottom h2{
  letter-spacing:-.065em;
  line-height:.93;
}
.gp-page .gp-collection-grid{gap:18px}
.gp-page .gp-collection-card{
  border:1px solid rgba(246,215,168,.2);
  border-radius:22px;
  box-shadow:0 24px 55px rgba(0,0,0,.28);
  transform:translateZ(0);
}
.gp-page .gp-collection-card::before{
  background:linear-gradient(0deg,rgba(4,4,12,.96),rgba(4,4,12,.47) 67%,rgba(4,4,12,.2));
}
.gp-page .gp-collection-card:hover{
  border-color:rgba(250,210,127,.88);
  box-shadow:0 30px 65px rgba(0,0,0,.42);
}
.gp-page .gp-collection-card h3{color:#fff8ed;text-shadow:0 3px 14px rgba(0,0,0,.35)}
.gp-page .gp-collection-action{color:#ffdda0}
/* Merch catalog: polished cards and search tools, no artificial product photos */
.gp-page .gp-product-section{background:linear-gradient(180deg,#11101b,#100e18 65%,#0c0b15)}
.gp-page .gp-search-label input{
  min-height:54px;background:#191824;border:1px solid rgba(240,194,109,.33);
  color:#fff9ed;border-radius:14px;
}
.gp-page .gp-search-label input::placeholder{color:#bfb4bb}
.gp-page .gp-filters button{
  min-height:42px;font:800 .76rem system-ui,sans-serif;
  border-color:rgba(242,209,166,.32);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.gp-page .gp-filters button.is-active{background:#f1bf62;color:#100b10}
.gp-page .gp-products{align-items:stretch}
.gp-page .gp-product{
  border-radius:19px;background:#181622;border:1px solid rgba(255,237,208,.16);
  box-shadow:0 14px 33px rgba(0,0,0,.19);
  overflow:hidden;
}
.gp-page .gp-product-photo{
  background:radial-gradient(circle at 50% 35%,#4b3349 0,#211a2a 55%,#13111a);
}
.gp-page .gp-product-photo img{object-fit:contain;padding:7px}
.gp-page .gp-product h3{color:#fff8ed}
.gp-page .gp-product-link{
  color:#ffd98c;border-color:rgba(241,191,98,.75);background:rgba(241,191,98,.08);
}
.gp-page .gp-product-link:hover{color:#100b10;background:#f1bf62}
/* Stronger anniversary editorial panel */
.gp-page .gp-feature{
  background:radial-gradient(ellipse at 15% 40%,rgba(122,53,94,.2),transparent 55%),
             linear-gradient(120deg,#231321,#0d0d1a 65%,#15121f);
}
.gp-page .gp-feature-photo img{border:1px solid rgba(255,218,155,.18);border-radius:20px;box-shadow:0 29px 65px rgba(0,0,0,.48)}
.gp-page .gp-feature-copy p{color:#e1d9e2}
.gp-page .gp-bottom{
  background:linear-gradient(180deg,rgba(7,7,17,.92),rgba(7,7,17,.98)),
             url('/assets/coolioforever_background.png') 50% 35% / min(100vw,1672px) auto no-repeat;
}
.gp-page .foot{background:#07080e}
/* Clarity and tap targets */
.gp-page :is(a,button,input):focus-visible{outline:3px solid #ffe2a0;outline-offset:4px}
.gp-page a:not(.gp-button){text-underline-offset:4px}
.gp-page [hidden]{display:none!important}
@media (max-width:900px){
  .gp-page .gp-hero::before{background-size:auto 100%;background-position:58% center}
  .gp-page .gp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gp-page .gp-product-section .gp-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .gp-page .wrap{width:min(100% - 32px,1370px)}
  .gp-page .gp-hero{min-height:690px}
  .gp-page .gp-hero::before{background-size:auto 100%;background-position:60% center}
  .gp-page .gp-hero-shade{background:linear-gradient(90deg,rgba(5,6,17,.92),rgba(5,6,17,.68)),linear-gradient(0deg,#090912,transparent 48%)}
  .gp-page .gp-hero h1{font-size:clamp(3.6rem,15.5vw,6rem);letter-spacing:-.07em}
  .gp-page .gp-hero p{font-size:1.03rem}
  .gp-page .gp-hero .gp-actions{width:100%}
  .gp-page .gp-hero .gp-button{width:100%;text-align:center}
  .gp-page .gp-collection-grid{grid-template-columns:1fr}
  .gp-page .gp-collection-card.is-gp{grid-row:auto}
  .gp-page .gp-collection-card{min-height:250px}
  .gp-page .gp-section-header h2{font-size:clamp(2.7rem,11vw,4.3rem)}
  .gp-page .gp-product-section .gp-products{gap:12px}
  .gp-page .gp-product-body{padding:14px}
  .gp-page .gp-product-link{min-height:44px;display:grid;place-items:center}
  .gp-page .gp-bottom{background-size:auto 100%}
}
@media (max-width:380px){
  .gp-page .gp-product-section .gp-products{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .gp-page :is(.gp-button,.gp-product,.gp-collection-card){transition:none!important;transform:none!important}
}
