/* Loaded only by native-product.tpl. Keep the parent header/footer untouched. */
body#product #wrapper>.container{width:100%;max-width:none;padding:0}
body#product #wrapper>.container>.row-wrapper{margin:0}
body#product #content-wrapper{padding:0}
#ssv2-root{width:100%;text-align:left}
#ssv2-root .page{width:100%}
#ssv2-root .breadcrumb{background:none;border:0;border-radius:0;text-transform:none}
#ssv2-root fieldset{min-width:0;margin:0}
#ssv2-root legend{float:none;width:100%;margin:0}
#ssv2-root button,#ssv2-root input{box-shadow:none}
#ssv2-root h1,#ssv2-root h2,#ssv2-root h3{font-family:'SS Product Open Sans',sans-serif}
/* Desktop: align the heading box with the top of the product photo. */
@media(min-width:761px){
 #ssv2-root .purchase-panel .product-heading>h1{margin-top:0}
}
#ssv2-root .quantity-field>label{text-align:left}
#ssv2-root .weights legend{padding:0 2px}
/* The native scroll-to-top control must clear the product's mobile buy bar. */
@media(max-width:760px){
 body#product:has(#ssv2-root .mobile-buy.visible) .back-top{bottom:calc(85px + env(safe-area-inset-bottom))}
 body#product:has(#ssv2-root) #footer{padding-bottom:80px}
}

