/* Keep the complete header inside its background at every viewport width. */
.home-v5.home-v7 .site-header,
#sf-global-header.home-v7 #site-header{height:auto}
.home-v5.home-v7 .shop-nav{min-height:44px}
.home-v5.home-v7 .shop-nav a{min-height:44px;display:inline-flex;align-items:center;gap:.3em;box-sizing:border-box}

/* Visible keyboard focus and comfortable controls, without changing the brand. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #c58d2f;outline-offset:4px}
.shop :where(.quantity button,.cart-remove,.checkout-back){min-height:44px}
.shop :where(.cart-line-title,.checkout-row-title){overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}