.experiment-360{position:absolute;inset:60px 0 0;z-index:4;display:flex;flex-direction:column;align-items:center;padding:10px 22px 22px}
.experiment-tabs{display:flex;border:1px solid #ac9b7b66;border-radius:24px;padding:4px;background:#f5efe5;gap:4px;z-index:2;flex-shrink:0}
.experiment-tabs button{font-size:13px;border-radius:20px;padding:10px 17px;min-height:40px}
.experiment-tabs button[aria-pressed=true]{background:#6c6049;color:white}
.experiment-stage{width:100%;flex:1;min-height:180px;position:relative}
.experiment-stage canvas{display:block;position:absolute;inset:0;touch-action:none;cursor:grab;width:100%;height:100%;border-radius:8px}
.experiment-stage canvas:focus,.experiment-stage canvas:focus-visible{outline:0}
.experiment-stage canvas.dragging{cursor:grabbing}
.show-360 #detail-image,.show-360 #detail-thumbs,.show-360 .detail-base,.show-look #detail-image,.show-look #detail-thumbs,.show-look .detail-base{visibility:hidden!important}
.lookbook{display:none;width:100%;flex:1;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}
.look-mode .lookbook{display:grid}
.lookbook figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#e8decd}
.lookbook img{display:block;width:100%;height:100%;object-fit:cover}
.lookbook figcaption{position:absolute;inset:auto 0 0;padding:34px 14px 14px;color:#fff;background:linear-gradient(transparent,rgba(31,24,17,.75));display:grid;gap:2px}
.lookbook figcaption span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.lookbook figcaption strong{font:400 18px/1.15 Georgia,serif}
.lookbook figcaption a{color:#fff;font-size:12px;margin-top:7px;text-decoration:none;width:max-content;border-bottom:1px solid #ffffff88;padding-bottom:2px}
.lookbook figcaption a:hover{border-color:#fff}
.experiment-controls{display:flex;align-items:center;gap:10px}
.experiment-controls button{border:1px solid #a69b8459;min-width:42px;min-height:42px;border-radius:24px;font-size:13px;padding:9px 14px;background:#f5efe5a6}
.experiment-controls button:hover{border-color:#897347}
.experiment-hint{font-size:12px;margin:14px 0 7px;color:#625b4d}
.experiment-note{font-size:12px;line-height:1.65;text-align:center;max-width:380px;color:#756e62;margin:10px 0 0;padding:12px 0 0;background:none;border:0;border-radius:0;flex-shrink:0;position:relative}
.experiment-note::before{content:'';position:absolute;top:0;left:calc(50% - 24px);width:48px;height:1px;background:#ac9b7b66}
.experiment-status{position:absolute;top:45%;padding:20px;text-align:center;font-size:14px;pointer-events:none}
.experiment-status:empty{display:none}
.look-mode .lookbook{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.lookbook figure{scroll-snap-align:start;display:flex;flex-direction:column}
.lookbook img{min-height:0;flex:1;object-fit:contain;cursor:zoom-in}
.lookbook figcaption{position:static;background:none;color:#39372f;padding:10px 12px;flex-shrink:0}
.lookbook figcaption a{color:inherit;border-color:#938164}
.look-nav{display:none;align-items:center;gap:14px;padding-top:8px;font-size:11px;color:#756e62}
.look-mode .look-nav{display:flex}.look-nav button{min-width:38px;min-height:36px;font-size:20px}
dialog.look-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:55px 12px 65px;background:#f2eee6;border:0;overflow:hidden}
.look-lightbox::backdrop{background:#201c18cc}.look-close{position:absolute;right:16px;top:10px;width:42px;height:42px;font-size:32px;z-index:3}
.look-zoom{width:100%;height:100%;overflow:hidden;touch-action:none;cursor:zoom-in;user-select:none}
.look-zoom img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none}
.look-zoom.zoomed{cursor:grab}.look-zoom.zoomed:active{cursor:grabbing}
.look-lightbox-prev,.look-lightbox-next{position:absolute;top:50%;z-index:3;width:48px;height:48px;border:1px solid #ac9b7b80;border-radius:50%;background:#f5efe5e8;font-size:22px;transform:translateY(-50%)}
.look-lightbox-prev{left:18px}.look-lightbox-next{right:18px}.look-lightbox-prev:hover,.look-lightbox-next:hover{background:#6c6049;color:#fff}
.look-magnify{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:12px 22px;border:1px solid #ac9b7b;border-radius:25px;background:#f5efe5}
@media(max-width:600px){.look-mode .lookbook{grid-template-columns:none;grid-auto-columns:100%}.lookbook figcaption{padding:10px 12px!important}.look-nav{gap:5px;font-size:10px}.look-lightbox-prev,.look-lightbox-next{display:none}}
.load-title,.load-value{display:block}.load-value{font-size:12px;color:#756e62;font-variant-numeric:tabular-nums}
.experiment-status progress{display:block;width:200px;max-width:60vw;height:3px;margin:16px auto 12px;border:0;border-radius:3px;overflow:hidden;background:#dcd3c3;accent-color:#6c6049}
.experiment-status progress::-webkit-progress-bar{background:#dcd3c3}
.experiment-status progress::-webkit-progress-value{background:#6c6049}
.experiment-status progress::-moz-progress-bar{background:#6c6049}
.experiment-360.photo-mode{bottom:auto;pointer-events:none}.photo-mode .experiment-tabs{pointer-events:auto}
.photo-mode .experiment-stage,.photo-mode .experiment-controls,.photo-mode .experiment-hint,.photo-mode .experiment-note,.photo-mode .experiment-status{display:none}
.look-mode .experiment-stage,.look-mode .experiment-controls,.look-mode .experiment-hint,.look-mode .experiment-note,.look-mode .experiment-status{display:none}
@media(max-width:600px){.product-visual:has(.experiment-360:not([hidden])){min-height:490px;height:62svh}.product-visual:has(.look-mode){height:74svh;min-height:610px}.experiment-360{inset:48px 0 0;padding:8px 12px 12px}.experiment-tabs{width:100%;justify-content:center}.experiment-tabs button{padding:8px 11px;font-size:12px}.experiment-note{max-width:290px}.experiment-hint{margin-top:10px}.lookbook{display:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:12px 0 6px}.look-mode .lookbook{display:grid}.lookbook figure{scroll-snap-align:center}.lookbook figcaption{padding:38px 14px 14px}}