.variant-photos{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.variant-photos::-webkit-scrollbar{display:none}
.variant-photos .variant-photo{flex:0 0 100%;min-width:0;aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always;background:#fff}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:13px;color:#526159}
.gallery-controls button{border:1px solid #d6dcd7;background:#fafaf7;color:#1b3029;border-radius:50%;width:44px;height:44px;font-size:26px}
.photo-heading h3{font-size:26px;font-weight:600}.photo-heading>[data-photo-status]{text-align:right;max-width:120px}
.purchase h1{font-size:clamp(30px,3.2vw,44px)}
.bundle-options{margin:26px 0 18px}.bundle-options legend{font-weight:600;margin-bottom:14px}
.bundle-options button{color:#1b3029;background:#fafaf7;border:1px solid #bdc9bf;border-radius:7px;cursor:pointer}
.bundle-options button[aria-pressed=true]{border:2px solid #1b3029;background:#edf0e8}
.bundle-single{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:24px;min-height:54px}
.bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bundle-grid button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;padding:25px 14px 18px}
.bundle-grid button>span:not(.bundle-badge){font-size:13px;letter-spacing:.05em;font-weight:600}.bundle-grid strong{font-size:28px;letter-spacing:-.04em}.bundle-grid small{font-size:12px;color:#526159;line-height:1.5}
.bundle-badge{position:absolute;right:12px;top:-13px;background:#efb77d;border-radius:4px;padding:5px 10px;font-size:13px;font-weight:700}
.purchase>.quantity{width:max-content;margin:20px 0 10px}.quantity input{font-size:16px}
.bundle-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 6px}.bundle-total strong{font-size:30px}.bundle-note{font-size:12px;line-height:1.6;color:#526159;margin:6px 0 20px}.bundle-note a{text-decoration:underline}
.purchase-dock{display:grid;gap:12px}.purchase-dock .primary{width:100%;justify-content:center;min-height:54px}.purchase-dock .paypal-direct{width:100%}.dock-summary,.dock-space{display:none}
@media(max-width:650px){
 body{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}
 .product{padding-top:22px}.photo-heading h3{font-size:23px}.photo-heading>[data-photo-status]{font-size:11px;max-width:100px}
 .variant-photos .variant-photo{aspect-ratio:1.2}.gallery-measurements{font-size:13px;margin-top:12px}
 .product-benefit-list{font-size:15px;gap:10px;margin:20px 0 24px}
 .purchase-dock{position:fixed;z-index:80;bottom:0;left:0;right:0;background:#fafaf7;border-top:1px solid #d6dcd7;box-shadow:0 -5px 22px #1b302912;padding:10px 5% calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
 .dock-summary{display:flex;align-items:center;justify-content:space-between;font-size:12px}.dock-summary strong{font-size:18px}
 .purchase-dock .primary,.purchase-dock .paypal-direct{min-height:46px;padding:11px 16px;font-size:14px}.purchase-dock .paypal-direct strong{font-size:19px}
 .bundle-grid{gap:12px}.bundle-grid button{padding:23px 12px 15px}.bundle-grid strong{font-size:25px}
}

.variant-gallery,.purchase{min-width:0}
.dock-actions{display:grid;gap:12px}.dock-toggle{display:none}
@media(max-width:650px){
 body{padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))}
 body.dock-collapsed{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .purchase-dock{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:5px 4% calc(7px + env(safe-area-inset-bottom,0px));gap:3px 10px}
 .dock-summary{grid-column:1;grid-row:1;flex-wrap:wrap;gap:3px 8px;font-size:11px}.dock-summary strong{font-size:16px}
 .dock-toggle{display:flex;align-items:center;justify-content:center;gap:6px;grid-column:2;grid-row:1;min-height:44px;padding:0 7px;border:0;background:transparent;color:#1b3029;font-size:12px}
 .dock-actions{grid-column:1/-1;gap:6px}
 .purchase-dock .primary,.purchase-dock .paypal-direct{min-height:44px;padding:8px 12px;font-size:13px}
 .purchase-dock .paypal-direct strong{font-size:17px}.purchase-dock .primary span{font-size:18px}
 .purchase-dock.is-collapsed .dock-actions{display:none}
}