/* TOOLHUBS gadget adapt — phone / tablet / landscape / desktop. Do not hide buy widgets. */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
input,select,textarea{font-size:16px;max-width:100%}
button,.btn{min-height:44px}
.nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.section,.page-hero,footer,.hero .copy{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}

/* pack page */
.layout{grid-template-columns:1.3fr .7fr}
.shots,.inside{grid-template-columns:1fr 1fr}
.pack-hero img{width:100%;height:auto;max-height:62vh;object-fit:contain;background:#0b0b10}
.buybox{position:sticky;top:84px}

@media (max-width:1200px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1020px){
  .grid,.who,.quotes{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .proof{grid-template-columns:1fr 1fr!important}
  .doors,.offer-why,.steps,.contacts,.pay,.layout,.shots,.inside,.cols,.adv{grid-template-columns:1fr!important}
  .door{min-height:42vh;padding:28px}
  .buybox{position:static!important;margin-top:20px}
  .hero{min-height:100dvh}
  .nav-links{display:none;position:absolute;right:max(12px,env(safe-area-inset-right));top:58px;background:var(--paper,#fffaf2);border:1px solid var(--line,rgba(20,17,13,.11));padding:16px 18px;flex-direction:column;min-width:220px;z-index:80;box-shadow:0 24px 60px rgba(20,17,13,.08)}
  .nav-links.open{display:flex}
  .nav-links a,.lang{margin:10px 0}
  .burger{display:block}
  .pack-hero img{max-height:46vh}
  .cta{flex-wrap:wrap}
}
@media (max-width:768px){
  .grid,.who,.quotes,.kpis{grid-template-columns:1fr!important}
  h1{font-size:clamp(32px,11vw,48px)!important;line-height:1.05!important}
  .lead{font-size:16px}
  .section{padding:48px max(16px,env(safe-area-inset-left))}
  .cta .btn{width:100%;justify-content:center}
  footer{flex-direction:column;gap:12px}
  .cat-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .cat-chip{flex:none}
  .tools-bar{top:56px}
  .th197-modal{width:calc(100vw - 20px)!important;max-width:100%!important;max-height:88dvh;overflow:auto}
  .device{padding:6px 6px 0}
  .shot img{min-height:180px;max-height:58vh}
  .lic-row{grid-template-columns:1fr!important}
}
@media (max-width:430px){
  .hero{min-height:78dvh}
  .hero .copy{padding:8vh 18px 7vh}
  .door{min-height:36vh;padding:20px}
  .door h2{font-size:36px}
  .proof div{padding:16px 18px}
  .body{padding:14px}
  .pic.no-cover{min-height:120px}
}
@media (max-width:360px){
  h1{font-size:30px!important}
  .brand{letter-spacing:.2em;font-size:10px}
}
@media (orientation:landscape) and (max-height:520px){
  .hero{min-height:auto}
  .hero .copy{padding:32px 5vw 28px}
  .pack-hero img{max-height:70vh}
}
@media (hover:none){
  .card:hover,.who-card:hover,.door:hover img{transform:none}
  .btn:hover{transform:none}
  .pic:after{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@supports (padding:max(0px)){
  .th197-buy,.th197-submit,.th197-paid{margin-bottom:env(safe-area-inset-bottom)}
}


/* g39 phone menu. Premium used to hide .nav .burger at every width. */
@media (max-width:1020px){
  .nav .nav-links{display:none!important;position:absolute;right:max(12px,env(safe-area-inset-right));top:58px;flex-direction:column;min-width:220px;z-index:90;background:#16120e;border:1px solid rgba(243,215,160,.16);padding:14px 16px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
  .nav .nav-links.open{display:flex!important}
  .nav .burger{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;width:44px;height:44px;padding:0;background:transparent;border:0}
  .nav .nav-links a,.nav .lang,.nav .th-langs{margin:8px 0}
}
@media (min-width:1021px){
  .nav .nav-links{display:flex!important;position:static;flex-direction:row;background:transparent;border:0;box-shadow:none;padding:0;min-width:0}
  .nav .burger{display:none!important}
}