/* Bacon Bin Rev243 — Merch Lab */
.merch-page{background:#050506;color:#eee}
.merch-main{max-width:1460px;margin:0 auto;padding:clamp(28px,4vw,64px) clamp(18px,4vw,58px) 80px}
.merch-hero{position:relative;min-height:430px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:30px;padding:clamp(28px,5vw,72px);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.52)),url('images/shop/shop-environment-v239.webp') center/cover no-repeat;box-shadow:0 28px 70px rgba(0,0,0,.44)}
.merch-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 46%,rgba(208,41,35,.12),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42))}
.merch-hero>div{position:relative;z-index:1}.merch-kicker{display:block;color:#e44840;font:800 11px/1 Bahnschrift,"Arial Narrow",sans-serif;letter-spacing:2.4px;margin-bottom:12px}.merch-hero h1,.merch-heading h2{font-family:Bahnschrift SemiCondensed,Bahnschrift,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.035em}.merch-hero h1{font-size:clamp(44px,6vw,88px);line-height:.9;margin:0 0 20px}.merch-hero h1 strong{display:block;color:#e14840}.merch-hero p{max-width:760px;color:#bdb9b5;font:500 clamp(15px,1.25vw,19px)/1.65 "Segoe UI",Arial,sans-serif}.merch-hero-note{display:inline-flex;margin-top:14px;border:1px solid rgba(255,255,255,.15);padding:10px 13px;color:#d2ccc7;font:700 10px/1 Bahnschrift,sans-serif;letter-spacing:1.5px}.merch-hero-art{display:flex;align-items:center;justify-content:center}.merch-hero-art img{width:min(430px,78%);max-height:330px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.65))}
.merch-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:60px 0 22px}.merch-heading h2{margin:0;font-size:clamp(34px,4vw,58px)}.merch-heading p{max-width:610px;margin:0;color:#96918d;line-height:1.6}.merch-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.merch-filter{appearance:none;border:1px solid rgba(255,255,255,.11);background:#0b0b0d;color:#d5d1ce;padding:11px 15px;font:800 10px/1 Bahnschrift,sans-serif;letter-spacing:1.2px;cursor:pointer}.merch-filter:hover,.merch-filter:focus-visible,.merch-filter.is-active{border-color:#e24740;background:#181011;color:#fff;box-shadow:0 0 0 1px rgba(226,71,64,.12) inset}
.merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.merch-card{min-width:0;background:linear-gradient(180deg,#111114,#09090b);border:1px solid rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.merch-card:hover{transform:translateY(-3px);border-color:rgba(226,71,64,.38);box-shadow:0 18px 38px rgba(0,0,0,.32)}.merch-card[hidden]{display:none!important}.merch-photo{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#101011}.merch-photo img{width:100%;height:100%;object-fit:cover}.merch-badge{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.13);padding:7px 8px;color:#fff;font:800 9px/1 Bahnschrift,sans-serif;letter-spacing:1.2px}.merch-copy{padding:16px 16px 18px}.merch-copy small{color:#e24840;font:800 9px/1 Bahnschrift,sans-serif;letter-spacing:1.4px}.merch-copy h3{margin:7px 0 7px;font:800 22px/1.05 Bahnschrift SemiCondensed,Bahnschrift,sans-serif}.merch-copy p{min-height:48px;margin:0;color:#99948f;font-size:13px;line-height:1.5}.merch-price{display:flex;justify-content:space-between;align-items:end;margin-top:15px;color:#fff;font:800 19px/1 Bahnschrift,sans-serif}.merch-price span{color:#6f6b68;font-size:8px;letter-spacing:1px}.merch-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.merch-concept{min-height:150px;display:flex;flex-direction:column;justify-content:end;padding:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 20% 0,rgba(221,58,50,.10),transparent 35%),#0b0b0d}.merch-concept b{font:900 clamp(22px,2.5vw,38px)/.95 Bahnschrift SemiCondensed,Bahnschrift,sans-serif;color:#fff}.merch-concept span{margin-top:12px;color:#8a8581;font:700 9px/1.3 Bahnschrift,sans-serif;letter-spacing:1.2px}.merch-disclaimer{margin:18px 0 0;color:#706d69;font-size:11px;line-height:1.55}
@media(max-width:1100px){.merch-grid{grid-template-columns:repeat(3,1fr)}.merch-hero{grid-template-columns:1fr .75fr}}
@media(max-width:760px){.merch-main{padding-left:14px;padding-right:14px}.merch-hero{min-height:0;grid-template-columns:1fr;padding:26px 20px;background-position:58% center}.merch-hero-art{display:none}.merch-heading{display:block;margin-top:42px}.merch-heading p{margin-top:10px}.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merch-copy{padding:13px}.merch-copy h3{font-size:18px}.merch-copy p{min-height:0}.merch-concepts{grid-template-columns:1fr}}
@media(max-width:430px){.merch-grid{grid-template-columns:1fr}.merch-photo{aspect-ratio:4/3}.merch-filter{flex:1 1 calc(33.333% - 8px)}}

/* Rev243 brand lock: use the established BatPig head from the circular logo
   as the free-standing merch icon; secondary typography can rotate by product. */
.merch-photo{isolation:isolate}
.merch-photo>img{filter:brightness(.62) saturate(.88)}
.merch-photo::before{
  content:"";position:absolute;z-index:2;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);
  border-radius:50%;background:rgba(4,4,5,.76);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.42)
}
.merch-photo::after{
  content:"";position:absolute;z-index:3;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:url('images/bat-pig-icon.png') center/contain no-repeat;filter:drop-shadow(0 8px 12px rgba(0,0,0,.58));pointer-events:none
}
.merch-photo .merch-badge{z-index:5}
.merch-guide-cover{position:relative;z-index:4;width:58%;aspect-ratio:.72;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10%;background:linear-gradient(160deg,#171719,#08080a);border:1px solid #4b4541;box-shadow:10px 14px 25px rgba(0,0,0,.4),inset 0 0 0 3px #0a0a0b;color:#eee}
.merch-guide-cover img{width:42%;height:auto;filter:none!important;margin-bottom:11%}.merch-guide-cover b{font:900 clamp(13px,1.5vw,24px)/.92 Bahnschrift SemiCondensed,Bahnschrift,sans-serif;letter-spacing:.03em}.merch-guide-cover span{margin-top:9%;font:750 clamp(6px,.55vw,9px)/1.2 Bahnschrift,sans-serif;letter-spacing:.13em;color:#b64740}
.merch-card.is-guide .merch-photo::before,.merch-card.is-guide .merch-photo::after{display:none}

/* =========================================================
   Rev244 — centered, literal merch mockups / no synthetic overlay mark
   ========================================================= */
.merch-hero{background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 54%,rgba(0,0,0,.45)),url('images/shop/shop-environment-v239.webp') center/cover no-repeat!important}
.merch-hero:after{background:radial-gradient(circle at 78% 44%,rgba(208,41,35,.10),transparent 33%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.58))!important}
.merch-grid{align-items:stretch!important}
.merch-card{overflow:hidden!important}
.merch-photo{
  isolation:isolate!important;
  aspect-ratio:1/1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  background:radial-gradient(circle at 50% 34%,#1b1b1e 0,#101012 52%,#09090a 100%)!important;
}
.merch-photo>img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}
.merch-photo::before,.merch-photo::after{display:none!important;content:none!important}
.merch-photo .merch-badge{z-index:5!important}
.merch-guide-cover{z-index:2!important;width:62%!important;max-width:250px!important}
.merch-guide-cover img{width:46%!important;height:auto!important;object-fit:contain!important;filter:none!important}
@media(max-width:760px){
  .merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .merch-photo{padding:9px!important}
}
@media(max-width:480px){
  .merch-grid{grid-template-columns:1fr!important}
  .merch-photo{aspect-ratio:1/1!important;min-height:0!important;padding:14px!important}
}