/* Detailed inspection: desktop light table, mobile full-screen touch viewer. */
#image-inspector{position:fixed;inset:0;margin:auto;width:min(1280px,94vw);height:min(900px,94dvh);max-width:100vw;max-height:100dvh;padding:0;border:0;border-radius:18px;background:#f6f3ec;color:#183c34;box-sizing:border-box;overflow:hidden}#image-inspector[open]{display:flex;flex-direction:column;animation:inspection-enter .3s ease both}#image-inspector::backdrop{background:#102b25c9;backdrop-filter:blur(9px)}.inspection-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 23px;border-bottom:1px solid #183c3420}.inspection-header b{font:700 20px/1.6 NETajawal,Tahoma}.inspection-header small{display:block;font-size:12px;color:#5c6c58}.inspection-close{width:44px;height:44px;border:1px solid #183c3433;border-radius:50%;background:transparent;color:inherit;font-size:30px}.inspection-layout{display:flex;flex:1;min-height:0;gap:18px;padding:16px 22px}.inspection-thumbs{width:90px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex-shrink:0}.inspection-thumbs button{height:94px;min-height:94px;padding:3px;border:1px solid transparent;border-radius:8px;background:#eee9df}.inspection-thumbs button[aria-pressed=true]{border-color:#183c34}.inspection-thumbs img{width:100%;height:100%;object-fit:contain}.inspection-stage{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#eee9df;border-radius:12px;display:grid;place-items:center;touch-action:none;cursor:crosshair}.inspection-image{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;user-select:none;transform-origin:center}.is-zoomed .inspection-stage{cursor:grab}.is-zoomed .inspection-stage:active{cursor:grabbing}.inspection-prev,.inspection-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:48px;border:1px solid #183c3425;background:#fffdf5e8;border-radius:8px;font-size:23px;color:#183c34}.inspection-prev{right:12px}.inspection-next{left:12px}.inspection-toolbar{display:flex;justify-content:center;align-items:center;gap:14px;padding:5px 22px}.inspection-toolbar button{min-width:44px;min-height:44px;border:1px solid #183c3430;background:transparent;border-radius:6px;color:inherit;font:16px NETajawal,Tahoma}.inspection-toolbar output{min-width:60px;text-align:center;font:14px Arial}.inspection-toolbar .inspection-counter{font:13px Arial;margin-inline-start:15px}.inspection-hint{text-align:center;font-size:12px;color:#5d6c59;margin:8px 12px 16px}.detail-lens{position:absolute!important;display:block!important;width:150px!important;height:150px!important;border:2px solid #fffdf7!important;border-radius:50%!important;box-shadow:0 4px 24px #102b2555;background-repeat:no-repeat;pointer-events:none!important;z-index:6;padding:0!important;transform:none!important;filter:none!important;max-width:none!important;max-height:none!important}.detail-lens:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;font:24px Arial;color:#183c3488}.image-expand,.sequence-zoom{cursor:zoom-in}
.card-visual>a>.card-hover-image{opacity:0;transform:translateY(14px) scale(1.075);filter:blur(2px);clip-path:inset(0 100% 0 0);transition:clip-path .85s cubic-bezier(.22,1,.36,1),opacity .5s,transform 1s cubic-bezier(.22,1,.36,1),filter .65s;object-fit:contain}.card-visual>a:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff6 50%,transparent 70%);transform:translateX(120%);pointer-events:none;z-index:2;opacity:0;transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .4s}@media(hover:hover) and (pointer:fine){.card:hover .card-hover-image,.card:focus-within .card-hover-image{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}.card:hover .card-visual>a:after{transform:translateX(-120%);opacity:1}}
.pdp-sequence{isolation:isolate;gap:36px;padding-bottom:15px}.sequence-frame{position:sticky;top:135px;background:#faf9f6;border:1px solid #183c3415;border-radius:15px;padding:8px;transform:scale(var(--sequence-scale,1));transform-origin:top center;filter:brightness(calc(1 - var(--sequence-dim,0)));box-shadow:0 14px 35px #183c3410;will-change:transform}.sequence-frame:nth-child(2){top:147px;z-index:2}.sequence-frame:nth-child(3){top:159px;z-index:3}.sequence-frame:nth-child(4){top:171px;z-index:4}.sequence-frame .sequence-zoom{max-height:calc(100dvh - 225px);border:0}.sequence-frame figcaption{padding:0 8px 5px}.sequence-frame .sequence-zoom:hover img{transform:none}.product-video{background:#eee9df}.product-video>video{width:100%;max-height:720px;background:#102b25;border-radius:14px;display:block;object-fit:contain}.product-video-pending{max-width:950px;min-height:280px;margin:auto;position:relative;overflow:hidden;border-radius:16px;background:#e6e0d3;display:flex;align-items:center;justify-content:space-around;padding:25px}.product-video-pending>img{width:45%;max-height:350px;object-fit:contain;mix-blend-mode:multiply}.product-video-pending>div{text-align:center}.product-video-pending h3{font:700 25px/1.6 NETajawal,Tahoma}.product-video-pending>div>span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #183c3444;border-radius:50%;font-size:36px;margin:0 auto 18px;color:#183c3488}.video-admin-row{display:flex;gap:15px;align-items:end;padding:15px 0 25px;border-bottom:1px solid #d6ddce}.video-admin-row label{flex:1}.video-admin-row input{width:100%;box-sizing:border-box;min-height:44px}.video-admin-row .error{margin:0}
@keyframes inspection-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:767px){#image-inspector{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0;background:#10201d;color:#fffdf4}.inspection-header{padding:10px 15px;border-color:#ffffff20}.inspection-header b{font-size:17px}.inspection-header small{font-size:11px;color:#c2cabb}.inspection-close{color:#fffdf4;border-color:#ffffff50}.inspection-layout{flex-direction:column-reverse;gap:12px;padding:10px;min-height:0}.inspection-stage{border-radius:6px;background:#eee9df;width:100%;min-height:160px}.inspection-thumbs{width:100%;height:67px;min-height:67px;flex-direction:row;justify-content:center;gap:8px;overflow:auto}.inspection-thumbs button{width:54px;height:67px;min-height:67px;flex:0 0 54px;border-color:transparent}.inspection-thumbs button[aria-pressed=true]{border-color:#e0ecae}.inspection-toolbar{gap:9px;padding:2px 10px}.inspection-toolbar button{border-color:#ffffff50;font-size:14px}.inspection-toolbar output{font-size:12px;min-width:45px}.inspection-hint{font-size:11px;color:#c6cebf;margin:8px 10px max(12px,env(safe-area-inset-bottom))}.inspection-prev,.inspection-next{width:34px;height:44px;font-size:19px}.inspection-prev{right:8px}.inspection-next{left:8px}.detail-lens{display:none!important}.sequence-frame{top:85px;padding:5px;will-change:transform}.sequence-frame:nth-child(2){top:97px}.sequence-frame:nth-child(3){top:109px}.sequence-frame:nth-child(4){top:121px}.sequence-frame .sequence-zoom{max-height:calc(100dvh - 190px)}.pdp-sequence{gap:28px}.product-video-pending{min-height:210px;padding:15px;gap:12px}.product-video-pending h3{font-size:20px}.product-video-pending>div>span{width:52px;height:52px;font-size:27px}.product-video .section-head{gap:12px}.product-video .section-head>.eyebrow{font-size:9px;letter-spacing:1px}.video-admin-row{flex-wrap:wrap}.video-admin-row label{flex-basis:100%}#quick-view{inset:auto 0 0;margin:0 auto;width:100vw;max-width:100vw;border-radius:20px 20px 0 0;max-height:94dvh}}
@media(max-height:650px){.sequence-frame,.sequence-frame:nth-child(n){position:relative;top:auto;transform:none!important;filter:none}.sequence-frame .sequence-zoom{max-height:none}}
@media(prefers-reduced-motion:reduce){.sequence-frame,.sequence-frame:nth-child(n){position:relative;top:auto;transform:none!important;filter:none;will-change:auto}.card-visual>a>.card-hover-image{transition:none;filter:none;transform:none}.card-visual>a:after{display:none}#image-inspector[open]{animation:none}.inspection-image{transition:none}}
.inspection-counter{direction:ltr;unicode-bidi:isolate}
/* Worn preview uses the shoe area, independent of motion preferences. */
.card-visual>a>img.card-hover-image.card-worn-image{display:block;object-fit:cover;object-position:50% 100%;transform:scale(2.6);transform-origin:50% 100%;filter:none}
.card.is-worn .card-visual>a>.card-hover-image{display:block;opacity:1;clip-path:inset(0);filter:none}
.card.is-worn .card-visual>a>picture,.card.is-worn .card-visual>a>img:first-child{opacity:0}
.card.is-worn .card-visual>a:after{transform:translateX(-120%);opacity:1}
.card-worn-toggle{display:none;position:absolute;bottom:55px;right:9px;z-index:4;min-height:38px;padding:7px 10px;border:1px solid #183c3430;border-radius:7px;background:#fffdf5f5;color:#183c34;font:500 12px/1.5 NEArabic,sans-serif;box-shadow:0 3px 12px #183c3410;cursor:pointer}
.card-worn-toggle[aria-pressed=true]{background:#183c34;color:#eef2d5}
@media(hover:none),(pointer:coarse){.card-worn-toggle{display:flex;align-items:center;gap:7px}.card-visual>a>.card-hover-image{display:block}.card-preview{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.card-visual>a>img.card-hover-image.card-worn-image{transform:scale(2.6)!important}.card-visual>a>.card-hover-image{transition:none!important}}
@media(hover:none),(pointer:coarse){.card-worn-toggle{top:9px;bottom:auto;right:9px;min-height:32px;font-size:10px;padding:6px 8px}.card-preview{left:9px;right:auto;bottom:9px;width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%;font-size:0}.card-preview span{display:none}.card-preview:before{content:'+';font:22px/1 Arial}}

/* Compact image switch; descriptive label remains available to screen readers. */
@media(hover:none),(pointer:coarse){.card-worn-toggle{width:32px;height:32px;min-width:32px;padding:0;justify-content:center;border-radius:50%;font:20px/1 Arial,sans-serif;gap:0;transition:background .25s,color .25s,transform .25s}.card-worn-toggle[aria-pressed=true]{transform:rotate(180deg)}}