/* Approved OMEGA WolfVault header and hero. Shop behavior remains in shop.js. */
.topbar .brand > .brand-mark{width:43px;height:43px;object-fit:contain}
.topbar .brand-wordmark{position:relative;display:block;width:235px;height:43px;overflow:hidden}
.topbar .brand-wordmark img{position:absolute;width:390px;max-width:none;height:auto;left:1px;top:-65px}

.hero{
  min-height:390px!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,48%)!important;
  align-items:center!important;
  padding:30px max(5vw,calc((100vw - 1320px)/2))!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--line)!important;
  background:radial-gradient(circle at 82% 48%,rgba(68,104,255,.2),transparent 32%),radial-gradient(circle at 62% 80%,rgba(255,179,67,.1),transparent 28%),linear-gradient(115deg,#020609 0,#07131d 50%,#030711 100%)!important;
}
.hero-grid{position:absolute!important;inset:0!important;z-index:0!important;background-image:linear-gradient(rgba(103,228,255,.035) 1px,transparent 1px)!important;background-size:48px 48px!important;mask-image:linear-gradient(90deg,#000,transparent 74%)!important}
.hero-copy{position:relative!important;z-index:3!important;width:min(580px,100%)!important;max-width:580px!important;padding:0!important;margin:0!important;border:0!important;background:none!important;transform:none!important}
.hero h1{margin:14px 0 18px!important;font-size:clamp(48px,5.2vw,76px)!important;line-height:.9!important;letter-spacing:-3px!important}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),#fff,var(--cyan),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--cyan)}
.hero .eyebrow>span{display:block;width:34px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.hero .lead{max-width:560px;margin:0;color:#b1c3cc;font-size:15px;line-height:1.65}
.hero-actions{margin-top:24px}
.hero-trust{display:flex;gap:25px;margin-top:20px;color:#8ca5b3;font-size:9px;letter-spacing:1px}
.hero-trust span{color:#82dff3}
.hero-art{position:absolute!important;z-index:2!important;inset:0 0 0 auto!important;top:auto!important;width:62%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center 10%!important;background:none!important;opacity:.84!important;filter:saturate(1.08) drop-shadow(0 0 34px rgba(63,124,255,.2))!important;mask-image:linear-gradient(90deg,transparent 0,#000 23%,#000 100%)!important;transform:none!important}
.account-strip{max-width:1320px;margin:16px auto 0;padding:0 20px;justify-content:stretch}
.account-strip .account{width:100%;max-width:none;min-height:82px;padding:16px 22px}
.shop-shell{padding-top:70px}

/* Complete approved WolfVault catalog language. */
.shop-choices{max-width:1320px;padding-top:34px;gap:16px}
.shop-choices a{min-height:110px;background:linear-gradient(145deg,#091824,#040a10);border-color:rgba(103,228,255,.2)}
.shop-choices a:hover{border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan),0 18px 55px #0008}
.shop-shell{max-width:1320px!important;padding-inline:0!important}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-2px}
.section-heading h2 em{font-style:normal;background:linear-gradient(90deg,var(--gold),#fff,var(--cyan),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}
.section-heading h2 #edition,.section-heading h2 span{display:block;margin-top:10px;color:var(--cyan);font-size:11px;line-height:1;letter-spacing:2px}
.section-heading .eyebrow{display:flex;align-items:center;gap:10px}
.section-heading .eyebrow>span{display:block;width:34px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.section-heading>p{max-width:420px;line-height:1.7}

.toolbar{top:88px;padding:11px;border-color:rgba(103,228,255,.2);background:rgba(4,14,22,.95);box-shadow:0 18px 55px #0008}
.toolbar input,.toolbar select,.toolbar button{min-height:46px}
.catalog-navigation{margin:18px 0}

.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.catalog-category{min-height:92px;padding:14px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;text-align:left;border-color:rgba(103,228,255,.2);background:linear-gradient(145deg,#091824,#040a10);transition:.2s}
.catalog-category:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan),0 18px 50px #0008}
.catalog-category img,.catalog-category .placeholder{grid-row:1 / span 2;width:52px;height:52px;object-fit:contain;border:1px solid #284b5d;background:#07131c}
.catalog-category strong{align-self:end;color:var(--text);font-size:13px;letter-spacing:.4px}
.catalog-category span:not(.placeholder){align-self:start;color:var(--muted);font-size:9px}

.card{min-height:430px;border-color:rgba(103,228,255,.2);background:linear-gradient(145deg,#081722,#03090e);transition:.22s}
.card:hover{transform:translateY(-5px);border-color:rgba(103,228,255,.65);box-shadow:0 25px 70px #000b}
.card img,.card .placeholder{height:210px;background:radial-gradient(circle at center,rgba(85,165,255,.14),transparent 58%),#040a10}
.card-body{padding:19px}
.card h3{font-size:19px;margin:8px 0}
.card p{min-height:58px;font-size:12px;line-height:1.55}
.card .price{font-size:21px}
.card .buy{min-height:42px;margin-top:16px;background:#0a2a39;border-color:#2d677c}
.card .buy:hover{background:#0d3b50;border-color:var(--cyan)}

.orders{max-width:1320px;margin-top:35px;padding-inline:0}
.orders-title{padding:34px 38px 20px;margin:0;border:1px solid var(--line);border-bottom:0;background:radial-gradient(circle at 15% 50%,#11213b,transparent 46%),#050d15}
.orders>div:last-child{border-color:var(--line);background:#050d15}
.order{padding:17px 20px}
.shop-footer{margin-top:20px}

@media(max-width:1360px){
  .shop-shell,.orders{width:calc(100% - 40px)}
}

@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(300px,42%)!important;min-height:410px!important;padding-inline:5vw!important}
  .hero-copy{width:min(510px,56vw)!important}
  .hero-art{width:60%!important;height:100%!important;object-fit:cover!important;object-position:center 10%!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .topbar .brand-wordmark{width:176px;height:38px}
  .topbar .brand-wordmark img{width:310px;left:1px;top:-52px}
  .hero{min-height:610px!important;display:block!important;padding:42px 20px 250px!important}
  .hero-copy{width:100%!important;max-width:none!important}
  .hero h1{font-size:49px!important;letter-spacing:-2px!important}
  .hero-art{inset:auto -18% -9% auto!important;width:125%!important;height:auto!important;max-height:350px!important;object-fit:contain!important;object-position:center bottom!important;opacity:.66!important;mask-image:linear-gradient(0deg,#000 65%,transparent 100%)!important}
  .hero-trust{flex-direction:column;gap:8px}
  .account-strip{margin-top:12px;padding:0 12px}
  .shop-shell{padding-top:58px}
  .shop-shell,.orders{width:calc(100% - 28px);padding-inline:0!important}
  .section-heading h2{font-size:40px}
  .grid{grid-template-columns:1fr}
  .catalog-category{min-height:82px}
  .orders-title{padding:25px 20px;align-items:flex-start;gap:18px}
}
