/* Product concept: space, hierarchy and quiet surfaces. */
.pdp-shell{width:min(1460px,91.6%);margin:auto}.skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:50}.skip:focus{top:10px}.product-path{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0 38px;font-size:16px;color:#626262}.product-path a{padding-block:8px}.product-path a:hover{color:#087461}.product-path>span{font-size:14px}.product-lead{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:clamp(42px,6vw,100px);align-items:start;padding-bottom:92px}.gallery{min-width:0;position:sticky;top:28px}.main-picture{width:100%;aspect-ratio:1;display:grid;place-items:center;background:#f3f3f3;border:0;padding:8%;position:relative;cursor:zoom-in}.main-picture>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;min-height:0}.zoom-hint{position:absolute;bottom:20px;right:20px;width:42px;height:42px;display:grid;place-items:center;background:#fff}.zoom-hint svg{width:20px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.thumbnails{display:flex;gap:12px;overflow-x:auto;padding:2px;max-width:85%;scrollbar-width:thin}.thumbnail{width:68px;height:68px;padding:8px;background:#f3f3f3;border:1px solid transparent;flex-shrink:0}.thumbnail[aria-pressed=true]{border-color:#181818;border-bottom:3px solid var(--accent)}.thumbnail img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.gallery-bottom>span{font-size:14px;color:#666;white-space:nowrap}.product-summary{min-width:0;padding-top:4px}.product-id{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:350;line-height:1.5;letter-spacing:normal;color:#505050;margin-bottom:18px}.product-summary h1{font-size:clamp(32px,3.05vw,46px);line-height:1.15;font-weight:650;letter-spacing:-.045em;overflow-wrap:break-word;hyphens:auto;max-width:650px}.product-subtitle{margin-top:18px;line-height:1.6;color:#626262;font-size:18px}.key-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.key-facts div{min-width:0}.key-facts dt{font-size:14px;color:#666;margin-bottom:6px}.key-facts dd{margin:0;font-weight:550;font-size:18px;overflow-wrap:anywhere}.buy-area{padding:28px 0 0}.stock-line{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:19px}.stock-line::before{content:'';width:7px;height:7px;background:#07826e;flex-shrink:0}.stock-line.enquire::before{background:#888}#price-area{margin-bottom:21px}#price-area h2{font-size:26px;letter-spacing:-.025em}#price-area p{font-size:16px;color:#626262;margin-top:6px}#price-area strong{font-size:34px;font-weight:650;letter-spacing:-.025em}.pdp-primary{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:20px;font-size:16px;font-weight:600;line-height:1.5;border:0;background:var(--accent);color:#132b25;transition:background 180ms}.pdp-primary span{font-size:24px;line-height:1;transition:transform 180ms}.pdp-primary:hover{background:#35cbb0}.pdp-primary:hover span{transform:translateX(4px)}.register-line{font-size:14px;color:#626262;margin-top:16px}.register-line a{color:#181818;margin-left:4px;text-decoration:underline;text-decoration-color:#bdbdbd;text-underline-offset:4px}.question-link{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:26px 0 30px;font-size:16px;line-height:1.5}.question-link .arrow-box{width:36px;height:36px;border-color:#d0d0d0;transition:background 180ms}.question-link:hover .arrow-box{background:var(--accent);border-color:var(--accent)}.product-accordions{border-top:1px solid var(--line)}.product-accordions details{border-bottom:1px solid var(--line)}.product-accordions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;list-style:none;cursor:pointer;font-size:18px;font-weight:550}.product-accordions summary::-webkit-details-marker{display:none}.product-accordions summary>span{font-size:26px;line-height:1;font-weight:350;transition:transform 180ms}.product-accordions details[open] summary>span{transform:rotate(45deg)}.accordion-content{padding-bottom:28px;color:#505050}.accordion-content p{font-size:18px;line-height:1.75;margin-top:14px}.accordion-content p:first-child{margin-top:0}.spec-list{margin:0;font-size:16px}.spec-list div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;padding:14px 0;border-bottom:1px solid #e7e7e7}.spec-list div:last-child{border:0}.spec-list dt{color:#626262}.spec-list dd{margin:0;color:#181818;overflow-wrap:anywhere}.material-section{border-top:1px solid var(--line);padding:64px 0 78px}.section-intro{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:36px;margin-bottom:34px}.section-intro .eyebrow{font-size:16px;margin-bottom:13px;color:#626262}.section-intro h2{font-size:36px}.section-intro>p{font-size:18px;color:#626262;max-width:400px;line-height:1.7}.rail-buttons{display:flex;gap:10px}.square-control{width:44px;height:44px;background:white;border:1px solid #ccc;display:grid;place-items:center;font-size:22px;flex-shrink:0}.square-control:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.material-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 2px 18px;scroll-padding:2px}.material-card{flex:0 0 calc((100% - 72px)/4);min-width:210px;scroll-snap-align:start}.material-image{aspect-ratio:1.65;background:#f3f3f3;overflow:hidden}.material-image img{width:100%;height:100%;object-fit:cover}.material-card h3{font-size:18px;margin:17px 0 0;font-weight:550;letter-spacing:-.015em}.product-help{margin:0 0 80px;padding:54px 64px;background:#181818;color:white;display:grid;grid-template-columns:1fr 210px;gap:70px;align-items:center}.product-help h2{font-size:34px;line-height:1.22;margin-bottom:22px}.product-help .eyebrow{font-size:16px;color:#bbb;margin-bottom:19px}.product-help p:not(.eyebrow){font-size:18px;color:#c7c7c7;max-width:610px}.product-help img{width:210px;height:230px;object-fit:cover;filter:grayscale(1)}.product-help .direction-link{margin-top:26px;color:white}.product-help .arrow-box{border-color:#666}.product-help .direction-link:hover .arrow-box{color:#181818}#demo-purchase>label{display:block;font-size:14px;color:#626262;margin-bottom:10px}.purchase-row{display:flex;gap:14px}.purchase-row .primary{flex:1;min-width:0}.quantity-control{display:flex;border:1px solid #ccc;align-items:stretch;flex-shrink:0;height:56px}.quantity-control button{width:36px;background:white;border:0;font-size:22px}.quantity-control input{width:43px;text-align:center;border:0;padding:0;background:white;font-size:16px;appearance:textfield;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.demo-disclaimer{font-size:13px!important;color:#626262;margin-top:12px}.cart-empty .primary{margin-top:26px;width:100%}#zoom-dialog{width:min(1120px,100vw - 32px);height:min(920px,100dvh - 32px);max-width:none;max-height:none;overflow:hidden}#zoom-dialog[open]{display:flex;flex-direction:column}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px}.zoom-stage{flex:1;min-height:0;display:flex;align-items:center;gap:20px;padding:0 20px 28px}.zoom-stage>img{flex:1;min-width:0;width:0;height:100%;object-fit:contain}.zoom-stage .square-control{flex-shrink:0}body:has(dialog:modal){overflow:hidden}#loading{padding:80px 0 160px}
@media(min-width:1440px){.product-lead{gap:100px}.main-picture{max-height:740px}.product-summary{padding-top:12px}}
@media(max-width:1023px){.product-lead{gap:40px;grid-template-columns:1fr 1fr}.key-facts{gap:10px}.key-facts dd{font-size:16px}.purchase-row{flex-wrap:wrap}.purchase-row .primary{flex-basis:100%}.product-help{padding:45px;gap:40px}.section-intro{grid-template-columns:1fr auto}.section-intro>p{grid-row:2;grid-column:1/-1;max-width:none}.section-intro .rail-buttons{grid-row:1;grid-column:2}.section-intro{gap:20px}}
@media(max-width:767px){.pdp-shell{width:calc(100% - 40px)}.product-path{padding:18px 0 24px;font-size:14px;gap:16px}.product-path>span{display:none}.product-lead{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.gallery{position:static}.main-picture{aspect-ratio:1.12;padding:7%}.gallery-bottom{margin-top:12px}.thumbnail{width:58px;height:58px;padding:6px}.thumbnails{gap:10px}.zoom-hint{bottom:14px;right:14px;width:36px;height:36px}.product-id{font-size:16px;margin-bottom:14px}.product-summary h1{font-size:34px;line-height:1.2;max-width:580px}.product-subtitle{font-size:18px;margin-top:15px}.key-facts{margin-top:26px;padding:21px 0}.key-facts dd{font-size:18px}.key-facts dt{font-size:13px}.buy-area{padding-top:24px}.question-link{margin:24px 0}.purchase-row{flex-wrap:nowrap}.purchase-row .primary{flex-basis:auto}.product-accordions summary{min-height:70px}.material-section{padding:40px 0 42px}.section-intro h2{font-size:30px}.section-intro{gap:17px;margin-bottom:24px}.section-intro .eyebrow{font-size:14px}.section-intro>p{font-size:18px}.material-rail{gap:16px;margin-right:-20px;padding-right:20px}.material-card{flex-basis:68%;min-width:0;max-width:300px}.material-image{aspect-ratio:1.45}.material-card h3{font-size:18px;margin-top:13px}.rail-buttons{gap:8px}.square-control{width:42px;height:42px}.product-help{padding:30px 26px;grid-template-columns:1fr;gap:28px;margin-bottom:40px}.product-help h2{font-size:28px}.product-help h2 br{display:none}.product-help img{width:110px;height:120px;grid-row:1}.product-help .eyebrow{margin-bottom:16px}.product-help p:not(.eyebrow){font-size:18px}.zoom-stage{gap:4px;padding:0 8px 20px}.zoom-stage .square-control{width:32px;height:44px}.zoom-toolbar{padding:12px}.product-summary{padding:0}}
@media(max-width:359px){.pdp-shell{width:calc(100% - 32px)}.product-summary h1{font-size:30px}.key-facts dd{font-size:16px}.key-facts{gap:6px}.key-facts dt{font-size:12px}.section-intro{gap:12px}.section-intro h2{font-size:28px}.section-intro .eyebrow{font-size:13px}.rail-buttons{gap:6px}.rail-buttons .square-control{width:36px;height:40px}.material-rail{margin-right:-16px;padding-right:16px}.purchase-row{gap:8px}.quantity-control button{width:28px}.quantity-control input{width:32px}.purchase-row .primary{padding-inline:12px;gap:10px;font-size:14px}.product-help{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pdp-primary:hover span{transform:none}}

@media(min-width:768px) and (max-height:850px){.gallery{position:static}}
/* Detail 02: availability and quantity are part of the decision, in both views. */
.fulfilment{display:grid;gap:9px;margin-bottom:24px}.fulfilment .stock-line{margin:0}.delivery-line{display:flex;align-items:center;gap:10px;font-size:16px;color:#505050}.delivery-line svg{width:20px;height:20px}.delivery-note{font-size:13px;color:#666}.quantity-block{margin:24px 0 18px}.quantity-block>label{display:block;font-size:16px;font-weight:550;margin-bottom:10px}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.quantity-control{height:54px}.quantity-control button{width:44px;user-select:none}.quantity-control input{width:52px}#line-total{text-align:right;font-size:13px;color:#626262;line-height:1.5}#line-total strong{display:block;font-size:20px;font-weight:600;color:#181818}.quantity-control button:disabled{opacity:1;color:#aaa;background:#fafafa}#demo-purchase>.primary{width:100%}html:has(.pdp-shell){scrollbar-gutter:stable}
/* Full viewport gallery: a dedicated image surface, no floating white box. */
#zoom-dialog{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;background:#f5f5f5;color:#181818;border:0;overflow:hidden}#zoom-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:viewer-enter 160ms ease-out}#zoom-dialog::backdrop{background:#f5f5f5}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px max(32px,env(safe-area-inset-right)) 22px max(32px,env(safe-area-inset-left));border-bottom:1px solid #dedede;background:#fff;z-index:2}.viewer-product{min-width:0}.viewer-product>span{font-size:13px;color:#666}.viewer-product h2{font-size:18px;line-height:1.5;font-weight:550;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.viewer-close{display:flex;align-items:center;justify-content:center;gap:16px;min-width:44px;min-height:44px;border:0;background:transparent;font-size:14px;padding:8px;flex-shrink:0}.viewer-close svg{width:24px;height:24px}.viewer-close:hover{background:#ececec}.viewer-main{position:relative;min-height:0;overflow:hidden}.viewer-canvas{position:absolute;inset:20px 90px;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in;outline-offset:-4px!important}.viewer-canvas img{width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 50%;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform}.viewer-canvas.is-zoomed{cursor:grab}.viewer-canvas.is-dragging{cursor:grabbing}.viewer-canvas.is-settling img{transition:transform 170ms ease-out}#viewer-image-error{position:absolute;inset:0;display:grid;place-items:center;color:#666;font-size:18px;text-align:center;padding:24px}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);height:52px;width:52px;background:#fff;border:1px solid #d4d4d4;display:grid;place-items:center;user-select:none}.viewer-nav:hover{background:var(--accent);border-color:var(--accent)}#zoom-prev{left:24px}#zoom-next{right:24px}.viewer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 30px;background:#fff;color:#181818;padding:16px 32px max(14px,env(safe-area-inset-bottom));border-top:1px solid #dedede;z-index:2}.viewer-footer p{margin:0;color:#666;font-size:13px;grid-column:1/-1;text-align:center}#viewer-thumbs{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px}.viewer-thumb{width:60px;height:60px;flex-shrink:0;display:grid;place-items:center;background:#f3f3f3;border:1px solid transparent;padding:6px;user-select:none}.viewer-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.viewer-thumb[aria-pressed=true]{border-color:#181818;border-bottom:3px solid var(--accent)}.viewer-tools{display:flex;align-items:center;gap:32px;justify-self:end}#zoom-count{white-space:nowrap;font-size:14px;color:#626262;font-variant-numeric:tabular-nums}.zoom-controls{display:flex;border:1px solid #ccc;align-items:stretch;height:44px}.zoom-controls button{border:0;background:transparent;min-width:44px;user-select:none;font-size:22px}.zoom-controls button:hover:not(:disabled){background:#eee}.zoom-controls #zoom-reset{font-size:14px;min-width:70px;font-variant-numeric:tabular-nums}.zoom-controls button:disabled{opacity:.35}.viewer-close,.viewer-nav,.viewer-thumb{-webkit-tap-highlight-color:transparent}#zoom-open:focus:not(:focus-visible){outline:none}@keyframes viewer-enter{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.viewer-header{gap:12px;padding:12px 16px}.viewer-product>span{font-size:12px}.viewer-product h2{font-size:15px;max-width:calc(100vw - 92px)}.viewer-close span{display:none}.viewer-close{padding:8px}.viewer-canvas{inset:10px 16px}.viewer-nav{width:40px;height:44px;top:auto;bottom:12px;transform:none}#zoom-prev{left:16px}#zoom-next{right:16px}.viewer-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px;grid-template-columns:1fr}.viewer-tools{width:100%;justify-content:space-between;grid-row:2}.viewer-footer #viewer-instructions{font-size:12px;line-height:1.4}.viewer-thumb{width:50px;height:50px}#viewer-thumbs{justify-self:center;max-width:100%}.viewer-footer{display:grid;align-items:center}.quantity-control button{width:44px}#line-total strong{font-size:18px}}
@media(max-height:540px){.viewer-header{padding-block:6px}.viewer-product>span{display:none}.viewer-footer{grid-template-columns:1fr auto;padding-block:6px}.viewer-tools{grid-row:auto;width:auto}#viewer-instructions{display:none}.viewer-thumb{width:40px;height:40px}#viewer-thumbs{justify-self:start}.viewer-canvas{inset:8px 76px}.viewer-nav{top:50%;bottom:auto;transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){#zoom-dialog[open]{animation:none}.viewer-canvas.is-settling img{transition:none}}
/* Quiet B2B pricing: the purchase price leads, comparisons remain secondary. */
#price-area .price-eyebrow{margin:0 0 6px;font-size:14px;color:#626262}.current-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 20px}.current-price>strong{font-size:34px!important}.list-price{font-size:14px;line-height:1.65;color:#626262;display:inline-flex;gap:6px;flex-wrap:wrap}.list-price s{text-decoration-thickness:1px;text-decoration-color:#999;white-space:nowrap}#price-area .price-advantage{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin-top:9px;font-size:14px;color:#505050}#price-area .price-advantage strong{font-size:14px;font-weight:600;letter-spacing:0;color:#087461}#price-area .price-basis{font-size:13px;margin-top:9px;color:#626262}#volume-prices{border-block:1px solid var(--line);margin:24px 0 0}#volume-prices>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;min-height:66px}#volume-prices>summary::-webkit-details-marker{display:none}#volume-prices>summary>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}#volume-prices summary strong{font-size:16px;font-weight:550}#volume-preview{font-size:14px;color:#626262}#volume-prices summary svg{width:16px;height:16px;transition:transform 180ms}#volume-prices[open] summary svg{transform:rotate(180deg)}.volume-content{padding-bottom:17px}.volume-explainer{font-size:14px;line-height:1.6;color:#626262;margin-bottom:18px}.volume-columns,.volume-option{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:12px;align-items:center;text-align:left}.volume-columns{padding:0 12px 9px;font-size:13px;color:#626262}.volume-columns>:last-child,.volume-option>:last-child{text-align:right}.volume-option{border:0;border-top:1px solid #e7e7e7;background:white;width:100%;min-height:48px;padding:11px 12px;font-size:16px;line-height:1.5;position:relative}.volume-option[aria-pressed=true]{background:#f3f3f3;font-weight:550}.volume-option[aria-pressed=true]::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.volume-option:hover:not(:disabled){background:#f3f3f3}.volume-selected{visibility:hidden;color:#087461;font-size:14px}.volume-option[aria-pressed=true] .volume-selected{visibility:visible}.volume-option:disabled{opacity:1;color:#999;cursor:not-allowed}.volume-footnote{font-size:12px;line-height:1.6;color:#666;margin-top:14px}#line-total strong{font-variant-numeric:tabular-nums}.volume-option [data-tier-price]{white-space:nowrap}
@media(max-width:359px){.current-price{gap:5px 14px}.current-price>strong{font-size:30px!important}.volume-option{font-size:14px;padding-inline:10px}.volume-columns{font-size:12px;padding-inline:10px;gap:8px}.volume-option{gap:8px}.volume-columns{grid-template-columns:.7fr 1.15fr 1fr}.volume-option{grid-template-columns:.7fr 1.15fr 1fr}}
/* Detail 04: compact price comparison; the ordering action precedes extra detail. */
.price-layout{display:flex;align-items:center;justify-content:space-between;gap:24px}.price-primary{min-width:0}.price-comparison{flex-shrink:0;padding-left:24px;border-left:1px solid var(--line);min-width:180px}.price-comparison .list-price{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.5;margin:0!important;color:#626262}.price-comparison .price-advantage{display:flex;align-items:baseline;justify-content:space-between;gap:8px!important;margin:5px 0 0!important;font-size:14px!important}.price-comparison .price-advantage strong{font-size:14px!important}.price-comparison .list-price s{margin-left:auto}.price-primary .price-eyebrow{margin-bottom:5px!important;font-size:14px!important}.price-primary .current-price{display:block;line-height:1.25}.price-primary .current-price>strong{white-space:nowrap}#price-area .price-basis{margin-top:9px}#price-area{margin-bottom:16px}.quantity-block{margin:18px 0 14px}#volume-prices{margin-top:18px}#volume-prices>summary{padding-block:14px;min-height:58px}.fulfilment{margin-bottom:21px}.buy-area{padding-top:24px}
@media(max-width:1439px){.price-layout{gap:16px}.price-comparison{padding-left:16px;min-width:132px}.price-comparison .list-price{display:block}.price-comparison .list-price s{display:block}.price-comparison .price-advantage{gap:6px!important}.price-primary .price-eyebrow{max-width:190px}.price-primary .current-price>strong{font-size:32px!important}}
@media(max-width:767px){.price-layout{gap:20px}.price-comparison{min-width:122px;padding-left:16px}.price-primary .current-price>strong{font-size:32px!important}.price-primary .price-eyebrow{line-height:1.5;font-size:14px!important}.price-comparison .list-price{font-size:13px}.price-comparison .price-advantage{font-size:13px!important}.price-comparison .price-advantage strong{font-size:13px!important}}
@media(max-width:359px){.price-layout{gap:12px}.price-comparison{padding-left:12px;min-width:105px}.price-primary .current-price>strong{font-size:28px!important}.price-primary .price-eyebrow{font-size:13px!important}.price-comparison .price-advantage{gap:4px!important;font-size:12px!important}.price-comparison .price-advantage strong{font-size:12px!important}.price-comparison .list-price{font-size:12px}.price-comparison .list-price s{font-size:13px}}

/* Keep the gallery independent of changing accordion height in the adjacent column. */
.product-lead > .gallery { position:relative;top:auto;align-self:start; }

/* Quiet directional navigation, using the same square accent frame as text links. */
.product-path #back-shop {
 display:inline-flex;align-items:center;gap:12px;min-height:44px;
 padding:0;color:#181818;font-size:16px;font-weight:500;line-height:1.5;
 transition:color 200ms ease;
}
#back-shop .back-arrow {
 width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
 border:1px solid transparent;transition:border-color 200ms ease;
}
#back-shop .back-arrow svg { width:24px;height:24px;transition:transform 240ms cubic-bezier(.22,.61,.36,1); }
@media(hover:hover) {
 .product-path #back-shop:hover { color:var(--accent); }
 #back-shop:hover .back-arrow { border-color:var(--accent); }
 #back-shop:hover .back-arrow svg { transform:translateX(-3px); }
}
.product-path #back-shop:focus-visible { color:var(--accent); }
#back-shop:focus-visible .back-arrow { border-color:var(--accent); }
#back-shop:focus-visible .back-arrow svg { transform:translateX(-3px); }
@media(prefers-reduced-motion:reduce) {
 .product-path #back-shop,#back-shop .back-arrow,#back-shop .back-arrow svg { transition:none; }
 #back-shop .back-arrow svg { transform:none!important; }
}

/* Clip only the image entrance; preserve the button's outer keyboard focus ring. */
.main-picture { overflow:hidden; }

/* Native touch scrolling keeps horizontal image swipes and vertical page scrolling independent. */
.gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track>.main-picture{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.gallery-track>.main-picture:focus-visible{outline-offset:-4px}
.gallery-track img{user-select:none;-webkit-user-drag:none}