/* PACKZONE V11 – mobile-first refinement. Load AFTER all other stylesheets. */
@media (max-width: 767px) {
  html{scroll-padding-top:78px}
  body{overflow-x:clip;-webkit-text-size-adjust:100%}
  img,video,iframe{max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation}
  input,select,textarea{font-size:16px}
  a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #58d5ff;outline-offset:3px}
  /* Header: compact, breathing room, safe-area aware */
  .pz-unified-header{position:relative;z-index:100;background:linear-gradient(110deg,#030b18,#071d35);border-bottom:1px solid #2a9cdb55}
  .pz-unified-header-inner{min-height:66px;padding:10px 15px!important;gap:10px}
  .pz-unified-logo{min-width:0;max-width:56vw}
  .pz-unified-logo img{width:auto!important;max-width:100%!important;height:38px!important;object-fit:contain;object-position:left center}
  .pz-unified-links{display:none!important}
  .pz-unified-cart{flex-shrink:0;min-width:42px;min-height:42px;border-radius:12px}
  .pz-unified-mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -12px 35px #000a18aa;background:#041426f2;backdrop-filter:blur(18px);border-top:1px solid #2a9cdb55}
  .pz-unified-mobile-nav a{min-height:55px;gap:5px;font-size:11px}
  .pz-unified-mobile-nav i{font-size:18px}
  /* HERO: portrait-first editorial card; image stays visible at the top,
     copy gets its own opaque region so it never covers the characters. */
  .pz-neon-home{overflow-x:clip}
  .pz-neon-hero{
    display:flex!important;flex-direction:column!important;position:relative!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:12px 12px 28px!important;border:1px solid #3caff07a!important;
    border-radius:24px!important;overflow:hidden!important;
    background:linear-gradient(180deg,#071b36 0%,#031020 100%)!important;
    box-shadow:0 18px 44px #000c1dbb,0 0 0 1px #00518b33!important;
    isolation:isolate;
  }
  .pz-neon-hero > img{
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;aspect-ratio:16/10!important;
    min-height:0!important;max-height:none!important;object-fit:cover!important;
    object-position:52% 44%!important;transform:none!important;filter:saturate(1.1) contrast(1.05);
  }
  .pz-neon-hero .pz-neon-hero-shade{
    position:absolute!important;inset:0 0 auto!important;height:55%!important;
    background:linear-gradient(180deg,transparent 50%,#06152c 100%)!important;
    pointer-events:none!important;z-index:2;
  }
  .pz-neon-hero .pz-hero-copy{
    display:block!important;position:relative!important;inset:auto!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;max-width:none!important;width:100%!important;
    padding:5px 21px 25px!important;margin:0!important;z-index:4!important;
    text-align:left!important;filter:none!important;background:transparent!important;
  }
  .pz-neon-hero .pz-hero-copy h1{
    margin:0 0 13px!important;font-size:clamp(30px,8.5vw,43px)!important;
    line-height:1.07!important;letter-spacing:-.045em!important;font-weight:900!important;
    max-width:350px!important;text-wrap:balance;
  }
  .pz-neon-hero .pz-hero-copy p{
    margin:0 0 21px!important;font-size:13px!important;line-height:1.65!important;
    color:#c9e2f4!important;max-width:330px!important;text-shadow:none!important;
  }
  .pz-hero-desktop-break{display:none!important}
  .pz-neon-hero .pz-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .pz-neon-hero .pz-hero-actions a{
    width:100%!important;min-height:49px!important;display:flex!important;
    justify-content:center!important;align-items:center!important;text-align:center!important;
    border-radius:13px!important;padding:12px 16px!important;font-size:13px!important;
    line-height:1.25!important;font-weight:800!important;white-space:normal!important;
  }
  .pz-neon-hero .pz-hero-primary{background:linear-gradient(115deg,#00b5ff,#0569ee)!important;color:white!important;box-shadow:0 8px 22px #008cff40!important;border:1px solid #3dc8ff!important}
  .pz-neon-hero .pz-hero-secondary{background:#0c2a48!important;color:#bfeaff!important;border:1px solid #3b9ed677!important}
  /* Category cards: less cramped, consistent corners and crop */
  .pz-neon-categories,.pz-neon-social,.pz-neon-benefits{padding-left:14px!important;padding-right:14px!important;margin-left:auto!important;margin-right:auto!important}
  .pz-neon-category-grid,.pz-neon-social-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .pz-neon-category-grid>a,.pz-neon-social-grid>a{
    display:block!important;min-width:0!important;max-width:none!important;
    border-radius:20px!important;overflow:hidden!important;
    border:1px solid #2779b35c!important;box-shadow:0 12px 30px #000b1b77!important;
  }
  .pz-neon-category-grid>a img{max-width:100%!important;object-fit:cover!important}
  .pz-neon-tile-title{font-size:clamp(19px,5.2vw,25px)!important;line-height:1.2!important}
  /* Store listing, search, cards and checkout */
  .pz-hero{padding-top:24px!important;padding-bottom:28px!important}
  .pz-hero .hero-title{font-size:clamp(28px,8vw,42px)!important;line-height:1.12!important;overflow-wrap:anywhere}
  .pz-hero-feature{padding:12px!important;border-radius:20px!important}
  .pz-hero-feature img{max-height:180px!important;object-fit:contain!important}
  .pz-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .pz-product-card{min-width:0!important;border-radius:16px!important;overflow:hidden!important}
  .pz-product-card img{max-width:100%;object-fit:contain}
  .pz-product-card button{min-height:40px}
  .pz-v10-tools{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;right:10px!important;gap:7px!important;max-width:calc(100vw - 20px)}
  .pz-v10-tools button{min-height:42px!important;padding:9px 11px!important;border-radius:14px!important}
  #pzV10Modal .pz-v10-dialog{width:calc(100vw - 24px)!important;max-width:520px!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;border-radius:20px!important}
  .pz-v10-results{max-height:55dvh;overflow-y:auto}
  .pz-v10-pack-wrap{padding:24px 14px!important;overflow:hidden}
  .pz-v10-pack-choices{display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:8px!important}
  .pz-v10-pack-choice{min-height:43px!important;font-size:12px!important}
  .pz-v10-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .pz-v10-pack-card{min-width:0!important}
  .pz-v10-stats{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}
  /* Footer: generous tap targets, clean 2-column hierarchy */
  .pz-footer-v8-inner{gap:26px 18px!important}
  .pz-footer-v8-col a{padding:3px 0!important;min-height:26px}
  .pz-footer-v8-brand img{max-width:220px!important}
  /* Avoid fixed widgets overlapping the last page section */
  main{padding-bottom:10px}
}
@media(max-width:360px){
  .pz-neon-hero{margin-left:8px!important;margin-right:8px!important}
  .pz-neon-hero .pz-hero-copy{padding-left:16px!important;padding-right:16px!important}
  .pz-product-grid{gap:8px!important}
  .pz-v10-tools button span{display:none}
}
@media(min-width:768px) and (max-width:1024px){
  .pz-neon-hero .pz-hero-copy{max-width:55%!important}
  .pz-neon-hero .pz-hero-copy h1{font-size:clamp(30px,4vw,46px)!important}
  .pz-neon-category-grid{gap:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .pz-neon-hero *, .pz-v10-tools *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}