/* Product photography: progressive enhancement, with native links as fallback. */
[data-image-zoom]{position:relative;cursor:zoom-in;isolation:isolate}
[data-image-zoom]:focus-visible{outline:3px solid #668567;outline-offset:4px}
.photo-zoom-cue{position:absolute;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d3dccb;border-radius:30px;background:#fffef7ed;box-shadow:0 3px 16px #163b2710;color:#244c3d;font:500 11px/1.3 var(--sans,sans-serif);pointer-events:none;transition:transform .2s,background .2s}
.photo-zoom-cue .icon{width:16px;height:16px}
[data-image-zoom]:hover .photo-zoom-cue{background:#fffef7;transform:translateY(-2px)}
.quick-photo .photo-zoom-cue{right:3px;bottom:3px;padding:4px}
.quick-photo .photo-zoom-cue .icon{width:12px;height:12px}
.photo-cue-desktop{display:none}
.photo-cue-touch{display:inline}
[data-hover-zoom] img{transition:transform .3s cubic-bezier(.2,.65,.3,1);transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}
@media(hover:hover) and (pointer:fine){
    .photo-cue-desktop{display:inline}.photo-cue-touch{display:none}
    [data-hover-zoom].is-hover-zoom img{transform:scale(2.25)}
    [data-hover-zoom].is-hover-zoom .photo-zoom-cue{opacity:.85}
}
html.photo-viewer-open,html.photo-viewer-open body{overflow:hidden;overscroll-behavior:none}
.photo-viewer{position:fixed;inset:0;width:min(1180px,calc(100vw - 64px));height:min(920px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d5ddcc;border-radius:22px;background:#f8f7ee;color:#263d30;box-shadow:0 35px 120px #061d2559;overflow:hidden}
.photo-viewer:not([open]){display:none}
.photo-viewer::backdrop{background:#112b25d6;backdrop-filter:blur(8px)}
.photo-viewer[open]{animation:photo-viewer-enter .22s cubic-bezier(.2,.65,.3,1)}
.photo-viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-width:0}
.photo-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:#fffef8;border-bottom:1px solid #dde3d4}
.photo-viewer-heading{min-width:0}.photo-viewer-heading .eyebrow{font-size:9px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687f5d;margin-bottom:6px}
.photo-viewer-heading h2{font-family:var(--serif,Georgia,serif);font-size:clamp(20px,2.3vw,30px);font-weight:400;line-height:1.15;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.photo-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#264d3c;cursor:pointer;touch-action:manipulation;font:400 24px/1 var(--sans,sans-serif)}
.photo-viewer button:hover{background:#e6edde}.photo-viewer button:disabled{color:#b0bcaa;cursor:default;background:transparent}
.photo-viewer button:focus-visible,.photo-viewer a:focus-visible,.photo-viewer-stage:focus-visible{outline:3px solid #799670;outline-offset:-3px}
.photo-viewer .photo-viewer-close{flex:0 0 44px;border:1px solid #d4ddcc;font-size:30px;background:#f6f7ed}
.photo-viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse at 50% 42%,#fffef8 0%,#f0f0e2 100%);cursor:zoom-in}
.photo-viewer-stage.is-zoomed{cursor:grab}.photo-viewer-stage.is-dragging{cursor:grabbing}
.photo-viewer-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;pointer-events:none;transform-origin:center;will-change:transform}
.photo-viewer-stage img[hidden]{display:none}
.photo-viewer-message{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:28px;text-align:center;color:#60765c;font-size:14px;pointer-events:none}
.photo-viewer-message[hidden]{display:none}
.photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 28px;background:#fffef8;border-top:1px solid #dde3d4;min-width:0}
.photo-viewer-tools{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #dce3d3;border-radius:40px;background:#f5f6ec;flex:0 0 auto}
.photo-viewer-tools output{font-size:12px;min-width:42px;text-align:center;font-variant-numeric:tabular-nums;color:#476440}
.photo-viewer-divider{height:20px;width:1px;background:#d3decb;margin:0 4px}
.photo-viewer button.photo-viewer-fit{font-size:12px;padding:0 15px;border-radius:30px}
.photo-viewer-help{font-size:11px;color:#72816a;text-align:center;line-height:1.5;margin:0}
.photo-viewer-product{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;min-height:44px;color:#254d3b;flex:0 0 auto}
.photo-viewer-product[hidden]{display:none}.photo-viewer-product .icon{width:18px;height:18px}
@keyframes photo-viewer-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){
    .photo-viewer{width:100%;height:100dvh;border:0;border-radius:0;inset:0}
    .photo-viewer-header{padding:max(16px,env(safe-area-inset-top)) 18px 16px;gap:14px}
    .photo-viewer-heading h2{font-size:22px}
    .photo-viewer-footer{flex-wrap:wrap;justify-content:center;padding:12px 16px max(16px,env(safe-area-inset-bottom));gap:7px 15px}
    .photo-viewer-help{order:3;flex-basis:100%;font-size:11px}
    .photo-viewer-product{font-size:12px;gap:6px}
    .photo-zoom-cue{right:10px;bottom:10px;font-size:10px;padding:8px 10px}
    .photo-viewer-tools{gap:0}.photo-viewer-tools output{min-width:34px}
}
@media(prefers-reduced-motion:reduce){.photo-viewer[open]{animation:none}[data-hover-zoom] img,.photo-zoom-cue{transition:none}}