.server-prices{flex-basis:100%;width:100%}.product-buy{flex-wrap:wrap}.pack-option{border-bottom:1px solid var(--ui-line);padding:8px 0 16px}.pack-option p{margin:8px 0}.pack-option form{margin:0}.pack-option button{min-height:44px}.shop-page{padding-top:64px;padding-bottom:72px}.shop-page h1{margin-bottom:24px}.shop-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;margin:32px 0}.shop-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid var(--ui-line)}.shop-row h2{font-size:21px}.shop-row>div{flex:1;min-width:160px}.shop-row form{width:130px}.shop-row input{width:100%}.shop-row button{margin:8px 0}.shop-summary{background:var(--ui-raised);border:1px solid var(--ui-line);border-radius:18px;padding:28px;align-self:start;min-width:0;overflow-wrap:anywhere}.shop-summary h2{font-size:26px;margin-bottom:20px}.shop-total{font-size:30px;font-weight:800}.shop-form label,.shop-row label{display:block;font-weight:600;margin-bottom:8px}.shop-form input,.shop-form textarea,.shop-row input{font:inherit;max-width:100%;border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:8px;padding:13px;min-height:46px}.shop-form input:not([type=checkbox]),.shop-form textarea{width:100%}.shop-form input[type=checkbox]{width:22px;height:22px;min-height:22px;vertical-align:middle}.shop-form p{margin-bottom:22px}.shop-form .errorlist,.shop-error{color:var(--ui-error-text,#6F1707);background:var(--ui-error-bg,#F8DAD2);border-radius:10px;padding:16px}.shop-note{font-size:17px;max-width:760px}.shop-page :focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}.shop-summary p{margin:16px 0}.shop-page .btn{min-height:46px;white-space:normal}.shop-form .helptext{font-size:13px}@media(max-width:768px){.shop-layout{grid-template-columns:1fr}.shop-page{padding-top:32px}.shop-summary{padding:22px}.shop-row>strong{width:100%}.shop-form .btn{width:100%}}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:1001;transform:none!important}.shop-checkout .shop-form{order:1}.shop-checkout .shop-summary{order:2}@media(max-width:768px){.shop-checkout .shop-form{order:2}.shop-checkout .shop-summary{order:1}}

.promo-form label{display:block;font-weight:600;margin:14px 0 8px}.promo-form>div{display:flex;gap:8px}.promo-form input{min-width:0;flex:1}.promo-form .text-link{margin-top:10px;font-size:13px}.discount-line{color:var(--ui-text);font-weight:600}.server-prices strong{white-space:normal;overflow-wrap:anywhere}.server-prices small{font-size:12px!important}.product-buy>.fine-print{display:none}.product-buy>a.btn{min-height:44px}@media(max-width:400px){.promo-form>div{flex-direction:column}}
.pack-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.pack-option strong{font-size:17px}.pack-option .btn{padding:10px;font-size:12px}.pack-option form{min-width:0}

/* Preserve the intentional two-line title on narrow storefront screens. */
.home-story-hero .hero-copy h1 br{display:initial}

/* Public stock states never expose the warehouse quantity. */
.stock-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;font-weight:500;color:var(--ink,#1a1a1a)}.stock-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.stock-status--out{color:var(--muted,#746f67)}.stock-status--out::before{background:transparent;border:1px solid currentColor;box-sizing:border-box}

/* UX-2/3: the same purchase surfaces in both appearances. */
.shop-page{color:var(--ui-text)}
.shop-page .shop-summary{background:var(--ui-raised);color:var(--ui-text)}
.shop-page :is(input,textarea,select){color:var(--ui-text)}
.shop-page :is(p,label,legend,summary,dt,dd){font-size:1rem}
.shop-page .fine-print{font-size:.875rem;line-height:1.65;color:var(--ui-muted)}
.shop-page h1{overflow-wrap:normal}
.shop-row{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:16px}
.shop-row>div{min-width:0}.shop-row h2{font-size:1.25rem;line-height:1.3}
.shop-row form{width:auto}.quantity-form label{font-size:.875rem}
.quantity-control{display:grid;grid-template-columns:44px minmax(44px,1fr) 44px;gap:4px}
.quantity-control button{padding:0;margin:0;min-width:44px;min-height:44px}
.quantity-control input{padding:8px;order:2;text-align:center;min-width:0}
.quantity-control [data-quantity-step="-1"]{order:1}.quantity-control [data-quantity-step="1"]{order:3}
.quantity-form>.btn{width:100%}.shop-row>strong{justify-self:end}
.remove-item .btn{margin:0}.cart-totals{margin-block:20px}
.cart-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block:12px}
.cart-totals dd{margin:0;text-align:right}.cart-totals .shop-total{font-size:1.75rem}
.checkout-summary summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-weight:650;line-height:1.4;list-style:none}
.checkout-summary summary::after{content:'+';margin-left:auto;padding-left:12px}
.checkout-summary[open] summary::after{content:'−'}
.checkout-group{border:0;padding:0;margin:0 0 24px;min-width:0}
.checkout-group legend{font-weight:700;margin-bottom:16px}
.shop-form label:has(input[type=checkbox]),.shop-form p:has(>input[type=checkbox]){min-height:44px;line-height:1.5}
.shop-form input[type=checkbox]{accent-color:var(--ui-link);flex:none}
.shop-form p>input[type=checkbox]+label{display:inline;font-weight:500}
.shop-documents{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:20px}
.shop-documents a,.shop-contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--ui-link)}
.shop-page .document-toc{border-block:1px solid var(--ui-line);padding-block:16px}
.shop-page .document-toc a{display:flex;align-items:center;min-height:44px;color:var(--ui-link)}
.shop-page .prose{max-inline-size:65ch}.shop-page .promo-conditions{font-size:.875rem}
.shop-error,.error-summary{background:var(--ui-error-bg,#F8DAD2);color:var(--ui-error-text,#6F1707)}
@media(max-width:800px){.shop-row{grid-template-columns:minmax(0,1fr)}.shop-row>strong{justify-self:start}.quantity-form{max-width:220px}.shop-row .remove-item{width:max-content;max-width:100%}.shop-checkout .shop-summary{margin:0}.shop-checkout{gap:24px}.shop-page .journey{flex-wrap:wrap}.checkout-intro .checkout-cat{display:none}}
@media(min-width:801px){.checkout-summary>div{display:block}.checkout-summary>summary{cursor:pointer}}

.ux-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ux-state-grid .shop-summary{height:100%}@media(max-width:1000px){.ux-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.ux-state-grid{grid-template-columns:minmax(0,1fr)}}

/* Order/account fragments share storefront surfaces; no pale status card in dark mode. */
.shop-page :is(.buyer-status,.buyer-card,.buyer-notice){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-line)}
.shop-page .buyer-timeline time{color:var(--ui-muted)}
.shop-page .buyer-timeline li{border-color:var(--ui-line)}
.shop-page :is(.buyer-status,.buyer-card,.buyer-notice) :is(p,h2,h3,.eyebrow){color:var(--ui-text)}

.shop-page .journey{font-size:.875rem}.shop-page .journey a{display:inline-flex;align-items:center;min-height:44px}

.shop-page .error-summary a{display:inline-flex;align-items:center;min-height:44px;color:var(--ui-error-text,#6F1707)}