/* KRIT responsive + polish overrides */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
#detail-thumbs{overflow:auto;flex-wrap:nowrap;scrollbar-width:thin}
#detail-thumbs > button{flex:0 0 auto}

@media (max-width:1200px){
  #nav{padding-left:20px!important;padding-right:20px!important}
  .nls{gap:18px!important}
}

@media (max-width:1024px){
  .nls{display:none!important}
  .hbg{display:flex!important}
  .hero{min-height:auto!important}
  .hi{padding:110px 22px 52px!important}
  .h-h1{font-size:clamp(2.5rem,8vw,4.2rem)!important;line-height:0.98!important}
  .h-sub{max-width:680px!important;font-size:1rem!important;line-height:1.8!important}
  .h-proof{grid-template-columns:1fr!important;gap:12px!important;max-width:720px!important}
  #krit-market-grid{grid-template-columns:1fr!important}
  #krit-shop-sidebar{position:static!important;top:auto!important}
  #krit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #krit-detail-layout{grid-template-columns:1fr!important}
  #krit-detail-stage{border-bottom:1px solid rgba(47,93,168,.14)}
  .fi{grid-template-columns:1fr 1fr!important;gap:24px!important}
}

@media (max-width:768px){
  #nav{height:auto!important;min-height:82px!important;align-items:center!important;padding:14px 16px!important;gap:12px!important}
  .nl{width:auto!important;min-width:0!important;gap:2px!important}
  .nl-logo{width:116px!important;height:auto!important}
  .nl-tag{width:auto!important;font-size:.68rem!important;letter-spacing:.03em!important;line-height:1.2!important;margin-top:2px!important}
  .nav-icons{margin-left:auto!important;padding:6px 8px!important;gap:4px!important}
  .nav-icon-btn{width:40px!important;height:40px!important}
  .icon-badge{transform:translate(8px,-8px)!important}
  .h-eye{font-size:.68rem!important;letter-spacing:.24em!important}
  .h-tagline{font-size:1rem!important;letter-spacing:.04em!important}
  .h-h1{font-size:clamp(2.1rem,10vw,3.4rem)!important}
  .h-sub{font-size:.96rem!important;line-height:1.7!important}
  .h-ctas{flex-direction:column!important;align-items:stretch!important;max-width:360px!important;margin:0 auto 18px!important}
  .h-ctas > *{width:100%!important;justify-content:center!important;text-align:center!important}
  .hps{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;font-size:.78rem!important}
  .marquee-wrap{display:none!important}
  #krit-shop-head{grid-template-columns:1fr!important;gap:14px!important}
  #krit-shop-head > div:last-child{width:100%!important}
  #krit-shop-head > div:last-child button{flex:1 1 0!important}
  #krit-grid{grid-template-columns:1fr!important}
  #krit-shop-tools{grid-template-columns:1fr!important;gap:10px!important}
  #krit-results-copy{text-align:left!important}
  #krit-detail-stage{cursor:pointer!important}
  #detail-img{aspect-ratio:1/1!important}
  #krit-detail-view-hint{font-size:.72rem!important;padding:10px 12px 12px!important}
  #detail-thumbs{gap:10px!important;padding:10px!important}
  #detail-thumbs button{width:72px!important;height:72px!important}
  #krit-image-lightbox{padding:78px 12px 110px!important;align-items:flex-start!important}
  #krit-image-lightbox img{max-width:100%!important;max-height:62vh!important;border-radius:16px!important}
  .krit-lightbox-nav{width:46px!important;height:46px!important;top:auto!important;bottom:24px!important;transform:none!important}
  .krit-lightbox-nav.prev{left:14px!important}
  .krit-lightbox-nav.next{right:14px!important}
  #krit-image-lightbox-caption{top:18px!important;max-width:calc(100vw - 110px)!important;text-align:center!important;font-size:.72rem!important;padding:10px 14px!important}
  #krit-lightbox-actions{bottom:18px!important;width:calc(100vw - 92px)!important;gap:8px!important;padding:10px!important;border-radius:18px!important}
  #krit-lightbox-actions button{flex:1 1 140px!important;padding:12px 14px!important;font-size:.72rem!important}
  .info-modal{max-width:calc(100vw - 24px)!important;border-radius:18px!important}
  .im-header,.im-body{padding-left:18px!important;padding-right:18px!important}
  .krit-auth-card{max-width:calc(100vw - 24px)!important;padding:24px 18px!important;border-radius:20px!important}
  .krit-auth-title{font-size:1.55rem!important}
  .krit-auth-sub{font-size:.95rem!important;line-height:1.65!important}
  .fi{grid-template-columns:1fr!important}
  .fc h5{margin-bottom:12px!important}
  .fbot{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  .fleg{display:flex!important;gap:18px!important;flex-wrap:wrap!important}
}

@media (max-width:560px){
  .hero{padding-top:0!important}
  .hi{padding:104px 16px 38px!important}
  .h-eye{font-size:.62rem!important;letter-spacing:.22em!important}
  .h-tagline{font-size:.92rem!important}
  .h-h1{font-size:clamp(1.95rem,11vw,2.85rem)!important;letter-spacing:-.02em!important}
  .h-sub{font-size:.92rem!important}
  .h-proof-card{padding:14px!important}
  #krit-shop-sidebar > div,
  #krit-shop-tools,
  #krit-detail{border-radius:14px!important}
  #krit-detail-layout > div:last-child{padding:20px 16px!important}
  #detail-dims{grid-template-columns:1fr!important}
  #krit-drawer{width:100vw!important}
  #krit-drawer-body{padding:16px!important}
  .faq-header,.faq-body{padding-left:16px!important;padding-right:16px!important}
  .faq-q{padding:14px 14px!important;font-size:.92rem!important}
  footer > div:first-child,
  footer > div:nth-child(2){padding-left:20px!important;padding-right:20px!important}
  footer form{min-width:0!important;width:100%!important;justify-content:stretch!important}
  footer form input,
  footer form button{width:100%!important}
}