/* Keep the storefront layout while sharing accessible controls with account pages. */
body.light-mode{--muted:#5d6259;--gold:#815837;--cream:#252b25;--ink:#faf9f6}
.light-mode .order-form{padding:32px;gap:14px}.light-mode .order-form h2{margin:0}.light-mode .order-form>img{width:80px;height:80px;object-fit:contain}.light-mode .order-form>p{margin:0}.light-mode .order-form label{letter-spacing:normal;text-transform:none}.light-mode .order-form .button{color:white;background:#293d30}.info-panel>p,.info-panel>a{margin:20px;display:block}.light-mode .cookie-panel .button{color:#fff}.light-mode footer .policy-links{color:#f5f4ed}.light-mode .modal-is-open{overflow:hidden}.light-mode input:focus-visible,.light-mode button:focus-visible{outline:3px solid #815837!important;outline-offset:3px}.product-card,.product-body,.panel,.app-nav{min-width:0;overflow-wrap:anywhere}.cards .panel img{width:100%;max-height:240px;object-fit:contain}.cards .panel button{margin:5px 5px 5px 0}.storefront-mode #vendors,.storefront-mode .editorial-banner,.storefront-mode .hero{display:none}.order-form .check-line{flex-wrap:wrap;column-gap:7px}.order-form .check-line input{flex-basis:18px}.app-header+.page-shell{min-height:60vh}.skip-link{position:absolute;top:-80px;left:15px;z-index:3000;padding:12px;background:white;color:#252b25}.skip-link:focus{top:15px}
@media(max-width:760px){.light-mode .order-form{padding:26px 18px}.app-nav{display:none}.app-nav[data-open=true]{display:flex}}

.storefront-mode a[href='#vendors'],.storefront-mode a[href='#how']{display:none}.light-mode .public-disclosure{color:#252b25}
