/* Q1 Store V16.94 — responsive auto-fit header/page and downward marble-base arc */
:root{
  --q1-header-compact-scale:.90;
  --q1-header-tools-gap:5px;
  --q1-header-search-width:290px;
  --q1-header-row-gap:8px;
}
html{max-width:100%;overflow-x:hidden}
body.q1-v16-94{max-width:100%;overflow-x:hidden!important}
body.q1-v16-94 img,body.q1-v16-94 video,body.q1-v16-94 svg{max-width:100%}
body.q1-v16-94 .container{width:min(1600px,calc(100% - clamp(18px,3vw,48px)))!important;max-width:100%!important}

/* Header: every control remains inside the viewport. */
body.q1-v16-94 .lux-header{width:100%;max-width:100%;overflow:visible}
body.q1-v16-94 .lux-header-inner{
  width:min(1600px,calc(100% - clamp(18px,2.4vw,40px)))!important;
  max-width:100%!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:max-content minmax(340px,1fr) minmax(320px,420px) minmax(230px,285px)!important;
  grid-template-areas:"tools nav search brand"!important;
  align-items:center!important;
  column-gap:clamp(8px,1.2vw,18px)!important;
  row-gap:var(--q1-header-row-gap)!important;
  padding:8px 0!important;
}
body.q1-v16-94 .lux-brand{grid-area:brand!important;min-width:0!important;max-width:100%!important;transform:scale(calc(var(--q1-brand-text-scale,1) * var(--q1-header-compact-scale)))!important;transform-origin:center right!important;white-space:nowrap!important}
body.q1-v16-94 .lux-brand img{width:clamp(58px,5vw,78px)!important;height:clamp(58px,5vw,78px)!important;flex:0 0 auto}
body.q1-v16-94 .lux-brand strong{font-size:clamp(19px,1.55vw,25px)!important}
body.q1-v16-94 .lux-brand b{font-size:clamp(15px,1.2vw,20px)!important}
body.q1-v16-94 .lux-brand small{font-size:clamp(11px,.9vw,14px)!important}
body.q1-v16-94 .lux-header-left{grid-area:search!important;display:grid!important;grid-template-columns:auto minmax(170px,var(--q1-header-search-width))!important;align-items:center!important;justify-content:end!important;gap:clamp(6px,1vw,12px)!important;width:100%!important;min-width:0!important}
body.q1-v16-94 .lux-search-top{width:100%!important;min-width:0!important;max-width:var(--q1-header-search-width)!important}
body.q1-v16-94 .lux-search-top input{width:100%!important;min-width:0!important}
body.q1-v16-94 .lux-offer-btn{padding:10px 14px!important;font-size:clamp(12px,.95vw,15px)!important;white-space:nowrap!important}
body.q1-v16-94 .lux-nav{grid-area:nav!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(0px,var(--q1-nav-gap,14px),30px)!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important}
body.q1-v16-94 .lux-nav a,body.q1-v16-94 .lux-nav button{font-size:clamp(12px,1vw,16px)!important;padding-inline:clamp(2px,.35vw,6px)!important}
body.q1-v16-94 .lux-header-tools{grid-area:tools!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--q1-header-tools-gap)!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important}
body.q1-v16-94 .lux-header-tools .mini-toggle,body.q1-v16-94 .lux-header-tools .cart-button{height:40px!important;min-height:40px!important;padding-inline:clamp(9px,.75vw,13px)!important;flex:0 0 auto!important}
body.q1-v16-94 .lux-header-tools .customer-open{max-width:104px;overflow:hidden;text-overflow:ellipsis}

/* Main hero and all page sections auto-fit instead of widening the document. */
body.q1-v16-94 .q158-hero,body.q1-v16-94 main,body.q1-v16-94 section,body.q1-v16-94 footer{max-width:100%;overflow-x:clip}
body.q1-v16-94 .q158-shell{
  width:min(1600px,calc(100% - clamp(12px,2.8vw,48px)))!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,56%) minmax(320px,44%)!important;
}
body.q1-v16-94 .q158-orbit-panel,body.q1-v16-94 .q158-copy{min-width:0!important;max-width:100%!important}
body.q1-v16-94 .q158-orbit-panel{overflow:hidden!important}
body.q1-v16-94 .q161-stage{max-width:100%!important}
body.q1-v16-94 .q158-copy h1 span{max-width:100%;overflow-wrap:anywhere}
body.q1-v16-94 .q158-extra-buttons,body.q1-v16-94 #q158ExtraButtons{max-width:100%!important}
body.q1-v16-94 .floating-cart{max-width:calc(100vw - 24px)}

