.dock-once {display:none}
@media(max-width:820px){
  html {scroll-padding-block:60px 75px}
  body:has(.buy-dock) {padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .buy-dock.dual-dock:not([hidden]) {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}
  .dual-dock .dock-once,.panel .buy-once {display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;text-decoration:underline;text-underline-offset:3px;color:#26191b}
  .dual-dock .dock-once {border:1px solid #c4b4a4;border-radius:10px;background:#fff}
  .dual-dock button {min-height:44px}
  .panel .buy-once {margin:0}
  .mobileNav nav {position:absolute;left:-20px;top:100%;width:100vw;max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain}
  .mobileNav summary,header cart-icon {min-width:44px;min-height:44px;display:grid;place-items:center}
  header cart-icon {top:50%;transform:translateY(-50%);right:10px}
  .mobileNav {left:10px}
  .mobileNav nav {left:-10px}
  .mobileNav nav a {min-height:44px;display:flex;align-items:center}
  #hp-bag .cart-content {min-width:0}
  #hp-bag .cart-code input {font-size:16px}
  #hp-bag .cart-close,#hp-bag .cart-remove {min-width:44px;min-height:44px}
  #hp-bag .cart-qty button {min-height:38px;min-width:34px}
  #hp-bag .cart-prices,#hp-bag .cart-copy {min-width:0;overflow-wrap:anywhere}
}
@media(max-height:520px) and (orientation:landscape){
 #hp-bag .cart-frame {display:block;overflow-y:auto}
 #hp-bag .cart-bottom,#hp-bag .cart-content {max-height:none;overflow:visible}
 #hp-bag .cart-bar {position:sticky;top:0;z-index:1}
}
