/* Customer exploration stays separate from selecting a feedback point. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#viewerActions{display:contents}.viewer-close{display:none}
body[data-role=customer] #viewer{isolation:isolate}
body[data-role=customer] #barneyConcept{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
body[data-role=customer] #viewer.selecting-detail #barneyConcept{cursor:crosshair}
body[data-role=customer] #hint{display:block!important;top:12px;left:16px;right:16px;bottom:auto;margin:0;padding:0;min-height:18px;font:11px/1.6 Lora,Georgia,serif;color:#6b604f;z-index:3;pointer-events:none}
body[data-role=customer] .selecting-detail #hint{color:#302c29;font-weight:bold}
body[data-role=customer] #viewerActions{position:absolute;z-index:4;bottom:18px;left:18px;right:18px;display:flex;align-items:stretch;justify-content:space-between;gap:10px;flex-wrap:wrap}
#customerExplore{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.viewer-control,.image-zoom,.viewer-close{background:#fffbf1e8;border:1px solid #302c2940;color:#302c29;font:11px Lora,Georgia,serif;box-shadow:none}
.viewer-control{padding:10px 14px;min-height:44px}
.image-zoom{display:flex;align-items:stretch}
.image-zoom button{background:none;color:#302c29;min-width:44px;min-height:44px;font:18px Lora,Georgia,serif;padding:0 10px}
.image-zoom #zoomReset{font-size:10px;border-inline:1px solid #302c2920}
.image-zoom button:disabled{cursor:default;opacity:.35}
body[data-role=customer] #pinMode{position:static;transform:none;min-height:44px;white-space:normal;margin:0;padding:10px 16px;max-width:none;font:12px Lora,Georgia,serif;background:#302c29;color:#fffbf1;border:1px solid #302c29}
body[data-role=customer] #pinMode.on{background:#fffbf1;color:#302c29}
body[data-role=customer] .clear-highlight{top:42px;right:16px;min-height:40px;background:#fffbf1dd;font-size:11px;z-index:3}
body.viewer-expanded,body.detail-sheet-open{overflow:hidden}
#enlargedViewer{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#f1eadc;overflow:hidden;box-shadow:none}
#enlargedViewer::backdrop{background:#f1eadc;backdrop-filter:none}
#enlargedViewer #viewer{height:100%;width:100%;min-height:0;max-height:none}
#enlargedViewer .viewer-close{position:absolute;display:block;right:16px;top:max(12px,env(safe-area-inset-top));z-index:5;min-height:44px;padding:10px 14px}
#enlargedViewer #hint{right:120px;top:max(16px,env(safe-area-inset-top))}
#enlargedViewer .clear-highlight{top:68px}
#enlargedViewer #viewerActions{bottom:max(18px,env(safe-area-inset-bottom))}
#detailSheet{position:fixed;inset:auto 20px var(--keyboard-gap,0px) auto;margin:0;width:440px;max-width:calc(100vw - 40px);max-height:min(var(--sheet-available,65dvh),65dvh,460px);padding:18px 22px max(20px,env(safe-area-inset-bottom));border:1px solid #302c2930;border-bottom:0;box-shadow:0 -12px 45px #302c2918;background:#fffbf1;overflow-y:auto;overscroll-behavior:contain;animation:sheet-in .22s ease-out}
#detailSheet::backdrop{background:#302c2908;backdrop-filter:none}
.sheet-handle{height:3px;width:30px;background:#302c2940;margin:-6px auto 15px}
#detailSheet h2{font:21px/1.3 Lora,Georgia,serif;margin:0 0 8px;outline:none}
#detailSheet p{font:11px/1.6 Lora,Georgia,serif;margin:0 0 14px;color:#756c62}
#detailSheet textarea{font:16px/1.5 Lora,Georgia,serif;min-height:76px;height:82px;resize:vertical;border-radius:0;scroll-margin-bottom:10px}
.sheet-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.sheet-actions button{min-height:44px;font:12px Lora,Georgia,serif;padding:10px 18px}
@keyframes sheet-in{from{opacity:.4;translate:0 24px}to{opacity:1;translate:0 0}}
@media(max-width:1024px){
 body[data-role=customer] header{height:58px}
 body[data-role=customer] .mobilebrand{font-size:22px;gap:9px}
 body[data-role=customer] .mobilebrand img{width:29px;height:29px}
 body[data-role=customer] .switch select{min-height:40px;padding-block:8px}
 body[data-role=customer] .demo{font-size:8px;margin-top:10px;line-height:1.4}
 body[data-role=customer] .heading{padding:12px 0 16px}
 body[data-role=customer] .heading h1{font-size:34px;line-height:1.1;margin:0}
 body[data-role=customer] .reviewgrid{display:block}
 body[data-role=customer] .modeltop{height:32px;padding-inline:18px}
 body[data-role=customer] #viewer{height:clamp(320px,calc(100svh - 174px),760px);min-height:0;flex:auto}
 body[data-role=customer] .feedbackcard{margin:0;min-height:0;padding:26px 24px}
 body[data-role=customer] .paneltop{padding:0 0 14px}
 body[data-role=customer] .paneltop h2{font-size:25px}
 body[data-role=customer] .customerreview{padding:0}
 body[data-role=customer] .customerreview>p{font-size:13px;line-height:1.8}
 body[data-role=customer] .show-detail{min-height:44px;padding-block:12px;font-size:12px}
}
@media(max-width:700px){
 body[data-role=customer] #viewerActions{display:grid;grid-template-columns:1fr;left:16px;right:16px;bottom:14px;gap:8px}
 #customerExplore{justify-content:space-between;flex-wrap:nowrap;gap:6px}
 .viewer-control{padding:9px 12px;font-size:11px}
 .image-zoom button{min-width:40px;padding-inline:8px}
 body[data-role=customer] #pinMode{width:100%;min-height:44px}
 #detailSheet{inset:auto 0 var(--keyboard-gap,0px);width:100%;max-width:100%;max-height:min(var(--sheet-available,65dvh),65dvh);padding:16px 20px max(18px,env(safe-area-inset-bottom));border-left:0;border-right:0}
 #detailSheet h2{font-size:20px}
 #enlargedViewer #customerExplore:has(#enlargeSculpture[hidden]){justify-content:center}
}
@media(max-height:500px) and (orientation:landscape){body[data-role=customer] #viewer{height:calc(100svh - 90px);min-height:250px}#detailSheet{max-height:min(var(--sheet-available,85dvh),85dvh)}#enlargedViewer #viewerActions{display:flex}#enlargedViewer #pinMode{width:auto}}
@media(prefers-reduced-motion:reduce){#detailSheet{animation:none}}

/* Page scrolling remains available over the embedded sculpture. */
#viewer canvas,#barneyConcept{touch-action:pan-y}
#enlargedViewer #viewer canvas,#enlargedViewer #barneyConcept{touch-action:none}