/* The offer text follows a downward (smile) arc on the marble base. */
body.q1-v16-94 .q1-stage-offer-ticker.q1-curved-offer svg{overflow:visible!important}
body.q1-v16-94 .q1-stage-offer-ticker.q1-curved-offer .q1-curved-text{dominant-baseline:auto}

/* Typical 15-inch laptops: compact two-row header, cart always visible. */
@media (max-width:1440px){
  body.q1-v16-94 .lux-header-inner{
    grid-template-columns:max-content minmax(300px,1fr) minmax(220px,280px)!important;
    grid-template-areas:"tools search brand" "nav nav nav"!important;
    min-height:112px!important;
  }
  body.q1-v16-94 .lux-nav{width:100%!important;justify-content:center!important;flex-wrap:wrap!important;padding:2px 0 5px!important}
  body.q1-v16-94 .lux-header-left{justify-content:center!important}
  body.q1-v16-94 .q158-shell{grid-template-columns:minmax(0,55%) minmax(300px,45%)!important}
}
@media (max-width:1100px){
  body.q1-v16-94 .lux-header-inner{
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"tools brand" "search search" "nav nav"!important;
  }
  body.q1-v16-94 .lux-brand{justify-self:end!important}
  body.q1-v16-94 .lux-header-tools{justify-self:start!important}
  body.q1-v16-94 .lux-header-left{grid-template-columns:auto minmax(220px,1fr)!important;justify-self:stretch!important}
  body.q1-v16-94 .lux-search-top{max-width:none!important}
  body.q1-v16-94 .q158-shell{grid-template-columns:1fr!important;min-height:0!important}
  body.q1-v16-94 .q158-orbit-panel{min-height:520px!important;height:520px!important}
  body.q1-v16-94 .q158-copy{height:auto!important;min-height:0!important;padding:22px!important;align-items:center!important;text-align:center!important}
}
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body.q1-v16-94 .container,body.q1-v16-94 .lux-header-inner{width:calc(100% - 16px)!important}
  body.q1-v16-94 .lux-header-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "tools" "search" "nav"!important;
    justify-items:stretch!important;
  }
  body.q1-v16-94 .lux-brand{justify-self:center!important;transform:scale(.9)!important;transform-origin:center!important}
  body.q1-v16-94 .lux-header-tools{justify-content:center!important;justify-self:stretch!important}
  body.q1-v16-94 .lux-header-left{grid-template-columns:1fr!important;justify-items:stretch!important}
  body.q1-v16-94 .lux-offer-btn{width:100%!important}
  body.q1-v16-94 .lux-search-top{width:100%!important;max-width:none!important}
  body.q1-v16-94 .lux-nav{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 12px!important;overflow:visible!important}
  body.q1-v16-94 .lux-nav a,body.q1-v16-94 .lux-nav button{font-size:13px!important;padding:7px 4px!important}
  body.q1-v16-94 .q158-shell{width:calc(100% - 8px)!important}
  body.q1-v16-94 .q158-orbit-panel{height:390px!important;min-height:390px!important}
  body.q1-v16-94 .q1-stage-offer-ticker.q1-curved-offer{width:94%!important;height:92px!important;top:89%!important}
}
@media (max-width:480px){
  body.q1-v16-94 .lux-brand div{max-width:190px}
  body.q1-v16-94 .lux-brand strong{font-size:18px!important}
  body.q1-v16-94 .lux-brand b{font-size:14px!important}
  body.q1-v16-94 .lux-header-tools .mini-toggle,body.q1-v16-94 .lux-header-tools .cart-button{width:43px!important;padding:0!important}
  body.q1-v16-94 .lux-header-tools .customer-open{font-size:0!important}
  body.q1-v16-94 .lux-header-tools .customer-open::before{content:'👤';font-size:18px}
  body.q1-v16-94 .lux-header-tools .cart-button span{display:none!important}
  body.q1-v16-94 .q158-orbit-panel{height:340px!important;min-height:340px!important}
  body.q1-v16-94 #q158ExtraButtons{grid-template-columns:1fr!important}
}
@supports(padding:max(0px)){
  body.q1-v16-94 .lux-header-inner,body.q1-v16-94 .q158-shell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
}