/* OrganizedChaos | Atelier Inspector v1
   Fullscreen modal in the document body, outside the fixed Prime viewport. */
.product-gallery .oc-gallery-expand{
  position:absolute;right:10px;bottom:12px;z-index:6;min-width:44px;min-height:44px;
  display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;
  border:1px solid rgba(232,194,139,.72);border-radius:100px;
  color:#f7e6ca;background:linear-gradient(145deg,rgba(54,40,28,.94),rgba(10,9,9,.96));
  box-shadow:0 6px 20px rgba(0,0,0,.34),inset 0 1px rgba(255,234,202,.2);
  font:700 9px/1.1 Manrope,system-ui,sans-serif;letter-spacing:.12em;
  cursor:zoom-in;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.product-gallery .oc-gallery-expand:hover,
.product-gallery .oc-gallery-expand:focus-visible{
  color:#fff8ed;border-color:#fff0cd;background:#423122;
}
.product-gallery .oc-gallery-expand:focus-visible{outline:2px solid #f4d5a1;outline-offset:2px}
.oc-gallery-expand-glyph{position:relative;display:block;width:16px;height:16px;flex:none}
.oc-gallery-expand-glyph:before,.oc-gallery-expand-glyph:after{
  content:"";position:absolute;width:7px;height:7px;border:solid currentColor;pointer-events:none
}
.oc-gallery-expand-glyph:before{right:0;top:0;border-width:1px 1px 0 0}
.oc-gallery-expand-glyph:after{left:0;bottom:0;border-width:0 0 1px 1px}
body.oc-inspector-open{overflow:hidden!important;overscroll-behavior:none}
body.oc-inspector-open .prime-creation-ad{visibility:hidden!important}
.oc-inspector[hidden],.oc-inspector-control[hidden]{display:none!important}
.oc-inspector,.oc-inspector *{box-sizing:border-box}
.oc-inspector{
  position:fixed;inset:0;z-index:2147483645;isolation:isolate;
  width:100%;height:100%;height:100dvh;display:grid;place-items:center;
  overflow:hidden;background:#0a0807;color:#f8e9d3;
  overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;
}
.oc-inspector-scrim{
  position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse at 50% 45%,rgba(103,73,40,.28),transparent 69%),
    linear-gradient(145deg,#17120f,#070606 75%);
}
.oc-inspector-shell{
  position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;
  padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right))
    max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
}
.oc-inspector-shell:before{
  content:"";position:absolute;inset:5px;pointer-events:none;
  border:1px solid rgba(235,197,139,.16);box-shadow:inset 0 0 0 1px rgba(255,235,200,.025);
}
.oc-inspector-header,.oc-inspector-footer{
  position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0;
}
.oc-inspector-header{padding:6px clamp(3px,2vw,26px) 12px;border-bottom:1px solid rgba(235,192,132,.25)}
.oc-inspector-titles{min-width:0}
.oc-inspector-eyebrow{
  display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#c7a476;
  font:700 9px/1 Manrope,system-ui,sans-serif;letter-spacing:.15em
}
.oc-inspector-eyebrow i{display:block;width:18px;height:1px;background:linear-gradient(90deg,#edc38a,transparent)}
.oc-inspector-titles h2{
  overflow:hidden;max-width:70vw;margin:0;text-overflow:ellipsis;white-space:nowrap;
  color:#f8ebd7;font:500 clamp(17px,2.4vw,29px)/1.2 "Bodoni Moda",Georgia,serif;
}
.oc-inspector-control{
  appearance:none;-webkit-appearance:none;position:relative;
  display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:0;
  border:1px solid rgba(239,201,146,.64);border-radius:100px;
  color:#f7e1bd;background:radial-gradient(circle at 23% 16%,rgba(255,224,176,.13),transparent 57%),
    linear-gradient(145deg,#33271f,#0e0b0a 80%);
  box-shadow:0 7px 21px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,229,185,.2);
  cursor:pointer;touch-action:manipulation;
  transition:background .2s,border-color .2s,color .2s;
}
.oc-inspector-control:before{
  content:"";position:absolute;inset:3px;border:1px solid rgba(244,205,146,.15);
  border-radius:inherit;pointer-events:none;
}
.oc-inspector-control:hover,.oc-inspector-control:focus-visible{
  border-color:#ffdcaa;color:#fff9e7;background:linear-gradient(150deg,#554031,#17100d)
}
.oc-inspector-control:focus-visible{outline:2px solid #f6d8a5;outline-offset:3px}
.oc-inspector-control:disabled{opacity:.45;cursor:default}
.oc-inspector-close{
  display:flex;align-items:center;justify-content:center;gap:11px;
  min-height:48px;padding:0 17px;font:700 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.13em
}
.oc-inspector-close-icon{position:relative;display:block;width:17px;height:17px}
.oc-inspector-close-icon:before,.oc-inspector-close-icon:after{
  content:"";position:absolute;left:0;top:8px;width:17px;height:1px;
  background:currentColor;transform:rotate(45deg)
}
.oc-inspector-close-icon:after{transform:rotate(-45deg)}
.oc-inspector-stage{
  position:relative;z-index:2;display:grid;align-items:center;justify-items:center;
  grid-template-columns:clamp(46px,5.5vw,74px) minmax(0,1fr) clamp(46px,5.5vw,74px);
  gap:clamp(1px,1vw,16px);width:100%;min-height:0;min-width:0;
  padding:clamp(9px,2vh,22px) 0;overflow:hidden;
}
.oc-inspector-photo-wrap{
  position:relative;display:grid;place-items:center;
  width:100%;height:100%;min-width:0;min-height:0;max-width:1400px;overflow:hidden;
  border:1px solid rgba(227,192,139,.28);border-radius:8px;
  background:radial-gradient(ellipse at 50% 45%,#32261b,#0b0908 80%);
  box-shadow:0 19px 60px rgba(0,0,0,.43),inset 0 0 0 1px rgba(255,226,187,.04);
  touch-action:none;overscroll-behavior:contain;cursor:zoom-in
}
.oc-inspector-photo-wrap.is-zoomed{cursor:grab}
.oc-inspector-image{
  display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;
  object-fit:contain!important;object-position:center!important;
  transform-origin:center center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;
  transition:transform .16s ease-out;
}
.oc-inspector-photo-wrap[aria-busy=true]:after{
  content:"";position:absolute;left:44%;right:44%;bottom:12px;height:1px;
  background:#eecb9c;box-shadow:0 0 10px rgba(239,199,145,.4);
  animation:oc-inspector-loading 1.2s ease-in-out infinite
}
@keyframes oc-inspector-loading{0%,100%{opacity:.25}50%{opacity:1}}
.oc-inspector-arrow{width:clamp(44px,4.7vw,58px);height:clamp(44px,4.7vw,58px)}
.oc-inspector-arrow .oc-fashion-arrow{position:relative;display:block;width:24px;height:16px;color:#f9ddb2}
.oc-inspector-arrow .oc-fashion-arrow:before{
  content:"";position:absolute;left:1px;top:50%;width:21px;height:1px;
  transform:translateY(-50%);background:linear-gradient(90deg,rgba(215,169,108,.2),currentColor)
}
.oc-inspector-arrow .oc-fashion-arrow:after{
  content:"";position:absolute;right:1px;top:50%;width:8px;height:8px;
  border-top:1px solid currentColor;border-right:1px solid currentColor;
  transform:translateY(-50%) rotate(45deg)
}
.oc-inspector-prev .oc-fashion-arrow{transform:scaleX(-1)}
.oc-inspector-footer{
  flex-wrap:wrap;padding:12px clamp(4px,2vw,26px) 4px;
  border-top:1px solid rgba(234,196,137,.25)
}
.oc-inspector-position{display:grid;gap:4px;min-width:75px}
.oc-inspector-position small{color:#ba9870;font:700 9px/1 Manrope,system-ui,sans-serif;letter-spacing:.13em}
.oc-inspector-count{color:#fff0d5;font:500 17px/1.15 "Bodoni Moda",Georgia,serif;letter-spacing:.12em}
.oc-inspector-zoom{display:flex;align-items:center;gap:5px}
.oc-inspector-zoom-level{min-width:56px;font:650 12px/1 Manrope,system-ui,sans-serif}
.oc-inspector-return{
  min-height:46px;display:flex;justify-content:center;gap:9px;padding:0 15px;
  font:700 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.07em
}
.oc-inspector-return-arrow{font-size:18px}
.oc-inspector-status{
  position:absolute;left:50%;bottom:77px;z-index:6;transform:translateX(-50%);
  color:#f0d2a7;font:600 12px/1.3 Manrope,system-ui,sans-serif;pointer-events:none
}
.oc-inspector-status:empty{display:none}
.oc-inspector-flight{
  position:fixed;z-index:2147483647;display:block;
  margin:0;object-fit:contain;object-position:center;pointer-events:none;
  transform-origin:0 0;will-change:transform;border-radius:7px;
  border:1px solid rgba(243,199,140,.64);
  background:radial-gradient(ellipse,#31261c,#0f0c0a);
  box-shadow:0 20px 50px rgba(0,0,0,.46);
}
.oc-inspector.is-entering .oc-inspector-scrim{animation:oc-inspector-fade-in .55s ease both}
.oc-inspector.is-entering :is(.oc-inspector-header,.oc-inspector-footer){animation:oc-inspector-controls-in .46s ease both}
.oc-inspector.is-exiting .oc-inspector-scrim{animation:oc-inspector-fade-out .46s ease both}
.oc-inspector.is-exiting :is(.oc-inspector-header,.oc-inspector-footer){animation:oc-inspector-controls-out .37s ease both}
@keyframes oc-inspector-fade-in{from{opacity:0}to{opacity:1}}
@keyframes oc-inspector-fade-out{from{opacity:1}to{opacity:0}}
@keyframes oc-inspector-controls-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes oc-inspector-controls-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
@media(max-width:640px){
 .product-gallery .oc-gallery-expand{right:8px;bottom:9px}
 .product-gallery .oc-gallery-expand>span:last-child{display:none}
 .oc-inspector-shell{
   padding:max(10px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right))
     max(11px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))
 }
 .oc-inspector-header{padding:5px 7px 10px}
 .oc-inspector-titles h2{max-width:54vw;font-size:clamp(16px,4vw,21px)}
 .oc-inspector-close{padding:0 13px;min-height:48px}
 .oc-inspector-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:0;padding:7px 0}
 .oc-inspector-arrow{width:44px;height:50px;z-index:4}
 .oc-inspector-footer{gap:6px;padding:11px 5px 3px}
 .oc-inspector-position{min-width:62px}
 .oc-inspector-zoom{gap:4px}
 .oc-inspector-zoom .oc-inspector-control{min-width:40px;min-height:44px}
 .oc-inspector-zoom-level{min-width:43px!important}
 .oc-inspector-return{padding:0 11px;min-height:44px;font-size:9px}
}
@media(max-width:365px){
 .oc-inspector-stage{grid-template-columns:40px minmax(0,1fr) 40px}
 .oc-inspector-footer{gap:4px}
 .oc-inspector-return{font-size:0;min-width:44px;padding:0}
 .oc-inspector-return-arrow{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
 .oc-inspector :is(.oc-inspector-control,.oc-inspector-image){transition:none!important}
 .oc-inspector :is(.oc-inspector-scrim,.oc-inspector-header,.oc-inspector-footer){animation:none!important}
}
