.retail-page [hidden]{display:none!important}
.retail-page .shop-intro{padding:18px 0 24px;display:block}
.retail-page .shop-intro h1{font-size:40px;margin-bottom:8px}
.retail-page .shop-intro p{max-width:720px;margin:8px 0}
.retail-page .shop-intro .eyebrow{margin-bottom:10px}
.retail-page .shop-intro-aside{display:none}
.shop-browser{display:grid;grid-template-columns:155px minmax(0,1fr);gap:32px;margin:28px 0 48px}
.shop-categories{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:20px}
.shop-categories>span{font-size:10px;letter-spacing:.14em;color:#758174;margin:0 12px 12px}
.shop-categories a{font-size:14px;text-decoration:none;color:#40564a;padding:13px 12px;border-radius:7px}
.shop-categories a[aria-current]{background:#e6eee4;color:#12543f;font-weight:700}
.shop-list-content{min-width:0}
.shop-list-content>.shop-section{display:none}
.retail-page #retail-status:empty{display:none}
.shop-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}
.shop-tile{display:block;text-decoration:none;color:#263f32;min-width:0;border-radius:9px}
.shop-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f1f3ed;border:1px solid #e5e9e1;border-radius:9px}
.shop-tile h2{font-size:14px;font-weight:500;line-height:1.5;margin:12px 0 0;overflow-wrap:break-word}
.shop-tile:hover img{border-color:#93b09d}
.shop-tile:focus-visible{outline:3px solid #73a68f;outline-offset:5px}
#shop-back{display:inline-block;color:#146d59;margin:14px 0 28px;font-size:14px;text-underline-offset:4px}
.retail-page #shop-detail-content .shop-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:28px 40px;grid-row:auto;padding:24px;border:1px solid #dfe6dc;align-items:start}
.shop-product-media{min-width:0;grid-column:1;grid-row:1}
.shop-buy-box{grid-column:2;grid-row:1;min-width:0;position:sticky;top:20px}
.shop-product-selection{scroll-margin-top:24px;margin:22px 0}
.shop-product-selection:empty{display:none}
.shop-product-selection h4{font-size:14px;font-weight:600;margin:0 0 12px}
.retail-page #shop-detail-content .shop-product-photo{aspect-ratio:1;height:auto}
.retail-page #shop-detail-content .shop-product-info>strong{font-size:24px;display:block;margin:12px 0;color:#146d59}
.retail-page #shop-detail-content .shop-product h3{font-size:25px;line-height:1.35}
.retail-page #shop-detail-content .shop-product-thumbnails{margin-top:12px;padding:2px 0 6px}
.retail-page #shop-detail-content .shop-product>details{grid-column:1 / -1;grid-row:2;margin:0;padding:18px 0;border-top:1px solid #dce5d8}
.retail-page #shop-detail-content .shop-product>details>summary{font-size:16px;min-height:32px;line-height:32px}
.retail-page #shop-detail-content .shop-product-actions{margin:18px 0 0;padding-top:18px;border-top:1px solid #e4e9e1}
.retail-page #shop-detail-content .shop-product-message{margin:12px 0 0}
.shop-dock-selection{display:none}
.shop-options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.shop-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;color:#334f3e;border:1px solid #d3dfd2;border-radius:7px;padding:8px 10px;font-size:12px;min-width:64px;min-height:44px;max-width:130px;cursor:pointer}
.shop-option img{width:48px;height:48px;object-fit:contain;border-radius:4px}
.shop-option[aria-pressed=true]{border:2px solid #146d59;background:#edf4eb;padding:7px 9px}
.shop-native-option{display:none!important}
.shop-color-preview{display:flex;align-items:center;gap:10px}.shop-color-swatch{display:inline-block;width:32px;height:32px;border:1px solid #bccbbb;border-radius:50%;flex:none}
.retail-page #shop-detail-content .shop-product-description{max-height:none}
.retail-page .shop-pack-note{font-size:12px;line-height:1.5;color:#697b6b;padding:10px;background:#f3f6ef}
@media(max-width:1100px){.shop-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .shop-browser{grid-template-columns:90px minmax(0,1fr);gap:14px}.shop-categories a{font-size:12px;padding:12px 8px}.shop-categories>span{margin-left:8px}.shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.shop-tile h2{font-size:12px;margin-top:8px}.retail-page .shop-intro h1{font-size:30px}.retail-page .shop-intro p{font-size:12px}.retail-page main{padding:16px 12px 0}.shop-browser{margin-top:20px}
 .retail-page #shop-detail-content .shop-product{display:flex;padding:14px;gap:20px}.shop-product-media,.shop-buy-box{width:100%;position:static}.retail-page #shop-detail-content .shop-product-photo{width:100%;aspect-ratio:1.25;max-height:320px}.retail-page #shop-detail-content .shop-product h3{font-size:21px}
 .shop-detail-active{--retail-dock-height:138px;padding-bottom:calc(var(--retail-dock-height) + env(safe-area-inset-bottom))}
 .retail-page.shop-detail-active #shop-detail-content .shop-product-actions{position:fixed;z-index:60;bottom:0;left:0;right:0;width:auto;margin:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #cfdccb;box-shadow:0 -4px 20px #203b3212;display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
 .retail-page.shop-detail-active .shop-product-actions .shop-dock-selection{display:block;grid-column:1 / -1;border:0;border-radius:0;padding:4px;text-align:left;color:#315b46;background:transparent;min-height:26px;font-size:12px;line-height:18px;overflow-wrap:anywhere}
 .retail-page.shop-detail-active .shop-product-actions .shop-dock-selection:is(:hover,:focus,:active){background:#eff5ec!important;color:#234c39!important}
 .retail-page.shop-detail-active .shop-product-actions>label{grid-row:2;grid-column:1;font-size:10px;gap:3px}
 .retail-page.shop-detail-active .shop-product-actions>.shop-buy-now{grid-column:3;grid-row:2}
 .retail-page.shop-detail-active .shop-product-actions>.shop-add-cart{grid-column:2;grid-row:2}
 .retail-page.shop-detail-active .shop-product-actions>button:not(.shop-dock-selection){font-size:12px;padding:10px 7px}
 body.retail-page.shop-detail-active .shop-cart-float{bottom:calc(var(--retail-dock-height) + env(safe-area-inset-bottom) + 12px)}
 .shop-detail-active .support-launcher:not([data-support-positioned]){bottom:calc(var(--retail-dock-height) + env(safe-area-inset-bottom) + 70px)}
 .retail-page #shop-detail-content .shop-product>details{width:100%;box-sizing:border-box}
}
