/* ============================================================
   ৩৬০° প্রোডাক্ট ভিউ — psp- ক্লাস প্যাটার্ন ও রুট CSS ভ্যারিয়েবল অনুসরণ করে
   ============================================================ */

/* গ্যালারি ছবির উপরে "360° ভিউ" বাটন (zoom-hint বাটনের পাশে, বাম দিকে) */
.psp-360-btn{
  position:absolute;
  bottom:10px;
  left:10px;
  height:34px;
  padding:0 14px;
  border:none;
  border-radius:20px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  font-family:'Hind Siliguri','Segoe UI',sans-serif;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  z-index:2;
}
.psp-360-btn:hover{ background:rgba(0,0,0,.72); }

/* ফুল-স্ক্রিন মোডাল (বিদ্যমান .psp-lightbox এর সাথে সামঞ্জস্যপূর্ণ) */
.psp-360-modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(10,15,12,.92);
  z-index:1000;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
}
.psp-360-modal.open{ display:flex; }

.psp-360-close{
  position:absolute;
  top:16px;
  right:20px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  border:none;
  font-size:20px;
  cursor:pointer;
}
.psp-360-close:hover{ background:rgba(255,255,255,.22); }

.psp-360-stage{
  position:relative;
  width:min(92vw,700px);
  aspect-ratio:1/1;
  max-height:88vh;
  background:var(--paper,#fff);
  border-radius:12px;
  overflow:hidden;
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.psp-360-stage.dragging{ cursor:grabbing; }

.psp-360-img{
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

.psp-360-hint{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:6px 14px;
  border-radius:20px;
  pointer-events:none;
  transition:opacity .3s ease;
  white-space:nowrap;
}
.psp-360-hint.hidden{ opacity:0; }

@media (max-width:640px){
  .psp-360-btn{ font-size:11.5px; height:30px; padding:0 10px; }
  .psp-360-close{ width:38px; height:38px; font-size:18px; }
}