/* Product reading on mobile follows the accepted source: the header scrolls away. */
@media(max-width:760px){
 body#product:has(#ssv2-root) #header{position:relative;top:auto}
 html:has(#ssv2-root){scroll-padding-top:20px}
}
#ssv2-root .breadcrumb{font-weight:400;color:var(--muted)}
#ssv2-root .breadcrumb a{color:inherit}
#ssv2-root .ssv2-mass-summary{display:grid;gap:2px;padding:12px 14px;margin:10px 0 0;border:1px solid #dce8d5;border-radius:8px;background:#f7faf2;font-size:13px;line-height:1.45}
#ssv2-root .ssv2-total-label{font-size:12px;font-weight:600;color:#3b6240}
#ssv2-root .ssv2-total-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
#ssv2-root .ssv2-mass-summary .ssv2-total-value{font-size:18px;font-weight:700;color:#20382d;overflow-wrap:anywhere}
#ssv2-root .ssv2-total-calculation{font-size:11px;line-height:1.2;color:#536065}
#ssv2-root .ssv2-mass-detail{font-size:12px;color:#536065}
#ssv2-root .ssv2-mass-detail-outside{margin:4px 0 0;line-height:1.45}
/* Desktop total shares the buy row; mobile retains its separate summary. */
@media(min-width:761px){
 #ssv2-root .purchase-actions>.ssv2-mass-summary{order:0;flex:0 1 210px;width:auto;min-width:0;min-height:50px;box-sizing:border-box;margin:0;padding:4px 10px;gap:1px;align-content:center;line-height:1.15}
 #ssv2-root .purchase-actions .ssv2-total-label{font-size:10px;line-height:1.15}
 #ssv2-root .purchase-actions .ssv2-total-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
 #ssv2-root .purchase-actions .ssv2-total-value{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
 #ssv2-root .purchase-actions .ssv2-total-calculation{font-size:11px;line-height:1.2;color:#536065}
 #ssv2-root .purchase-actions .ssv2-mass-detail{font-size:10px;line-height:1.15}
 #ssv2-root .purchase-actions>.ssv2-add{min-width:0;padding-inline:14px}
}
@media(min-width:761px) and (max-width:1100px){
 #ssv2-root .purchase-actions{gap:8px}
 #ssv2-root .purchase-actions>.ssv2-mass-summary{flex-basis:160px;padding-inline:6px}
 #ssv2-root .purchase-actions>.ssv2-add{font-size:11px;padding-inline:10px;gap:6px}
 #ssv2-root .purchase-actions>.ssv2-add .cta-arrow{display:none}
}
#blockcart-modal .blockcart-modal__line-total{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid #e1e8dc;font-size:13px;color:#536065}
#blockcart-modal .blockcart-modal__line-total strong{font-size:17px;color:#20382d}
#blockcart-modal .ssv2-added-addons{margin-top:20px;padding-top:16px;border-top:1px solid #dce4d8}
#blockcart-modal .ssv2-added-addons h3{font-size:18px;margin:0 0 10px;color:#20382d}
#blockcart-modal .ssv2-added-addons ul{list-style:none;padding:0;margin:0}
#blockcart-modal .ssv2-added-addons li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ea;font-size:14px}
#blockcart-modal .ssv2-added-addons li strong{font-weight:600}
#blockcart-modal .ssv2-added-addons li span{white-space:nowrap}
@media(max-width:767.98px){#blockcart-modal .ssv2-added-addons li{flex-direction:column;gap:3px}}
/* Larger, recognizable accessory photos with compact two-line names. */
#ssv2-root .addon-art{width:72px;height:72px;object-fit:cover;border-radius:8px}
#ssv2-root .ssv2-addon-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
#ssv2-root #addons .section-label>strong{font-size:16px;line-height:1.4}
@media(max-width:767.98px){#ssv2-root .addon-art{width:68px;height:68px}}
/* Compact product introduction and delivery lookup. */
#ssv2-root .breadcrumb{margin:16px 0 14px}
#ssv2-root .ssv2-delivery>summary{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;padding:10px 12px;min-height:62px}
#ssv2-root .ssv2-delivery>summary>svg{width:22px;height:22px}
#ssv2-root .ssv2-delivery-toggle{grid-column:3;grid-row:1;align-self:center}
#ssv2-root .ssv2-service-tiles{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;align-items:start;margin-top:14px;order:6;width:100%}
#ssv2-root .ssv2-service-tiles .ssv2-delivery{margin:0;width:auto;order:0}
#ssv2-root .ssv2-service-tiles .ssv2-delivery>summary{min-height:58px;padding:10px;gap:8px;box-sizing:border-box;grid-template-columns:20px minmax(0,1fr) auto}
#ssv2-root .ssv2-service-tiles .ssv2-delivery-summary small{display:none}
#ssv2-root .ssv2-service-tiles .ssv2-delivery>summary>.ssv2-delivery-toggle{font-size:0}
#ssv2-root .ssv2-service-tiles .ssv2-delivery-toggle>span{font-size:16px}
#ssv2-root .ssv2-google-tile{display:flex;align-items:center;gap:9px;min-height:60px;box-sizing:border-box;padding:10px;border:1px solid #e2e8db;border-radius:8px;background:#f6f8f3;color:var(--ink);text-decoration:none}
#ssv2-root .ssv2-google-tile>img{flex:0 0 20px}
#ssv2-root .ssv2-google-tile>span{min-width:0}
#ssv2-root .ssv2-google-tile strong{display:block;font-size:13px;line-height:1.35}
#ssv2-root .ssv2-google-tile small{display:block;font-size:10px;line-height:1.4;color:#647064;margin-top:2px}
#ssv2-root .ssv2-google-tile small>b{font-size:16px;line-height:1;color:var(--ink)}
#ssv2-root .ssv2-google-stars{font-size:15px;line-height:1;color:#e49c00;white-space:nowrap}
#ssv2-root .ssv2-google-tile:hover{border-color:#a9bfa5;background:#f0f5eb}
#ssv2-root .ssv2-google-tile:focus-visible{outline:3px solid #00a7ba;outline-offset:2px}
@media(max-width:760px){
 #ssv2-root .ssv2-service-tiles{gap:8px;grid-template-columns:minmax(0,1fr)}
}
#ssv2-root .ssv2-delivery-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
#ssv2-root .ssv2-delivery-input input{width:100%;height:44px;min-width:0;font-size:16px}
#ssv2-root .ssv2-delivery-input button{width:auto;min-width:88px;height:44px;padding:0 12px}
@media(max-width:760px){
 body#product:has(#ssv2-root) #wrapper{padding-top:0}
 #ssv2-root .breadcrumb{margin:14px 0 12px}
 #ssv2-root .ssv2-delivery-summary small{font-size:10px}
 #ssv2-root .ssv2-delivery-body{padding:0 12px 12px}
 #ssv2-root .ssv2-delivery-lookup{padding:10px}
}

/* Native swipe gallery: no thumbnail row, no gesture interception. */
#ssv2-root .ssv2-photo-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:inherit}
#ssv2-root .ssv2-photo-track::-webkit-scrollbar{display:none}
#ssv2-root .ssv2-photo-track>img{flex:0 0 100%;width:100%;min-width:0;height:100%;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;background:#fff}
#ssv2-root .ssv2-photo-prev,#ssv2-root .ssv2-photo-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:#fffffff0;color:#253237;font-size:30px;line-height:1;cursor:pointer}
#ssv2-root .ssv2-photo-prev{left:10px}#ssv2-root .ssv2-photo-next{right:10px}
#ssv2-root .ssv2-photo-prev:disabled,#ssv2-root .ssv2-photo-next:disabled{opacity:.3;cursor:default}
#ssv2-root .ssv2-photo-track:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}