/* One responsive page frame for every public route. */
:root{--wondiboo-page-width:760px;--wondiboo-gutter:clamp(20px,4vw,26px)}
html{background:#080e15;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:var(--wondiboo-page-width);min-height:100svh;margin:0 auto!important}
body:not(.home):not(.hp-info-page):not(.single-product){background:#f8efde;color:#302218;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
*,*::before,*::after{box-sizing:border-box}
body>main,.shop-shell,.hp-info-shell,.hp-header-shell,body.hp-info-page .hp-header-shell{width:100%;max-width:var(--wondiboo-page-width);margin-inline:auto}
.hp-header-shell,body.hp-info-page .hp-header-shell{padding-inline:var(--wondiboo-gutter)}
body>main:not(:has(.hero)){padding-inline:var(--wondiboo-gutter)!important;overflow-wrap:anywhere}
.topbar{padding-inline:var(--wondiboo-gutter)}
.shop-shell{padding-inline:var(--wondiboo-gutter)}
.shop-navigation{width:100%;min-width:0}
.info-main{padding:32px var(--wondiboo-gutter) 40px}
.collection{padding-left:var(--wondiboo-gutter);padding-right:var(--wondiboo-gutter)}
.home-footer,.info-footer{padding-left:var(--wondiboo-gutter);padding-right:var(--wondiboo-gutter)}
.home-footer-links,.info-footer nav{min-width:0;max-width:100%;overscroll-behavior-x:contain}
.product-layout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:none;width:100%}
.product-gallery{position:static;width:100%;max-width:520px;margin:0 auto}
.product-purchase{width:100%;min-width:0}
.product-purchase h1{font-size:clamp(28px,4.5vw,38px);overflow-wrap:anywhere}
.product-detail,.cart-page,.scoop-description{width:100%;max-width:100%;min-width:0}
.about-layout{grid-template-columns:minmax(0,1fr);gap:28px}
.about-photo{max-width:520px;width:100%;margin:0 auto}
.about-story,.info-content,.info-content>*,.tracking-box{min-width:0;max-width:100%}
input:not([type=hidden]):not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px!important;max-width:100%;min-width:0}
img{max-width:100%}
.cart-item{grid-template-columns:110px minmax(0,1fr);gap:20px}
.cart-line-total{grid-column:2}
.cart-item h2,.cart-item dd,.cart-unit-price,.woocommerce-message,.woocommerce-error,.woocommerce-info{overflow-wrap:anywhere}
body>main .woocommerce{min-width:0;max-width:100%}
body>main .woocommerce form{max-width:100%}
body>main .woocommerce .form-row input:not([type=checkbox]){width:100%}
body>main .woocommerce .col2-set{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body>main .woocommerce .col2-set .col-1,body>main .woocommerce .col2-set .col-2{float:none;width:100%}
body>main .woocommerce-MyAccount-navigation{float:none;width:100%}
body>main .woocommerce-MyAccount-content{float:none;width:100%;min-width:0}
body>main .woocommerce table{max-width:100%;font-size:14px}
@media(max-width:639px){.info-main{padding-top:26px;padding-bottom:36px}.scoop-options{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-item{grid-template-columns:88px minmax(0,1fr);gap:16px}}
@media(max-width:359px){.purchase-actions{flex-wrap:wrap}.purchase-actions .add-to-cart{min-height:46px;flex:1 1 100%}.cart-item{grid-template-columns:72px minmax(0,1fr);gap:12px}.cart-item h2{font-size:18px}.cart-line-total{white-space:normal}}

/* Reserve scrollbars only outside the phone frame, never inside a small screen. */
@media(min-width:800px) and (pointer:fine){html{scrollbar-gutter:stable both-edges}}

/* Keep the visible page surface full-height, including short content routes. */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.hp-info-page{background:#f8efde}
body>.hp-header-shell{flex:0 0 auto}
body>.hp-info-shell,body>.shop-shell,body>main{flex:1 0 auto}
.hp-info-shell,.shop-shell{display:flex;flex-direction:column}
.hp-info-shell>.info-main,.shop-shell>main{flex:1 0 auto}
.info-footer,.home-footer,.shop-navigation{flex-shrink:0}
body>.content-area{flex:1 0 auto;width:100%;min-width:0;padding-inline:var(--wondiboo-gutter)}

.hp-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hp-recovery-link{display:inline-flex;align-items:center;min-height:46px;padding:10px 22px;background:#142a3c;color:#f2dfb7;border:1px solid #b18b50;border-radius:7px;text-decoration:none}

/* Keep native account and checkout forms within the same store design. */
body.woocommerce-account main h1,body.woocommerce-account main h2,body.woocommerce-checkout main h1,body.woocommerce-checkout main h2{font-family:Georgia,serif;font-weight:400}
body.woocommerce-account main a,body.woocommerce-checkout main a{color:#805d32;text-underline-offset:4px}
body.woocommerce-account .woocommerce form,body.woocommerce-checkout .woocommerce form{border-color:#dcc8a6;border-radius:9px}
body.woocommerce-account .woocommerce input.input-text,body.woocommerce-checkout .woocommerce input.input-text,body.woocommerce-checkout .woocommerce select{min-height:44px;border:1px solid #c4a679;border-radius:6px;background:#fffcf6;padding:9px 12px;color:#302218}
body.woocommerce-account .woocommerce button.button,body.woocommerce-checkout .woocommerce button.button{min-height:44px;background:#142a3c;color:#f2dfb7;border:1px solid #b18b50;border-radius:6px;padding:10px 20px;font-family:Georgia,serif}
/* WooCommerce includes an accessible range description; do not show it twice visually. */
.screen-reader-text:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.info-content a.hp-recovery-link{color:#f2dfb7}

/* Native totals and express checkout share the store's existing navy/gold palette. */
.hp-recovery-link,.cart-page .update-cart,.hp-shipping-update{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:10px 20px;border:1px solid #b18b50;border-radius:6px;background:#142a3c;color:#f2dfb7;font:inherit;line-height:1.4;white-space:normal;cursor:pointer}
.cart-page .update-cart{display:flex}
.hp-standard-checkout[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.hp-cart-estimate{margin-top:28px;padding-top:24px;border-top:1px solid #dcc8a6}
.hp-cart-estimate h2,.hp-express-checkout h2{font:400 26px/1.25 Georgia,serif;margin:0 0 16px}
.hp-country-form label{display:block;font-size:15px;margin-bottom:8px}
.hp-country-controls{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.hp-country-controls select{flex:1 1 200px;width:100%;min-height:48px;border:1px solid #c4a679;border-radius:6px;padding:10px;background:#fffcf6;color:#302218}
.hp-country-controls button{flex:0 0 auto}
.hp-estimate-note,.hp-express-checkout p{font-size:14px;line-height:1.6;color:#6d5b46;margin:12px 0}
.hp-cart-estimate .cart_totals>h2,.hp-cart-estimate .wc-proceed-to-checkout,.hp-cart-estimate .woocommerce-shipping-destination{display:none}
.hp-cart-estimate .cart_totals{float:none;width:100%;margin-top:18px}
.hp-cart-estimate table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px}
.hp-cart-estimate th,.hp-cart-estimate td{padding:12px 0;border-bottom:1px solid #e3d5bd;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.hp-cart-estimate th{width:48%;text-align:left;font-weight:400;padding-right:12px}
.hp-cart-estimate td{text-align:right}
.hp-cart-estimate .amount{white-space:nowrap}
.hp-cart-estimate ul{list-style:none;padding:0;margin:0}
.hp-cart-estimate .order-total th,.hp-cart-estimate .order-total td{font-weight:700;border-bottom:0}
.hp-express-checkout{margin:24px 0;padding:24px 0;border-top:1px solid #dcc8a6}
.hp-express-checkout .hp-paypal-cart{margin:16px 0;max-width:100%}
.hp-checkout-divider{text-align:center}
.hp-express-checkout .hp-standard-checkout{width:100%}
.hp-checkout-express-note{padding:16px;border:1px solid #dcc8a6;border-radius:8px;background:#f0e5d3;margin:0 0 24px;font-size:15px;line-height:1.6}
.hp-checkout-express-note strong{display:block}
.hp-checkout-express-note a{display:inline-block;padding:8px 0;min-height:44px}
@media(max-width:639px){
 .hp-country-controls button{width:100%}
 body.woocommerce-checkout .info-footer{align-items:flex-start;gap:16px}
 body.woocommerce-checkout .info-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;overflow:visible;flex:1}
 body.woocommerce-checkout .info-footer nav a{min-width:0;white-space:normal;min-height:44px;display:flex;align-items:center}
}