/* Desktop (1000px and wider): the whole site uses the full screen width, from header to footer, with one
   small side margin that grows a little on big screens. Phones and tablets are not affected. The empty
   search-suggestion box no longer shows as a thin line. */
@media (min-width:1000px){
  :root{--sc-side:clamp(20px,2.2vw,44px)}
  header{padding-left:var(--sc-side)!important;padding-right:var(--sc-side)!important}
  .dnavinner{max-width:none!important;padding-left:var(--sc-side)!important;padding-right:var(--sc-side)!important}
  .lay{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--sc-side)!important;padding-right:var(--sc-side)!important;box-sizing:border-box}
  .lay main,main{max-width:none!important}
  .desktop-footer-main{width:100%!important;max-width:none!important;padding-left:var(--sc-side)!important;padding-right:var(--sc-side)!important;box-sizing:border-box}
  .storefront-bottom-banner{width:auto!important;max-width:none!important;margin-left:var(--sc-side)!important;margin-right:var(--sc-side)!important}
  .dsrch{flex:1 1 560px;max-width:760px!important}
}
.dsr:empty{display:none!important}

/* Checkout, old storefront: products (with photo) on the left, order form + summary on the right.
   Phones keep the stacked layout with the emoji row. */
.cki .ckimg,.cki .cku{display:none}
@media (min-width:1000px){
  .lay:has(.glp),main:has(.glp){max-width:none!important}
  .glp:has(#ckitems){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(400px,1fr);gap:22px;align-items:start;max-width:none!important}
  .glp:has(#ckitems)>h2{grid-column:1/-1;margin:4px 0 0}
  .glp:has(#ckitems)>#ckitems{grid-column:1;margin:0}
  .glp:has(#ckitems)>.cd2.f{grid-column:2;width:auto!important;max-width:none!important;margin:0!important;position:sticky;top:120px}
  #ckitems>b{display:block;font-size:17px;margin-bottom:6px}
  #ckitems .ckr{display:flex!important;align-items:center;gap:16px;padding:14px 0}
  #ckitems .cki{flex:1;gap:14px}
  #ckitems .cke{display:none}
  #ckitems .ckimg{display:flex;flex:none;width:76px;height:76px;border-radius:12px;overflow:hidden;align-items:center;justify-content:center;font-size:38px;background:color-mix(in srgb,var(--tx) 6%,transparent)}
  #ckitems .ckimg img{width:100%;height:100%;object-fit:cover;display:block}
  #ckitems .cki em{white-space:normal;font-size:15px;font-weight:600;line-height:1.4;display:flex;flex-direction:column;gap:4px}
  #ckitems .cku{display:block;font-weight:400;font-size:13px;color:var(--mu)}
  #ckitems .ckp{font-size:16px;min-width:90px;text-align:right}
}