:root{
  --black:#050505; --panel:#0c0c0c; --panel2:#111; --orange:#ff6500; --orange2:#ff8a2a;
  --white:#f5f5f3; --muted:#989898; --line:#242424; --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.header{height:78px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(5,5,5,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;font:800 24px "Barlow Condensed";letter-spacing:1px}.brand img{width:52px;height:52px;object-fit:contain;object-position:center}.brand b{color:var(--orange)}
.header nav{display:flex;gap:32px;text-transform:uppercase;font:700 13px "Barlow Condensed";letter-spacing:1.5px}.header nav a:hover{color:var(--orange)}
.header-order{background:var(--orange);color:#050505;padding:12px 18px;font:800 12px "Barlow Condensed";letter-spacing:1.3px}.header-order span{margin-left:10px}
.hero{min-height:860px;height:100vh;max-height:1000px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-image{position:absolute;inset:0;background:url("assets/tdh-cartridge-cases.png") center right/cover no-repeat;filter:saturate(1.05)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 24%,rgba(5,5,5,.73) 47%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,#050505 0%,transparent 25%,rgba(0,0,0,.2) 100%)}
.hero-content{position:relative;z-index:2;width:min(var(--max),100%);margin:auto;padding:110px 5vw 50px}
.eyebrow{font:800 12px "Barlow Condensed";letter-spacing:3px;color:var(--orange);margin:0 0 12px}
h1,h2,h3{font-family:"Barlow Condensed";text-transform:uppercase;line-height:.9}
h1{font-size:clamp(80px,11vw,160px);margin:0;letter-spacing:-2px}
h1 span,h2 span{color:var(--orange)}
.hero-lead{max-width:560px;font-size:19px;line-height:1.55;color:#d0d0d0;margin:28px 0}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;font:800 13px "Barlow Condensed";letter-spacing:1.5px;border:1px solid transparent;cursor:pointer}
.btn.orange{background:var(--orange);color:#050505}.btn.orange:hover{background:var(--orange2)}
.btn.outline{border-color:#555}.btn.outline:hover{border-color:var(--orange);color:var(--orange)}
.hero-points{display:flex;gap:38px;margin-top:60px}.hero-points div{display:flex;flex-direction:column;border-left:2px solid var(--orange);padding-left:12px}.hero-points strong{font:800 25px "Barlow Condensed"}.hero-points span{font:700 10px "Barlow Condensed";letter-spacing:1.5px;color:#888;margin-top:2px}
.statement{max-width:var(--max);margin:auto;padding:100px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;border-bottom:1px solid var(--line)}
.statement>p{grid-column:1/-1;margin:0;color:var(--orange);font:800 12px "Barlow Condensed";letter-spacing:3px}
h2{font-size:clamp(55px,7vw,90px);margin:0}
.statement-copy{color:#aaa;max-width:500px;font-size:17px}.statement-copy p{margin:0 0 16px}
.shop{max-width:var(--max);margin:auto;padding:105px 5vw}
.shop-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.shop-count{display:flex;flex-direction:column;text-align:right}.shop-count strong{font:800 48px "Barlow Condensed";color:var(--orange)}.shop-count span{font:800 10px "Barlow Condensed";letter-spacing:2px;color:#777}
.controls{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:30px;position:sticky;top:78px;z-index:10;background:rgba(5,5,5,.94);padding:15px 0;backdrop-filter:blur(8px)}
.search{height:48px;border:1px solid var(--line);display:flex;align-items:center;flex:1;max-width:520px;background:#0b0b0b}.search span{font-size:26px;color:var(--orange);padding:0 13px}.search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:500 14px Inter}.search input::placeholder{color:#666}
.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter{background:#0c0c0c;color:#aaa;border:1px solid var(--line);padding:11px 14px;font:800 11px "Barlow Condensed";letter-spacing:1px;cursor:pointer}.filter:hover,.filter.active{background:var(--orange);border-color:var(--orange);color:#050505}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{background:var(--panel);border:1px solid var(--line);transition:.2s;min-width:0}.product-card:hover{border-color:rgba(255,101,0,.55);transform:translateY(-3px)}
.card-top{display:flex;justify-content:space-between;padding:12px 14px;color:#777;font:800 10px "Barlow Condensed";letter-spacing:1.5px}.case-mark{color:var(--orange)}
.case-graphic{height:125px;margin:0 14px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border:1px solid #2a2a2a;position:relative;display:grid;place-items:center;overflow:hidden}.case-graphic:before{content:"";position:absolute;width:70%;height:70%;border:2px solid #2b2b2b;border-radius:9px;box-shadow:inset 0 0 0 7px #101010}.case-lid{position:absolute;width:55%;height:10px;top:29%;border:1px solid #333;border-radius:3px}.case-line{position:absolute;width:55%;height:2px;bottom:28%;background:var(--orange);opacity:.8}.case-graphic span{position:relative;z-index:2;font:800 18px "Barlow Condensed";letter-spacing:2px;color:#eee}
.product-info{padding:18px 14px}.product-info h3{font-size:24px;line-height:.95;min-height:46px;margin:0 0 11px}.specs{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin-bottom:10px}.specs span{font:800 12px "Barlow Condensed";letter-spacing:.8px}.specs span:last-child{color:var(--orange);font-size:16px}.product-info p{font-size:11px;color:#777;line-height:1.4;min-height:31px;margin:0 0 13px}.order-btn{width:100%;background:transparent;color:var(--orange);border:1px solid #3b2418;padding:11px;font:800 12px "Barlow Condensed";letter-spacing:1.2px;cursor:pointer}.order-btn:hover{background:var(--orange);color:#050505;border-color:var(--orange)}.order-btn span{float:right}
.no-results{text-align:center;padding:70px 20px;color:#777;border:1px dashed #333}
.why{background:#0b0b0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why-inner{max-width:var(--max);margin:auto;padding:105px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.why-grid article{border-top:1px solid #333;padding-top:18px}.why-grid b{color:var(--orange);font:800 14px "Barlow Condensed"}.why-grid h3{font-size:27px;margin:8px 0}.why-grid p{color:#888;font-size:13px;line-height:1.6;margin:0}
.order-section{max-width:var(--max);margin:auto;padding:110px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.order-intro p:not(.eyebrow){color:#999;max-width:430px}.shipping-badge{display:inline-block;margin-top:20px;border:1px solid #3b2418;background:#100c09;color:var(--orange);padding:10px 13px;font:800 11px "Barlow Condensed";letter-spacing:1px}
.order-form{background:#0c0c0c;border:1px solid var(--line);padding:30px}.form-heading{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.form-heading span{color:var(--orange);font:800 14px "Barlow Condensed"}.form-heading h3{font-size:27px;margin:0}
.order-form label{display:block;font:700 11px "Barlow Condensed";letter-spacing:1px;text-transform:uppercase;color:#aaa;margin-bottom:15px}.order-form input,.order-form select,.order-form textarea{width:100%;margin-top:7px;background:#070707;border:1px solid #2a2a2a;color:#fff;padding:12px;font:500 13px Inter;outline:none}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{width:100%;margin-top:5px}.form-note{color:#666;font-size:11px;line-height:1.5;margin:12px 0 0}.hidden-field{display:none!important}
footer{border-top:1px solid var(--line);padding:45px 5vw;text-align:center;color:#666}.footer-brand{font:800 42px "Barlow Condensed";letter-spacing:2px;color:#eee}.footer-brand span{color:var(--orange)}footer p{font:800 10px "Barlow Condensed";letter-spacing:2px;margin:4px 0 20px}footer>a{color:var(--orange);font:800 11px "Barlow Condensed";letter-spacing:1px}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.why-inner,.order-section{grid-template-columns:1fr;gap:50px}}
@media(max-width:760px){
 .header{height:65px;padding:0 5vw}.header nav{display:none}.header-order{padding:10px 12px;font-size:11px}.brand{font-size:20px}.brand img{width:44px;height:44px}
 .hero{min-height:780px;height:auto}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.82) 50%,rgba(5,5,5,.25) 100%),linear-gradient(0deg,#050505 0%,rgba(0,0,0,.05) 60%,#050505 100%)}.hero-content{padding:140px 7vw 65px}.hero-lead{font-size:16px}.hero-points{gap:18px;flex-wrap:wrap;margin-top:40px}.hero-points strong{font-size:21px}
 .statement{grid-template-columns:1fr;gap:20px;padding:75px 7vw}.shop{padding:75px 5vw}.shop-top{align-items:start}.controls{position:static;display:block}.search{max-width:none;margin-bottom:10px}.filter-buttons{display:grid;grid-template-columns:1fr 1fr}.filter{padding:12px 5px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.case-graphic{height:105px;margin:0 9px}.product-info{padding:14px 9px}.product-info h3{font-size:20px;min-height:39px}.product-info p{font-size:10px;min-height:42px}.specs span{font-size:10px}.specs span:last-child{font-size:14px}
 .why-inner,.order-section{padding:75px 7vw}.why-grid{grid-template-columns:1fr;gap:25px}.form-row{grid-template-columns:1fr}.order-form{padding:20px}
 h1{font-size:22vw}h2{font-size:55px}
}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.header-order{display:none}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-points div:last-child{grid-column:1/-1}}


/* V5 — real product photography */
.product-photo-button{
  width:calc(100% - 28px);
  margin:0 14px;
  padding:0;
  border:1px solid #2a2a2a;
  background:#090909;
  position:relative;
  height:230px;
  overflow:hidden;
  cursor:zoom-in;
  display:block;
}
.product-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .25s ease, filter .25s ease;
}
.product-photo-button:hover .product-photo{transform:scale(1.025);filter:brightness(1.05)}
.photo-zoom{
  position:absolute;
  right:9px;
  bottom:9px;
  padding:6px 8px;
  background:rgba(5,5,5,.82);
  color:#ff6500;
  border:1px solid rgba(255,101,0,.45);
  font:800 9px "Barlow Condensed";
  letter-spacing:1px;
}
.photo-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(0,0,0,.92);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.photo-modal.open{display:flex}
.photo-modal-inner{position:relative;max-width:1050px;width:100%;text-align:center}
.photo-modal img{max-width:100%;max-height:82vh;object-fit:contain;border:1px solid #333;background:#111}
.photo-modal p{margin:12px 0 0;color:#aaa;font:700 13px "Barlow Condensed";letter-spacing:1px;text-transform:uppercase}
.photo-close{
  position:absolute;
  top:-17px;
  right:-17px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #444;
  background:#080808;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.photo-close:hover{color:#ff6500;border-color:#ff6500}
body.modal-open{overflow:hidden}
@media(max-width:760px){
  .product-photo-button{height:185px;margin:0 9px;width:calc(100% - 18px)}
}
@media(max-width:430px){
  .product-photo-button{height:270px}
}


/* V6 — order summary, pricing and flat-rate shipping */
.order-summary{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:22px;
  border:1px solid #2b2b2b;
  background:#080808;
  padding:18px;
  margin-bottom:24px;
}
.order-summary-photo{
  background:#111;
  border:1px solid #252525;
  min-height:165px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.order-summary-photo img{
  width:100%;
  height:165px;
  object-fit:cover;
  display:block;
}
.order-summary-details{min-width:0}
.summary-kicker{
  color:#ff6500;
  font:800 10px "Barlow Condensed";
  letter-spacing:2px;
}
.order-summary-details h3{
  font-size:27px;
  line-height:1;
  margin:6px 0 16px;
}
.summary-line,.summary-total{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}
.summary-line{
  padding:8px 0;
  border-top:1px solid #202020;
  color:#999;
  font-size:12px;
}
.summary-line strong{color:#eee}
.summary-total{
  border-top:1px solid #ff6500;
  padding-top:13px;
  margin-top:5px;
  font:800 14px "Barlow Condensed";
  letter-spacing:1px;
}
.summary-total strong{
  color:#ff6500;
  font-size:24px;
}
@media(max-width:640px){
  .order-summary{grid-template-columns:1fr}
  .order-summary-photo,.order-summary-photo img{height:220px}
}


/* FINAL — manual payment and product disclaimer */
.payment-and-disclaimer{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:18px;
  margin-bottom:28px;
}
.bank-panel,.disclaimer-panel{
  border:1px solid #2a2a2a;
  background:#0b0b0b;
  padding:22px;
}
.bank-panel h3,.disclaimer-panel h3{margin:0 0 16px;font-size:28px}
.bank-panel p,.disclaimer-panel p{color:#999;font-size:12px;line-height:1.65}
.bank-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #242424;
  padding:11px 0;
  font-size:12px;
}
.bank-row strong{color:#ff6500;text-align:right}
.terms-check{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  margin:6px 0 16px!important;
  color:#aaa!important;
  font:500 12px/1.5 Inter!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.terms-check input{
  width:auto!important;
  margin:2px 0 0!important;
  accent-color:#ff6500;
}
@media(max-width:860px){.payment-and-disclaimer{grid-template-columns:1fr}}


/* LIVE PRINT FARM */
.live-print{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 20% 30%,rgba(255,101,0,.10),transparent 30%),
    #090909;
}
.live-print-inner{
  max-width:var(--max);
  margin:auto;
  padding:100px 5vw;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:65px;
  align-items:center;
}
.live-print-copy p:not(.eyebrow){
  color:#999;
  max-width:500px;
  line-height:1.65;
}
.live-print-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px;
}
.live-print-meta span{
  border:1px solid #3a2418;
  background:#100c09;
  color:#ff6500;
  padding:8px 10px;
  font:800 10px "Barlow Condensed";
  letter-spacing:1.1px;
}
.live-player-wrap{
  position:relative;
  border:1px solid #2d2d2d;
  background:#000;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.live-player-wrap iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
}
.live-player-label{
  position:absolute;
  left:12px;
  top:12px;
  display:flex;
  align-items:center;
  gap:7px;
  background:rgba(5,5,5,.82);
  border:1px solid rgba(255,101,0,.5);
  padding:7px 9px;
  color:#fff;
  font:800 10px "Barlow Condensed";
  letter-spacing:1.2px;
}
.live-dot{
  width:8px;
  height:8px;
  background:#ff3b30;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(255,59,48,.16);
}
@media(max-width:900px){
  .live-print-inner{grid-template-columns:1fr;gap:35px;padding:75px 7vw}
}


/* YOUTUBE VIDEOS */
.youtube-section{
  background:#060606;
  border-bottom:1px solid var(--line);
}
.youtube-inner{
  max-width:var(--max);
  margin:auto;
  padding:100px 5vw;
}
.youtube-heading{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:end;
  margin-bottom:38px;
}
.youtube-heading-copy{
  max-width:500px;
  justify-self:end;
}
.youtube-heading-copy p{
  color:#999;
  line-height:1.65;
  margin:0 0 20px;
}
.youtube-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.youtube-card{
  border:1px solid #252525;
  background:#0b0b0b;
  overflow:hidden;
  transition:.2s;
}
.youtube-card:hover{
  border-color:rgba(255,101,0,.55);
  transform:translateY(-3px);
}
.video-frame{
  background:#000;
  aspect-ratio:16/9;
}
.video-frame iframe{
  width:100%;
  height:100%;
  display:block;
}
.youtube-card-copy{
  padding:16px;
}
.youtube-card-copy span{
  color:#ff6500;
  font:800 10px "Barlow Condensed";
  letter-spacing:1.5px;
}
.youtube-card-copy h3{
  margin:7px 0 0;
  font-size:24px;
  line-height:1;
}
@media(max-width:900px){
  .youtube-heading{grid-template-columns:1fr;gap:20px}
  .youtube-heading-copy{justify-self:start}
  .youtube-grid{grid-template-columns:1fr}
}

/* 14-video gallery refinement */
@media(min-width:1250px){
  .youtube-grid{grid-template-columns:repeat(3,1fr)}
}


/* MOBILE HAMBURGER MENU */
.mobile-menu-toggle,
.mobile-menu{display:none}

@media(max-width:760px){
  .header{
    gap:10px;
  }

  .header-order{
    display:none;
  }

  .mobile-menu-toggle{
    display:flex;
    width:44px;
    height:44px;
    margin-left:auto;
    padding:0;
    border:1px solid #2d2d2d;
    background:#0b0b0b;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    position:relative;
    z-index:32;
  }

  .mobile-menu-toggle span{
    width:20px;
    height:2px;
    background:#f5f5f3;
    transition:transform .2s ease, opacity .2s ease;
    transform-origin:center;
  }

  .mobile-menu-toggle.open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .mobile-menu-toggle.open span:nth-child(2){
    opacity:0;
  }
  .mobile-menu-toggle.open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .mobile-menu{
    display:flex;
    position:fixed;
    top:65px;
    left:0;
    right:0;
    z-index:30;
    flex-direction:column;
    background:rgba(5,5,5,.98);
    border-top:1px solid #202020;
    border-bottom:1px solid #2a2a2a;
    padding:8px 5vw 18px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
    box-shadow:0 18px 40px rgba(0,0,0,.45);
  }

  .mobile-menu.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .mobile-menu a{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:49px;
    border-bottom:1px solid #1e1e1e;
    color:#eee;
    font:800 16px "Barlow Condensed";
    letter-spacing:1.5px;
  }

  .mobile-menu a:last-child{
    border-bottom:0;
  }

  .mobile-menu a:hover,
  .mobile-menu a:focus{
    color:#ff6500;
  }

  .mobile-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff3b30;
    box-shadow:0 0 0 3px rgba(255,59,48,.15);
  }

  body.mobile-menu-open{
    overflow:hidden;
  }
}


/* SEPARATE YOUTUBE PAGE */
.youtube-page{
  padding-top:78px;
}
.youtube-page-hero{
  min-height:52vh;
  display:flex;
  align-items:center;
  max-width:var(--max);
  margin:auto;
  padding:90px 5vw 55px;
  background:
    radial-gradient(circle at 15% 25%,rgba(255,101,0,.11),transparent 28%);
}
.youtube-page-hero h1{
  font-size:clamp(70px,10vw,135px);
  margin:0 0 20px;
}
.youtube-page-hero h1 span{color:#ff6500}
.youtube-page-hero p:not(.eyebrow){
  color:#aaa;
  max-width:560px;
  font-size:18px;
  line-height:1.6;
  margin-bottom:24px;
}
.youtube-page-section{
  border-top:1px solid var(--line);
}
@media(max-width:760px){
  .youtube-page{padding-top:65px}
  .youtube-page-hero{
    min-height:auto;
    padding:70px 7vw 45px;
  }
  .youtube-page-hero h1{
    font-size:20vw;
  }
}