:root{--bg:#0b0b0f;--panel:#15151d;--text:#f5f5f5;--muted:#aaa;--green:#39FF88;--red:#FF3B3B;--line:#2b2b35}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.scanlines{pointer-events:none;position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.025) 50%,transparent 50%);background-size:100% 4px;z-index:99;mix-blend-mode:overlay}
nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:rgba(11,11,15,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{font-weight:900;color:var(--green);text-decoration:none;letter-spacing:.08em}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{color:var(--text);text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}.menuBtn{display:none;background:var(--green);border:0;padding:9px 12px;font-weight:900}
.hero{min-height:86vh;text-align:center;display:grid;place-items:center;padding:80px 20px;background:radial-gradient(circle at 50% 30%,rgba(57,255,136,.18),transparent 34%),linear-gradient(135deg,#0b0b0f,#15151d)}
.hero h1,.pageTitle{font-size:clamp(3rem,9vw,7rem);line-height:.9;margin:10px 0;text-shadow:4px 0 var(--red),-4px 0 rgba(57,255,136,.65)}
.heroText,.intro{max-width:680px;color:var(--muted);font-size:1.15rem}.eyebrow{color:var(--green);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.green{color:var(--green)}
.btn{display:inline-block;padding:13px 20px;border:1px solid var(--line);color:var(--text);background:#171720;text-decoration:none;cursor:pointer;text-transform:uppercase;font-weight:900;letter-spacing:.09em}.btn.primary{background:var(--green);color:#050505;border-color:var(--green)}
.heroButtons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.terminal{background:#050505;border:1px solid var(--line);padding:18px;text-align:left;font-family:monospace;box-shadow:0 0 40px rgba(57,255,136,.1);margin-top:24px}
.section{max-width:1250px;margin:auto;padding:78px 28px}.topPage{padding-top:90px}.productGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{background:var(--panel);border:1px solid var(--line);padding:14px;position:relative}.card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#111}.card h3{margin:14px 0 4px}.price{color:var(--green);font-weight:900}.status{position:absolute;top:24px;left:24px;background:#050505;border:1px solid var(--green);color:var(--green);padding:6px 8px;font-size:.7rem}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;cursor:pointer}.filter.active{background:var(--green);color:#050505}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px}.darkBox{background:linear-gradient(135deg,#111118,#050505);border:1px solid var(--line);margin-bottom:40px}
.lookbookGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.lookbookGrid img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line)}
.productPage{display:grid;grid-template-columns:1.15fr 1fr;gap:38px}.galleryMain{width:100%;aspect-ratio:4/5;object-fit:contain;border:1px solid var(--line)}.thumbs{display:flex;gap:10px;margin-top:10px}.thumbs img{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);cursor:pointer}.productInfo select{padding:12px;width:100%;background:#050505;color:var(--text);border:1px solid var(--line);margin:10px 0 16px}
table{width:100%;border-collapse:collapse;background:var(--panel)}td,th{border:1px solid var(--line);padding:14px;text-align:left}th{color:var(--green)}.note{color:var(--muted)}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}input,textarea{width:100%;padding:14px;margin-bottom:12px;background:#050505;border:1px solid var(--line);color:var(--text)}textarea{min-height:160px}
.cartList{background:var(--panel);border:1px solid var(--line);padding:20px;margin-bottom:20px}.cartItem{border-bottom:1px solid var(--line);padding:14px 0}.remove{float:right;color:var(--red);cursor:pointer;background:none;border:0}
footer{text-align:center;padding:40px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.menuBtn{display:block}.navlinks{display:none;position:absolute;top:60px;left:0;right:0;background:#0b0b0f;flex-direction:column;padding:20px;border-bottom:1px solid var(--line)}.menuOpen .navlinks{display:flex}.split,.productPage,.contactGrid{grid-template-columns:1fr}.hero h1,.pageTitle{text-shadow:2px 0 var(--red),-2px 0 rgba(57,255,136,.65)}}


/* BETTER HOMEPAGE UPGRADE */
.homeHero{
  min-height:92vh;
  position:relative;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:30px;
  padding:90px 42px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(57,255,136,.22), transparent 30%),
    radial-gradient(circle at 80% 60%, rgba(255,59,59,.14), transparent 28%),
    linear-gradient(135deg,#050505,#111118 48%,#060608);
}
.heroOverlay{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(57,255,136,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,255,136,.08) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom, black, transparent 85%);
}
.homeHeroContent,.heroCard{position:relative;z-index:2}
.glitchTitle{
  font-size:clamp(4rem,12vw,10rem);
  line-height:.82;
  margin:12px 0;
  letter-spacing:-.08em;
  text-shadow:5px 0 var(--red), -5px 0 rgba(57,255,136,.7), 0 0 40px rgba(57,255,136,.18);
}
.redText{color:var(--red)}
.heroCard{
  background:rgba(5,5,5,.78);
  border:1px solid var(--green);
  box-shadow:0 0 55px rgba(57,255,136,.16);
  padding:28px;
  font-family:monospace;
  transform:rotate(1deg);
}
.loadingBar{height:14px;border:1px solid var(--green);margin-top:20px;padding:2px}
.loadingBar span{display:block;height:100%;width:92%;background:var(--green);box-shadow:0 0 18px rgba(57,255,136,.7)}
.marquee{
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--green);
  color:#050505;
  font-weight:900;
  white-space:nowrap;
}
.marquee div{
  display:inline-block;
  padding:14px 0;
  animation:marquee 18s linear infinite;
  letter-spacing:.14em;
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.launchPanel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,#15151d,#050505);
  border:1px solid var(--line);
  margin-top:70px;
}
.dropStats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.dropStats div{
  background:#050505;
  border:1px solid var(--line);
  padding:24px;
  text-align:center;
}
.dropStats strong{
  display:block;
  color:var(--green);
  font-size:2.5rem;
}
.dropStats span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
.sectionHead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  flex-wrap:wrap;
}
.imageSplit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}
.statementBox{
  background:var(--panel);
  border:1px solid var(--line);
  padding:34px;
}
.fakePoster{
  min-height:420px;
  background:
    linear-gradient(135deg,rgba(57,255,136,.12),rgba(255,59,59,.08)),
    #050505;
  border:1px solid var(--green);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  box-shadow:0 0 60px rgba(57,255,136,.12);
}
.fakePoster p{color:var(--red);letter-spacing:.2em;font-weight:900}
.fakePoster h3{
  font-size:clamp(3rem,7vw,6rem);
  line-height:.85;
  margin:12px 0;
  text-shadow:3px 0 var(--red), -3px 0 var(--green);
}
.fakePoster span{color:var(--green);letter-spacing:.16em}
@media(max-width:760px){
  .homeHero,.launchPanel,.imageSplit{grid-template-columns:1fr}
  .homeHero{padding:70px 22px}
  .heroCard{transform:none}
  .dropStats{grid-template-columns:1fr}
}


/* FULL IMAGE DISPLAY UPDATE */
.card img,
.galleryMain,
.lookbookGrid img,
.modalImages img {
  object-fit: contain !important;
  background: #050505 !important;
}

.card img {
  aspect-ratio: 4 / 5;
}

.galleryMain {
  aspect-ratio: 4 / 5;
}

.lookbookGrid img {
  aspect-ratio: 4 / 5;
}

.thumbs img {
  object-fit: contain !important;
  background: #050505 !important;
}

/* PRODUCT IMAGE ZOOM FEATURE */
.galleryMain,
.card img,
.lookbookGrid img {
  cursor: zoom-in;
}

.zoomOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.94);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.zoomOverlay.active {
  display: flex;
}

.zoomStage {
  position: relative;
  max-width: 96vw;
  max-height: 92vh;
  overflow: hidden;
  border: 1px solid var(--line, #2b2b35);
  background: #050505;
}

.zoomStage img {
  max-width: 95vw;
  max-height: 88vh;
  transform-origin: center center;
  transition: transform .15s ease;
  cursor: grab;
  display: block;
}

.zoomControls {
  position: fixed;
  top: 18px;
  right: 18px;
  display: flex;
  gap: 8px;
  z-index: 10000;
  flex-wrap: wrap;
}

.zoomControls button {
  background: #111;
  color: #fff;
  border: 1px solid var(--green, #39FF88);
  padding: 10px 14px;
  cursor: pointer;
  font-weight: 900;
}

.zoomHint {
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  color: #aaa;
  font-size: .85rem;
  text-align: center;
  z-index: 10000;
}