/** Shopify CDN: Minification failed

Line 246:0 All "@import" rules must come first

**/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Slab:wght@400;500;600;700;800;900&family=Special+Elite&display=swap');

*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:#eee;font-family:var(--font-serif);font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:1000;background:#fff;color:#000;padding:8px}
:root{--font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--font-type:'Special Elite','Courier New',monospace;--font-display:'Bebas Neue', 'Special Elite', Impact, sans-serif;--pink:#39ff14;--teal:#214f57;--teal2:#0c2b31;--line:#77817f;--paper:#d9dcda;--black:#030505;--content:1500px}
body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.24;pointer-events:none;background-image:radial-gradient(#fff .7px,transparent .8px),radial-gradient(#777 .6px,transparent .8px);background-size:13px 13px,19px 19px;background-position:0 0,6px 8px}
/* Chrome/studded strips — large cone studs rather than round dots */
.rivets{display:flex;gap:15px;overflow:hidden;height:31px;padding:4px 7px;background:linear-gradient(#050606,#191d1c 50%,#050606);border:0;box-shadow:inset 0 1px #9a9d9c,inset 0 -1px #000;position:relative;z-index:5}.rivets i{flex:0 0 22px;height:21px;display:block;clip-path:polygon(50% 0,100% 38%,83% 100%,17% 100%,0 38%);background:linear-gradient(135deg,#fff 0,#a8abad 19%,#3d4140 44%,#e0e0df 57%,#595d5c 76%,#111 100%);filter:drop-shadow(1px 2px 1px #000);border:0}.rivets i:nth-child(3n){transform:rotate(8deg)}.rivets i:nth-child(4n){transform:rotate(-7deg)}
.site-header{background:#050606 var(--brain-header-bg) center/cover no-repeat;background-blend-mode:screen;border:0;position:relative}.site-header:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.58);pointer-events:none;z-index:0}.site-header > *{position:relative;z-index:1}.header-skin{width:min(var(--content),100%);margin:0 auto;min-height:125px;display:grid;grid-template-columns:285px 1fr 300px;align-items:center;gap:20px;padding:7px 15px;background:linear-gradient(rgba(5,6,6,.68),rgba(5,6,6,.82)),var(--brain-header-bg) center/cover no-repeat;border-left:1px solid #4e5553;border-right:1px solid #4e5553;position:relative;overflow:hidden}.header-skin:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 35px,rgba(255,255,255,.055) 36px,transparent 39px),radial-gradient(circle at 65% 25%,rgba(255,255,255,.12),transparent 20%);opacity:.75}.brand-lockup,.header-graffiti,.header-actions{position:relative;z-index:2}.brand-lockup img{width:275px;max-height:115px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}.header-graffiti{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-tagline{color:var(--pink);font:italic 700 28px/1 var(--font-serif);letter-spacing:1px;transform:rotate(-3deg);text-shadow:2px 2px #000}.header-scribble{color:#39ff14;font:900 italic 40px/.72 var(--font-display);transform:rotate(-5deg);text-shadow:2px 2px #000;text-align:right}.header-scribble span{font-size:26px;letter-spacing:1px}.header-actions{display:none}
.desktop-nav{width:min(var(--content),100%);margin:0 auto;display:flex;border:1px solid #68716f;background:#153e46;box-shadow:none}.desktop-nav a{flex:1;text-align:center;padding:8px 10px;background:linear-gradient(#2b626c,#174149);border-right:1px solid #657573;color:#f4f4ef;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.2px;text-shadow:1px 2px #000;white-space:nowrap}.desktop-nav a:hover{background:#316d75;color:#39ff14}.desktop-nav{background-image:linear-gradient(rgba(10,20,22,.72),rgba(10,20,22,.86)),var(--brain-header-bg);background-size:cover;background-position:center}.mobile-menu{padding:10px;background:#071012}.announcement-bar{width:min(var(--content),100%);margin:0 auto;background:#060707;border-top:2px solid #151818;border-bottom:2px solid #8a8e8c;color:#f0eee7;overflow:hidden}.ticker-track{display:flex;width:max-content;padding:7px 0;font:400 12px/1 var(--font-type);letter-spacing:3px;white-space:nowrap;will-change:transform;animation:ticker-scroll var(--ticker-speed,35s) linear infinite}.ticker-group{display:flex;align-items:center;gap:28px;flex:none;padding:0 8px}.ticker-track b{color:var(--pink);flex:none}@keyframes ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
main{width:min(var(--content),100%);margin:0 auto;background:#020303}.retro-home{display:grid;grid-template-columns:255px minmax(0,1fr);gap:6px;padding:5px 5px 0;background:#020303}.home-sidebar{min-height:760px;padding:8px 9px;background:linear-gradient(180deg,#17444d 0,#12343b 40%,#081316 100%);border:1px solid #778381;box-shadow:inset 0 0 0 1px #0a1112;position:relative}.home-sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(160deg,transparent 0 12px,#fff 13px,#000 14px,transparent 15px 27px)}.sidebar-search,.side-nav,.community-card,.sidebar-logo{position:relative;z-index:2}.sidebar-search label{display:block;color:#e9ebe6;font:400 11px/1 var(--font-type);margin-bottom:5px}.sidebar-search div{display:flex}.sidebar-search input{width:100%;height:31px;background:#eee;color:#111;border:1px solid #222;padding:5px;font-family:Arial,sans-serif}.sidebar-search button{height:31px;background:#eee;color:#111;border:1px solid #222;font-weight:900;padding:0 11px}.side-nav{margin-top:10px}.side-nav a{display:block;padding:6px 4px;color:#f1f1eb;font-family:var(--font-display);font-size:14px;font-weight:700;border-bottom:0;text-shadow:1px 1px #000}.side-nav a:hover{color:var(--pink)}.side-nav span{color:var(--pink);margin-right:8px;font-size:13px}.community-card{display:block;margin-top:20px;border:2px solid #0a0a0a;background:#020303;transform:rotate(-.5deg);box-shadow:5px 5px 0 #0a0a0a}.community-card img{width:100%;height:auto}.community-placeholder{min-height:110px;padding:13px 10px;color:var(--pink);font:800 19px/.98 var(--font-display);text-align:center;background:repeating-linear-gradient(167deg,#0a0a0a 0 8px,#161616 9px 10px);position:relative}.community-placeholder span{position:absolute;right:7px;top:4px;font-size:25px}.sidebar-logo{width:185px;max-height:180px;object-fit:contain;margin:28px auto 0;filter:drop-shadow(2px 3px #000)}
.retro-main{min-width:0}.main-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:5px}.hero-mosaic-wrap{border:1px solid #7d8583;background:#000;padding:3px}.hero-mosaic{height:486px;display:grid;grid-template-columns:1.06fr .94fr 1.06fr .94fr;grid-template-rows:1fr 1fr;gap:2px;background:#000}.mosaic-item{position:relative;overflow:hidden;background:#111;border:0}.mosaic-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.12)}.mosaic-item:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 35px rgba(0,0,0,.2)}.tile-1{grid-column:1}.tile-2{grid-column:2}.tile-3{grid-column:3}.tile-4{grid-column:4}.tile-5{grid-column:1}.tile-6{grid-column:2 / span 2}.tile-7{grid-column:4}.tile-8{grid-column:3}.tile-6 img{object-position:center 50%}
.promo-rail{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc((486px - 12px)/4);gap:3px;align-content:start}.promo-tile{border:1px solid #7b8381;background:#080909;overflow:hidden;position:relative}.promo-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}.promo-tile:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.featured-products,.magazine-feature{border:1px solid #7c8381;background:#040505;min-width:0}.section-heading,.magazine-heading{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-bottom:1px solid #737a78;background:#050606}.section-heading h2,.magazine-heading h2{margin:0;color:var(--pink);font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.section-heading a,.magazine-heading a{font:400 11px var(--font-type);color:#f2f0e9}.product-grid{display:grid;grid-template-columns:repeat(5,1fr)}.product-card{padding:6px;border-right:1px solid #4e5553;min-width:0}.product-card:last-child{border-right:0}.product-card img{width:100%;height:126px;object-fit:contain;background:#050505}.product-card p{font:400 11px/1.25 var(--font-serif);margin:7px 0 2px;color:#f0eee9}.product-card strong{font:400 11px var(--font-type);color:#f5f3eb}.magazine-main{display:grid;grid-template-columns:145px 1fr;gap:10px;padding:8px}.magazine-main img{width:145px;height:145px;object-fit:cover;border:1px solid #4e5553}.magazine-main h3{margin:2px 0 5px;color:var(--pink);font-size:20px;line-height:1;font-weight:700}.magazine-main p{margin:5px 0;font-size:13px;line-height:1.25}.magazine-main .mag-sub{font:400 12px var(--font-type);color:#ddd}.pink-link{color:var(--pink);font-weight:700;font-size:12px}.magazine-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 8px 7px}.magazine-thumbs a{height:58px;border:1px solid #4e5553;overflow:hidden}.magazine-thumbs img{width:100%;height:100%;object-fit:cover}
.site-footer{width:min(var(--content),100%);margin:0 auto;background:#050606;color:#ddd;font-size:11px}.footer-rivets{height:34px;margin-top:0}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 8px;border-top:1px solid #59615f;border-bottom:1px solid #59615f;font-family:var(--font-display)}.footer-links a:first-child{color:var(--pink)}.footer-links i{color:#777}.footer-social{margin-left:20px;color:#eee}.footer-bottom{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;font:400 10px var(--font-type);color:#ccc}
/* Keep the catalog/product pages usable while preserving the skin. */
.product-page,.catalog-page,.cart-page{width:min(var(--content),100%);margin:0 auto;padding:25px 12px}.product-page{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.product-media{display:grid;grid-template-columns:1fr 1fr;gap:7px}.product-media img{background:#111;border:1px solid #555}.product-info h1,.catalog-header h1{font-family:var(--font-display);font-size:38px;line-height:.95;text-transform:uppercase;letter-spacing:-.4px}.price{font:700 20px monospace;color:var(--pink)}.product-info select,.product-info input{width:100%;padding:10px;background:#111;color:#fff;border:1px solid #666}.add-button{width:100%;padding:14px;background:var(--pink);color:#000;border:2px solid #000;font-weight:900}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.search-form{display:flex;max-width:600px}.search-form input{flex:1;padding:12px}.rte{line-height:1.6}
@media(max-width:1150px){:root{--content:100%}.header-skin{grid-template-columns:230px 1fr}.header-graffiti{justify-content:flex-end}.header-tagline{display:none}.retro-home{grid-template-columns:205px 1fr}.main-top-grid{grid-template-columns:1fr 240px}.promo-rail{grid-auto-rows:calc((486px - 12px)/4)}}
.hero-image-wrap{border:1px solid #7d8583;background:#000;padding:3px;overflow:hidden}.hero-image-link{display:block;position:relative;height:auto;min-height:0;background:#090909;overflow:hidden}.hero-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center;filter:saturate(.82) contrast(1.12)}.hero-image-link:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 45px rgba(0,0,0,.28)}.hero-image-caption{position:absolute;left:12px;bottom:10px;z-index:2;background:rgba(0,0,0,.78);color:#39ff14;padding:4px 9px;font-family:inherit;font-weight:700;letter-spacing:.3px}/* DESKTOP HERO — show the complete image without cropping */
@media(min-width:761px){
  .hero-image-link{height:auto;min-height:0}
  .hero-image{width:100%;height:auto;max-height:none;object-fit:contain}
}

@media(max-width:760px){.rivets{gap:11px}.header-skin{min-height:88px;grid-template-columns:180px 1fr;padding:5px 8px}.brand-lockup img{width:175px}.header-scribble{font-size:20px}.header-scribble span{font-size:13px}.desktop-nav{overflow-x:auto}.desktop-nav a{flex:0 0 120px;font-size:13px}.retro-home{grid-template-columns:1fr;padding:4px}.home-sidebar{order:2;min-height:auto}.retro-main{order:1}.main-top-grid{grid-template-columns:1fr}.promo-rail{grid-template-columns:repeat(4,1fr);grid-auto-rows:110px;margin-top:4px}.hero-image-link{height:480px}.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7,.tile-8{grid-column:auto}.tile-6{grid-column:1 / span 2}.bottom-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card img{height:150px}.magazine-main{grid-template-columns:120px 1fr}.magazine-main img{width:120px;height:120px}.footer-links{justify-content:flex-start}.footer-social{margin-left:0}.footer-bottom{justify-content:flex-start}.product-page{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}}

/* REFERENCE TYPOGRAPHY — vintage Hot Topic / punk-catalog treatment */
body,.product-card p,.magazine-main p,.footer-links{font-family:var(--font-serif)}
.desktop-nav a,.side-nav a,.section-heading h2,.magazine-heading h2,.product-info h1,.catalog-header h1{font-family:var(--font-display)}
.ticker-track,.sidebar-search label,.section-heading a,.magazine-heading a,.product-card strong,.magazine-main .mag-sub,.footer-bottom{font-family:var(--font-type)}
.side-nav a{font-size:14px;letter-spacing:.15px}
.desktop-nav a{font-size:15px;letter-spacing:.15px}
.section-heading h2,.magazine-heading h2{letter-spacing:.55px}

/* REALISTIC CHROME STUD STRIP — matched to the supplied reference image.
   The reference uses tightly packed, faceted/pyramid-like metal studs rather than circular rivets. */
.site-header .rivets{
  position:relative;
  z-index:10;
  height:46px;
  padding:0;
  gap:0;
  border:0;
  background:#020304 var(--studs-bg) repeat-x center center / auto 46px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(0,0,0,.95);
  overflow:hidden;
}
.site-header .rivets i{display:none}
@media(max-width:760px){
  .site-header .rivets{height:40px;background-size:auto 40px}
}

/* MATCHING LOWER STUD STRIPS — use the same faceted chrome stud texture on the bottom header and footer. */
.site-header .rivets-bottom,
.site-footer .footer-rivets{
  position:relative;
  z-index:10;
  height:46px;
  min-height:46px;
  padding:0;
  margin:0;
  gap:0;
  border:0;
  background:#020304 var(--studs-bg) repeat-x center center / auto 46px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(0,0,0,.95);
  overflow:hidden;
}
.site-header .rivets-bottom i,
.site-footer .footer-rivets i{display:none}
.site-footer .footer-rivets{--studs-bg:url('{{ 'growup-studs-reference.jpg' | asset_url }}');}
@media(max-width:760px){
  .site-header .rivets-bottom,
  .site-footer .footer-rivets{height:40px;min-height:40px;background-size:auto 40px}
}


/* CLOSE REFERENCE TYPE — tall, narrow, irregular early-2000s webzine lettering */
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.section-heading h2,.magazine-heading h2,
.community-placeholder,.product-info h1,.catalog-header h1,.magazine-main h3,.footer-links{
  font-family:'Bebas Neue','Special Elite',Impact,sans-serif !important;
  font-weight:700;
  text-transform:none;
}
.header-tagline,.header-scribble{font-style:normal;letter-spacing:.4px;text-shadow:2px 2px 0 rgba(0,0,0,.82),0 0 1px rgba(255,255,255,.18)}
.desktop-nav a,.side-nav a{font-weight:700;letter-spacing:.15px;text-shadow:1px 1px 0 #000}
.section-heading h2,.magazine-heading h2{font-weight:700;letter-spacing:.35px}

/* Neon-green accent typography — styled after the supplied rough, narrow reference */
.header-tagline,.header-scribble,.ticker-track b,.side-nav a:hover,.side-nav span,.community-placeholder,.section-heading h2,.magazine-heading h2,.magazine-main h3,.pink-link,.footer-links a:first-child,.price{font-family:'Bebas Neue','Special Elite',Impact,sans-serif !important;color:var(--pink)}

/* DISTRESSED / FADED NEON-GREEN TYPE — worn early-2000s screen-printed look */
.header-tagline,
.header-scribble,
.ticker-track b,
.side-nav a:hover,
.side-nav span,
.community-placeholder,
.section-heading h2,
.magazine-heading h2,
.magazine-main h3,
.pink-link,
.footer-links a:first-child,
.price{
  color:transparent !important;
  background-image:
    repeating-linear-gradient(175deg,
      #39ff14 0px, #39ff14 2px,
      #28d914 2.5px, #39ff14 4px,
      #9cff83 5px, #39ff14 7px,
      #1eaa12 8px, #39ff14 10px);
  background-size:100% 135%;
  -webkit-background-clip:text;
  background-clip:text;
  opacity:.86;
  text-shadow:
    1px 0 rgba(57,255,20,.18),
    -1px 0 rgba(0,0,0,.65),
    0 1px rgba(0,0,0,.75),
    1px 2px rgba(0,0,0,.65);
  filter:contrast(1.08) saturate(.88);
}

/* More irregular spacing/weight gives the display type a less-clean, hand-printed feel. */
.header-tagline,.header-scribble{letter-spacing:1.2px;text-shadow:2px 2px rgba(0,0,0,.78),-1px 0 rgba(57,255,20,.16)}
.section-heading h2,.magazine-heading h2{letter-spacing:.8px}
.side-nav span{font-size:14px}
.ticker-track b{opacity:.82}

/* Light distress overlay on the green type without affecting the surrounding layout. */
.header-tagline,.header-scribble,.section-heading h2,.magazine-heading h2,.magazine-main h3,.community-placeholder,.pink-link,.price{
  -webkit-text-stroke:.15px rgba(57,255,20,.28);
}

/* REFERENCE FONT V2 — Bebas Neue is intentionally tall, narrow, uneven and single-storey,
   much closer to the supplied "Fairy Dust Is A Must!!!" lettering than Cabin Sketch. */
:root{--font-display:'Bebas Neue','Special Elite',Impact,sans-serif;--font-type:'Special Elite','Courier New',monospace}
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.section-heading h2,.magazine-heading h2,
.community-placeholder,.product-info h1,.catalog-header h1,.magazine-main h3,.footer-links,
.ticker-track b,.side-nav a:hover,.side-nav span,.pink-link,.price{
  font-family:'Bebas Neue','Special Elite',Impact,sans-serif !important;
  font-weight:700;
}
.header-tagline,.header-scribble,.section-heading h2,.magazine-heading h2,.magazine-main h3,
.community-placeholder,.pink-link,.price{
  letter-spacing:.35px;
  text-shadow:1px 1px 0 rgba(0,0,0,.78),-0.5px 0 rgba(57,255,20,.12);
  opacity:.88;
}
.desktop-nav a,.side-nav a,.footer-links{letter-spacing:.1px}
.header-tagline,.header-scribble{font-size:1.05em;transform:rotate(-2deg)}


/* HOT TOPIC REFERENCE FONT — based on the supplied "everything about the music" lettering.
   Bebas Neue is used as the closest open webfont base, with a narrow hand-lettered treatment
   and subtle lean/irregularity to reproduce the reference's thin Y2K tag lettering. */
:root{--font-display:'Bebas Neue','Special Elite',Impact,sans-serif}
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.section-heading h2,.magazine-heading h2,
.community-placeholder,.product-info h1,.catalog-header h1,.magazine-main h3,.footer-links,
.ticker-track b,.side-nav a:hover,.side-nav span,.pink-link,.price{
  font-family:'Bebas Neue','Special Elite',Impact,sans-serif !important;
  font-weight:400 !important;
  text-transform:none;
  letter-spacing:.15px;
  -webkit-font-smoothing:antialiased;
}
.header-tagline,.header-scribble,.section-heading h2,.magazine-heading h2,.magazine-main h3,
.community-placeholder,.pink-link,.price{
  transform:skewX(-3deg) scaleX(.92);
  transform-origin:left center;
  text-shadow:1px 1px 0 rgba(0,0,0,.78);
  opacity:.94;
}
.header-tagline{font-style:normal !important;font-size:30px !important;line-height:.95 !important;letter-spacing:.25px !important}
.header-scribble{font-size:32px !important;line-height:.8 !important}
.desktop-nav a,.side-nav a,.footer-links{letter-spacing:.05px}


/* HOT TOPIC POSTER FONT — V4
   Based on the supplied "SAVE THE DAY / IN SUPERHERO THREATS!" reference:
   very tall, narrow, heavy all-caps display lettering with tight spacing. */
:root{--font-display:'Bebas Neue','Special Elite',Impact,sans-serif}
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.side-nav span,
.section-heading h2,.magazine-heading h2,.community-placeholder,.product-info h1,
.catalog-header h1,.magazine-main h3,.footer-links,.ticker-track b,.pink-link,.price{
  font-family:'Bebas Neue','Special Elite',Impact,sans-serif !important;
  font-weight:400 !important;
  text-transform:uppercase;
}
.header-tagline,.header-scribble,.section-heading h2,.magazine-heading h2,
.magazine-main h3,.community-placeholder,.pink-link,.price{
  letter-spacing:.15px;
  text-shadow:2px 2px 0 rgba(0,0,0,.88),1px 0 0 rgba(57,255,20,.18);
}
.desktop-nav a,.side-nav a,.footer-links{letter-spacing:.05px}
.product-info h1,.catalog-header h1{letter-spacing:.1px;line-height:.88}
.header-tagline,.header-scribble{transform:rotate(-1deg);font-style:normal}

/* V5 — closer to the supplied SAVE THE DAY / SUPERHERO THREATS reference.
   Keep the condensed poster proportions, tighten the original spacing, and use
   a clean white offset beneath the neon-green face instead of the previous black shadow. */
:root{--font-display:'Bebas Neue','Arial Narrow',Impact,sans-serif}
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.side-nav span,
.section-heading h2,.magazine-heading h2,.community-placeholder,.magazine-main h3,
.pink-link,.footer-links,.product-info h1,.catalog-header h1,.price,.ticker-track b{
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif !important;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:-.35px;
  text-shadow:1px 1px 0 #fff !important;
}
.header-tagline,.header-scribble,.section-heading h2,.magazine-heading h2,
.community-placeholder,.magazine-main h3,.pink-link,.footer-links a:first-child,.price,
.product-info h1,.catalog-header h1{color:#39ff14 !important}
.desktop-nav a,.side-nav a,.footer-links{letter-spacing:-.25px}
.header-tagline{font-size:30px !important;line-height:.9 !important}
.header-scribble{font-size:31px !important;line-height:.82 !important}
.desktop-nav a{font-size:16px !important;line-height:.9 !important}
.side-nav a{font-size:15px !important;line-height:.9 !important}
.section-heading h2,.magazine-heading h2{font-size:17px !important;line-height:.9 !important}
.magazine-main h3{font-size:23px !important;line-height:.84 !important}
.product-info h1,.catalog-header h1{font-size:42px !important;line-height:.82 !important;letter-spacing:-.55px !important}
.price{font-size:22px !important;line-height:.9 !important}
.footer-links{line-height:.9 !important}


/* V6 — tighten the white underprint so it sits directly against the neon-green face. */
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.side-nav span,
.section-heading h2,.magazine-heading h2,.community-placeholder,.magazine-main h3,
.pink-link,.footer-links,.product-info h1,.catalog-header h1,.price,.ticker-track b{
  text-shadow:1px 1px 0 #fff !important;
}

/* V7 — enlarge the GROW UP MAGAZINE header logo */
@media (max-width: 900px){.header-scribble{font-size:34px}.header-scribble span{font-size:22px}}


/* V8 — CUSTOM HOT TOPIC-ERA GOTHIC DISPLAY TREATMENT
   Tuned from the supplied Hot Topic reference: irregular, tall, jagged display
   lettering with a very tight fit and a close white underprint beneath the green face.
   The historic reference lettering was custom-drawn, so this uses Metal Mania as
   the closest broadly available base and CSS treatment rather than pretending it is exact. */
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&family=Roboto+Slab:wght@400;500;600;700;800;900&family=Special+Elite&display=swap');
:root{--font-display:'Metal Mania','Special Elite',Impact,sans-serif}
.header-tagline,.header-scribble,.desktop-nav a,.side-nav a,.side-nav span,
.section-heading h2,.magazine-heading h2,.community-placeholder,.magazine-main h3,
.pink-link,.footer-links,.product-info h1,.catalog-header h1,.price,.ticker-track b{
  font-family:'Metal Mania','Special Elite',Impact,sans-serif !important;
  font-weight:400 !important;
  text-transform:uppercase;
  letter-spacing:-.35px;
  color:#39ff14 !important;
  text-shadow:1px 1px 0 #fff !important;
}
.header-scribble{
  font-size:46px !important;
  line-height:.72 !important;
  letter-spacing:-1.05px !important;
  transform:rotate(-2deg) scaleX(.92) !important;
  transform-origin:right center;
}
.header-scribble span{
  font-size:28px !important;
  letter-spacing:-.5px !important;
}
.header-tagline{
  font-size:31px !important;
  line-height:.82 !important;
  letter-spacing:-.45px !important;
  transform:rotate(-1.5deg) !important;
}
.desktop-nav a{font-size:16px !important;line-height:.86 !important;letter-spacing:-.35px !important}
.side-nav a{font-size:15px !important;line-height:.86 !important;letter-spacing:-.3px !important}
.section-heading h2,.magazine-heading h2{font-size:18px !important;line-height:.86 !important;letter-spacing:-.25px !important}
.magazine-main h3{font-size:24px !important;line-height:.82 !important;letter-spacing:-.4px !important}
.community-placeholder{font-size:21px !important;line-height:.86 !important;letter-spacing:-.35px !important}
.product-info h1,.catalog-header h1{font-size:43px !important;line-height:.8 !important;letter-spacing:-.7px !important}
.price{font-size:23px !important;line-height:.84 !important}
.footer-links{line-height:.86 !important;letter-spacing:-.25px !important}

/* BRAIN BACKGROUND — extend the supplied brain graphic beyond the main header.
   Used on the left sidebar and the lower section header bars to tie the whole
   page together without overpowering the text. */
.home-sidebar{
  background:
    linear-gradient(rgba(4,10,11,.70),rgba(4,10,11,.84)),
    var(--brain-header-bg) center/cover no-repeat;
  background-blend-mode:normal;
}
.section-heading,
.magazine-heading{
  background:
    linear-gradient(rgba(3,5,6,.70),rgba(3,5,6,.82)),
    var(--brain-header-bg) center 48%/cover no-repeat;
  background-blend-mode:normal;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.85);
}
.site-footer{
  background:
    linear-gradient(rgba(3,5,6,.84),rgba(3,5,6,.90)),
    var(--brain-header-bg) center 55%/cover no-repeat;
}
@media(max-width:760px){
  .home-sidebar{background-position:center top}
  .section-heading,.magazine-heading{background-position:center center}
}


/* V12 — functional CART tab: remove empty menu cells and keep CART visually identical to the main tabs. */
.desktop-nav .cart-nav-link{
  flex:1;
  text-align:center;
  padding:8px 10px;
  background:linear-gradient(#2b626c,#174149);
  border-right:0;
  color:#f4f4ef;
  font-family:var(--font-display);
  font-weight:700;
  font-size:15px;
  line-height:1;
  letter-spacing:.15px;
  text-shadow:1px 2px #000;
  white-space:nowrap;
  text-decoration:none;
}
.desktop-nav .cart-nav-link:hover{background:#316d75;color:#39ff14}
.nav-cart-count{font-family:Arial,sans-serif;font-size:.72em;letter-spacing:0}
.mobile-menu .cart-nav-link{display:block;padding:8px 4px;color:#f1f1eb;font-family:var(--font-display);font-size:14px;font-weight:700;text-shadow:1px 1px #000;text-decoration:none}
.mobile-menu .cart-nav-link:hover{color:#39ff14}
@media(max-width:760px){
  .desktop-nav .cart-nav-link{flex:0 0 120px;font-size:13px}
}

/* EDITABLE SOCIAL LINKS — managed from Theme Editor > Footer. */
.footer-socials{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #59615f;background:#050606;font-family:var(--font-display);font-size:11px;line-height:1}
.footer-socials a{color:#f0f0e8;text-decoration:none;transition:color .15s ease,text-shadow .15s ease}
.footer-socials a:hover{color:var(--pink);text-shadow:0 0 5px rgba(57,255,20,.55)}
.footer-social-heading{color:var(--pink);font-weight:700;margin-right:4px}
@media(max-width:760px){.footer-socials{justify-content:flex-start;gap:10px;padding:8px 12px}.footer-social-heading{width:100%;margin-right:0;margin-bottom:1px}}

/* CONTACT PAGE — editable Grow Up Magazine contact template */
.contact-page{max-width:1180px;margin:0 auto;padding:18px 10px 34px}
.contact-header{border:1px solid #59615f;background:#050606;padding:14px 16px 18px;margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.contact-header .eyebrow{margin:0 0 5px;font-size:12px;color:#f0f0e8;letter-spacing:.08em}
.contact-header h1{margin:0;color:#39ff14;font-family:var(--font-display);font-size:46px;line-height:.82;letter-spacing:-.7px;text-shadow:1px 1px 0 #fff;text-transform:uppercase}
.contact-intro{max-width:760px;margin-top:12px;color:#f0f0e8;font-size:16px;line-height:1.25}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:12px}
.contact-form-wrap,.contact-info{border:1px solid #59615f;background:#050606;padding:16px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-field{margin-bottom:12px}
.contact-field label{display:block;margin-bottom:5px;color:#39ff14;font-family:var(--font-display);font-size:14px;line-height:.9;text-shadow:1px 1px 0 #fff;text-transform:uppercase}
.contact-field input,.contact-field textarea{width:100%;box-sizing:border-box;border:1px solid #777;background:#eee;color:#111;padding:10px;font-family:'Special Elite',monospace;font-size:15px;outline:none;border-radius:0}
.contact-field textarea{resize:vertical;min-height:150px}
.contact-field input:focus,.contact-field textarea:focus{border-color:#39ff14;box-shadow:0 0 0 1px #39ff14}
.contact-submit{border:1px solid #59615f;background:linear-gradient(#2b626c,#174149);color:#39ff14;padding:11px 18px;font-family:var(--font-display);font-size:17px;line-height:.9;text-shadow:1px 1px 0 #fff;cursor:pointer;text-transform:uppercase}
.contact-submit:hover{background:#316d75;color:#fff}
.contact-info h2{margin:0 0 10px;color:#39ff14;font-family:var(--font-display);font-size:27px;line-height:.84;text-shadow:1px 1px 0 #fff;text-transform:uppercase}
.contact-info,.contact-info-text{color:#f0f0e8;font-family:'Special Elite',monospace;font-size:15px;line-height:1.25}
.contact-info p{border-top:1px solid #59615f;padding-top:10px;margin:12px 0 0}
.contact-info strong{color:#39ff14;font-family:var(--font-display);text-shadow:1px 1px 0 #fff;text-transform:uppercase}
.contact-info a{color:#f0f0e8}
.contact-success,.contact-errors{border:1px solid #39ff14;padding:10px;margin-bottom:12px;color:#f0f0e8;background:#071007}
.contact-errors{border-color:#b84a4a;background:#160707}
.contact-errors p{margin:0 0 6px}
.contact-errors ul{margin:5px 0 0;padding-left:18px}
@media(max-width:760px){
  .contact-page{padding:14px 8px 28px}
  .contact-header h1{font-size:38px}
  .contact-grid{grid-template-columns:1fr}
  .contact-field-row{grid-template-columns:1fr}
  .contact-form-wrap,.contact-info{padding:13px}
}
