/* Calibrated transparent box photography. Image and watch slots share a square canvas. */
body.collection-studio-page .studio .studio-photo-stage,
body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size]{
  display:block;position:relative;width:100%;max-width:260px;padding:0;margin:0 auto;
  transform:none;isolation:isolate;
}
body.collection-studio-page .studio .studio-photo-stage[data-tray-size] .studio-photo-box{
  position:relative;display:block;width:100%;aspect-ratio:var(--photo-aspect);margin:0;padding:0;
  border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;
}
body.collection-studio-page .studio .studio-box-cutout{
  display:block;position:absolute;left:0;top:var(--photo-top);width:100%;height:var(--photo-height);object-fit:contain;
  pointer-events:none;user-select:none;filter:drop-shadow(0 5px 5px rgba(25,25,25,.12));
}
body.collection-studio-page .studio .studio-photo-stage .studio-photo-slot{
  position:absolute;left:var(--slot-x);top:var(--slot-y);width:var(--slot-width);height:var(--slot-height);
  min-width:0;min-height:0;aspect-ratio:auto;transform:translate(-50%,-50%);
  display:grid;place-items:center;padding:0;border:0;border-radius:40%;
  background:transparent;box-shadow:none;overflow:visible;color:#fff;
}
body.collection-studio-page .studio .studio-photo-stage .studio-photo-slot:hover,
body.collection-studio-page .studio .studio-photo-stage .studio-photo-slot:focus-visible,
body.collection-studio-page .studio .studio-photo-stage .studio-photo-slot.is-target{
  background:rgba(255,255,255,.07);box-shadow:none;outline:2px solid #c5c5bf;outline-offset:1px;
}
body.collection-studio-page .studio .studio-photo-slot .studio-watch-art--boxed{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;
  margin:0;transform:none;filter:drop-shadow(0 2px 2px #000b);
}
body.collection-studio-page .studio .studio-photo-slot .studio-topdown-slot__plus{
  display:grid;place-items:center;width:22px;height:22px;margin:0;border-radius:50%;
  color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);
  font:300 1rem/1 var(--font-body);opacity:.8;
}
body.collection-studio-page .studio .studio-photo-slot .studio-topdown-slot__number{
  bottom:-3px;color:#e4e4df;font-size:.4rem;line-height:1;
  background:rgba(0,0,0,.45);padding:1px 3px;border-radius:4px;
}
body.collection-studio-page .studio .studio-review-overhead .studio-photo-stage{max-width:400px}
/* Fill the preview area in proportion to each lidless base, keeping intrinsic height. */
@media(min-width:1024px){
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size]{max-width:440px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size="1"]{max-width:260px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size="3"]{max-width:480px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size="4"]{max-width:330px}
  body.collection-studio-page .studio .studio-box-summary{gap:7px}
  body.collection-studio-page .studio .studio-box-hint{font-size:.74rem}
  body.collection-studio-page .studio .studio-box-price strong{font-size:1.9rem}
  body.collection-studio-page .studio .studio-box-price span{font-size:.7rem}
  body.collection-studio-page .studio .studio-box-panel .studio-review-button{font-size:.8rem;min-height:44px}
}
@media(max-width:600px){
  body.collection-studio-page .studio .studio-photo-stage .studio-photo-slot{min-width:44px;min-height:44px}
  body.collection-studio-page .studio-photo-active .studio-box-panel{display:block}
  body.collection-studio-page .studio-photo-active .studio-box-display{max-width:320px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size]{max-width:320px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size="1"]{max-width:230px}
  body.collection-studio-page .studio .studio-box-panel .studio-photo-stage[data-tray-size="4"]{max-width:280px}
  body.collection-studio-page .studio-photo-active .studio-box-summary{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;
    border-left:0;border-top:1px solid var(--rail-hair);padding:7px 0 0;
  }
  body.collection-studio-page .studio-photo-active .studio-box-progress,
  body.collection-studio-page .studio-photo-active .studio-box-hint,
  body.collection-studio-page .studio-photo-active .studio-box-meta{grid-column:1/-1}
  body.collection-studio-page .studio-photo-active .studio-box-price{
    display:flex;gap:8px;border:0;padding:0;
  }
  body.collection-studio-page .studio-photo-active .studio-box-price>div>span:first-child{display:none}
  body.collection-studio-page .studio-photo-active .studio-box-panel .studio-review-button{width:auto;margin:0}
}