body{margin:0;color:#f4f1ea;font-family:Oswald,Arial,sans-serif;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.88)),url('./bg_texture.jpg?v=4');background-size:cover;background-position:center;background-attachment:fixed}
.page{position:relative;z-index:1;width:min(1120px,92vw);margin:0 auto;padding:18px 0 54px}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;z-index:0}
.card{background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 26px 76px rgba(0,0,0,.8);overflow:hidden}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,0));padding:12px 0 14px}
.top-logo{display:flex;justify-content:center;padding:6px 0 4px}.top-logo img{width:min(640px,92vw);height:auto;display:block}
.nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 0 0}
.tagline{text-align:center;padding:10px 0 0;color:rgba(244,241,234,.72);letter-spacing:1.4px;font-size:16px}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(244,241,234,.92);text-decoration:none;font-weight:700;letter-spacing:1.1px;font-size:14px;text-transform:uppercase;cursor:pointer}
.pill.gold{color:#17130c;background:linear-gradient(180deg,rgba(202,162,74,.98),rgba(184,139,51,.82))}.pill.small{padding:9px 12px;font-size:13px}
.divider{margin:22px 0 10px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:"Black Ops One",system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase}.divider .line{height:1px;background:rgba(255,255,255,.18);flex:1}
.hero{display:grid;grid-template-columns:1.1fr .9fr}.hero-media{position:relative;min-height:360px}.hero-media>img:first-child{width:100%;height:100%;object-fit:cover;display:block}.watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,70%);opacity:.16;pointer-events:none}
.hero-body{padding:22px 18px;display:flex;flex-direction:column;justify-content:center;gap:10px}.kicker{letter-spacing:1.4px;text-transform:uppercase;color:rgba(244,241,234,.75);font-size:14px}.hero-title{font-family:"Black Ops One",system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:48px;line-height:1;margin:0}.hero-sub{color:rgba(244,241,234,.74);font-size:16px;margin:0}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.countdown{margin-top:6px;color:rgba(244,241,234,.72)}
.drop{display:grid;grid-template-columns:.95fr 1.05fr}.cover img{width:100%;height:100%;object-fit:cover;display:block}.meta{padding:18px}
.badge{display:inline-block;font-family:"Black Ops One",system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.overlay-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.5)}
.big-title{margin-top:8px;font-family:"Black Ops One",system-ui,sans-serif;letter-spacing:1px;font-size:34px;text-transform:uppercase;color:#caa24a}.note{color:rgba(244,241,234,.72)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pad{padding:18px}.panel{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);border-radius:16px;padding:14px;margin-top:12px}.panel h3{margin:0 0 8px;font-family:"Black Ops One",system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:18px}.mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.mail .sub{text-align:center;font-family:"Black Ops One",system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.form{display:grid;grid-template-columns:1fr 210px;gap:10px;padding:0 2px}.input{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#f4f1ea;outline:none}
.single-card{padding:18px}.merch-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 12px}.merch-tools .filters{display:flex;gap:10px;flex-wrap:wrap}.merch-tools .search{min-width:220px;flex:1;display:flex;justify-content:flex-end}.merch-tools #merchSearch{max-width:360px;width:100%}
.merch-grid-v26{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product .img{position:relative;overflow:hidden;border-radius:16px 16px 0 0}.product .img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.product .body{padding:12px}.name{margin:0;font-family:"Black Ops One",system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px}.price{margin:6px 0 0;color:rgba(244,241,234,.72)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;z-index:200;padding:18px}.modal{width:min(980px,94vw);background:rgba(0,0,0,.92);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.modal-body{display:grid;grid-template-columns:1.1fr .9fr}.modal-body img{width:100%;height:100%;object-fit:cover;display:block}.modal-info{padding:14px}.modal-close{background:transparent;border:0;color:#f4f1ea;font-size:20px;cursor:pointer}
.audio-player{width:100%}.footer{margin-top:22px;text-align:center;color:rgba(244,241,234,.68);padding:10px 2px}.hidden{display:none !important}
@media (max-width:980px){.hero,.drop,.grid2,.modal-body{grid-template-columns:1fr}.merch-grid-v26{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.hero-title{font-size:42px}}
@media (max-width:520px){.merch-grid-v26{grid-template-columns:1fr}}


.youtube-preview{
  margin:12px 0 14px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.product{
  transition:transform .22s ease, box-shadow .22s ease;
}
.product:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 76px rgba(0,0,0,.88);
}
.product .img img{
  transition:transform .28s ease, filter .28s ease;
}
.product:hover .img img{
  transform:scale(1.03);
  filter:brightness(1.04);
}
.pill,.quick-view,.filter{
  transition:transform .18s ease, box-shadow .18s ease;
}
.pill:hover,.quick-view:hover,.filter:hover{
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(216,173,88,.22);
}
body.site-loaded .section,
body.site-loaded .divider,
body.site-loaded .mail,
body.site-loaded .single-card{
  animation:revealUp .7s ease both;
}
@keyframes revealUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}


.drop-stack{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.new-drop-card{
  overflow:hidden;
}
.new-drop-card .cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width: 900px){
  .drop-stack{grid-template-columns:1fr;}
}


.coming-soon-card{
  overflow:hidden;
}
.coming-soon-card .cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* FINAL production fixes */
.top-logo img{
  max-width:min(640px,92vw);
  object-fit:contain;
}
.hero-media{
  min-height:420px;
  background:#050505;
}
.hero-media img{
  display:block;
}
.coming-soon-card .cover img,
.new-drop-card .cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width: 980px){
  .hero{
    grid-template-columns:1fr;
  }
  .hero-media{
    min-height:340px;
  }
}
@media (max-width: 640px){
  .page{
    width:min(94vw,1120px);
    padding:10px 0 42px;
  }
  .header{
    padding:8px 0 10px;
  }
  .top-logo img{
    width:min(340px,86vw);
  }
  .tagline{
    font-size:14px;
    line-height:1.3;
    padding-top:8px;
  }
  .hero-media{
    min-height:280px;
  }
  .hero-title{
    font-size:40px;
  }
  .hero-body{
    padding:18px 14px;
    gap:8px;
  }
  .cta{
    gap:8px;
  }
  .divider{
    margin:18px 0 10px;
  }
}


/* Site repair pass */
.top-logo img{max-width:min(540px,88vw);height:auto;object-fit:contain}
.hero-media{min-height:320px;background:#060606}
.hero-media img{display:block}
.watermark{max-width:min(420px,58vw)}
.note{line-height:1.5}
.actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-media{min-height:280px}
}
@media (max-width:640px){
  .page{width:min(94vw,1120px);padding:10px 0 42px}
  .header{padding:8px 0 10px}
  .top-logo img{width:min(300px,82vw)}
  .tagline{font-size:14px;line-height:1.3;padding-top:8px}
  .hero-media{min-height:230px}
  .hero-title{font-size:38px}
  .hero-body{padding:18px 14px;gap:8px}
  .cta{gap:8px}
  .divider{margin:18px 0 10px}
  .cover img{max-height:420px}
}

.actions,.cta{gap:10px;flex-wrap:wrap}