.slider_blk.has-360,
.prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360{
  align-items:stretch;
}
.pdp-360-rail{
  display:flex;
  flex-direction:column;
  width:145px;
  min-width:145px;
  margin-right:20px;
  position:relative;
}
.slider_blk.has-360 .slider-thumbs,
.prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .slider-thumbs{
  width:100%!important;
  min-width:0!important;
  margin-right:0!important;
  flex:1 1 auto;
  height:auto!important;
  min-height:0!important;
}
.pdp-360-thumb{
  position:relative;
  display:block;
  width:100%;
  height:145px;
  min-height:145px;
  margin:0 0 15px;
  padding:0;
  border:1px solid #e5e5e5;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  flex:0 0 auto;
}
.pdp-360-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.pdp-360-thumb__mark{
  position:absolute;
  left:8px;
  top:8px;
  z-index:2;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font:700 10px/1 "OpenSans-Bold",Arial,sans-serif;
  letter-spacing:.04em;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.pdp-360-thumb.is-on,
.slider_blk.is-360-on .pdp-360-thumb{
  border-color:#da2525;
  box-shadow:0 0 0 1px #da2525 inset;
}
.pdp-360-stage{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  height:560px;
  background:#fff;
}
.slider_blk.has-360 .slider-main{
  height:100%!important;
}
.pdp-360{
  display:none;
  position:absolute;
  inset:0;
  z-index:3;
  border:1px solid #e5e5e5;
  border-radius:25px;
  overflow:hidden;
  background:#fff;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.slider_blk.is-360-on .pdp-360{display:flex;flex-direction:column}
.slider_blk.is-360-on .slider-main{visibility:hidden}
.slider_blk.is-360-on .enlar{z-index:4}
.pdp-360__stage{
  position:relative;
  flex:1 1 auto;
  cursor:grab;
  overflow:hidden;
  background:#fff;
}
.pdp-360.is-dragging .pdp-360__stage{cursor:grabbing}
.pdp-360.is-zoomed .pdp-360__stage{cursor:move}
.pdp-360__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  pointer-events:none;
  -webkit-user-drag:none;
  transform-origin:center center;
  will-change:transform;
}
.pdp-360__badge{
  position:absolute;
  left:18px;
  top:18px;
  z-index:2;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  pointer-events:none;
}
.pdp-360__badge b{
  font:800 13px/1 "Exo-SemiBold","Exo-Bold",Arial,sans-serif;
  letter-spacing:.02em;
}
.pdp-360__badge span{
  display:block;
  margin-top:3px;
  font:600 8px/1 "OpenSans-Bold",Arial,sans-serif;
  letter-spacing:.14em;
  opacity:.72;
}
.pdp-360__orbit{
  position:absolute;
  inset:-5px;
  border:1.5px dashed rgba(255,255,255,.38);
  border-radius:50%;
  animation:pdp360Orbit 8s linear infinite;
}
.pdp-360__hint{
  position:absolute;
  left:50%;
  bottom:54px;
  transform:translateX(-50%);
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(17,17,17,.86);
  color:#fff;
  font:600 12px/1 "OpenSans-Semibold",Arial,sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transition:opacity .35s ease;
}
.pdp-360.is-hint .pdp-360__hint{opacity:1}
.pdp-360__hint i{
  display:block;
  width:18px;
  height:10px;
  border-radius:8px;
  border:1.5px solid #fff;
  position:relative;
}
.pdp-360__hint i:before{
  content:"";
  position:absolute;
  left:3px;
  top:2px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  animation:pdp360Swipe .9s ease-in-out infinite;
}
.pdp-360__ticks{
  position:absolute;
  left:24px;
  right:24px;
  bottom:16px;
  height:10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  pointer-events:none;
}
.pdp-360__ticks b{
  width:2px;
  height:5px;
  border-radius:2px;
  background:rgba(0,0,0,.16);
}
.pdp-360__ticks b.is-on{
  height:10px;
  background:#da2525;
}
.pdp-360__zoom{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:5;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.pdp-360__zoom button{
  width:36px;
  height:36px;
  border:1px solid #e5e5e5;
  border-radius:10px;
  background:#fff;
  color:#111;
  font:700 18px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.pdp-360__zoom button:hover{border-color:#da2525;color:#da2525}
.pdp-360__fs{margin-bottom:2px}
.pdp-360__fs svg{display:block}
.pdp-360__zoom button.is-off{opacity:.35;cursor:default}
.pdp-360__close{
  display:none;
  position:absolute;
  right:16px;
  top:16px;
  z-index:4;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#111;
  color:#fff;
  font:400 28px/1 Arial,sans-serif;
  cursor:pointer;
}
.pdp-360-backdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:10040;
  background:rgba(10,10,10,.78);
}
.pdp-360.is-lightbox{
  position:fixed!important;
  inset:4vh 4vw!important;
  z-index:10050;
  display:flex!important;
  flex-direction:column;
  border:0;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
.pdp-360.is-lightbox .pdp-360__close{display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:auto}
.pdp-360.is-lightbox [data-360-lightbox]{display:none}
.pdp-360.is-lightbox .pdp-360__badge{left:24px;top:24px}
.pdp-360.is-lightbox .pdp-360__zoom{right:24px;bottom:24px}
.pdp-360.is-lightbox .pdp-360__ticks{left:40px;right:40px;bottom:22px}
body.pdp-360-lightbox-on{overflow:hidden}
body.pdp-360-lightbox-on .pdp-360-backdrop{display:block}
@media (max-width:1100px){
  .pdp-360.is-lightbox{inset:0!important;border-radius:0}
}
@keyframes pdp360Orbit{to{transform:rotate(360deg)}}
@keyframes pdp360Swipe{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(7px)}
}
.slider_blk.has-360.is-single-image .pdp-360-rail,
.slider_blk.has-360.is-single-image .slider-thumbs{
  display:flex!important;
  visibility:visible!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.slider_blk.has-360 .arrow_btns{
  display:none!important;
}
@media (max-width:1100px){
  .slider_blk.has-360,
  .prd_detail .slider_blk.has-360,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .pdp-360-rail,
  .prd_detail .slider_blk.has-360 .pdp-360-rail,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail{
    order:2;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:14px 0 0!important;
    padding:0;
    flex-direction:row!important;
    flex-wrap:nowrap;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail .slider-thumbs,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail .slider-thumbs .slick-list,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail .slider-thumbs .slick-track,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail .slider-thumbs .slick-slide{
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
  }
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-rail .slick-cloned{
    display:none!important;
  }
  .pdp-360-thumb,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-thumb,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .slider-thumbs .slide_thumb,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .slider-thumbs .slick-slide .slide_thumb{
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 80px!important;
    box-sizing:border-box;
    border:1px solid #e5e5e5!important;
    border-radius:12px!important;
    overflow:hidden;
    background:#fff;
  }
  .pdp-360-thumb__mark{
    width:28px;
    height:28px;
    left:4px;
    top:4px;
    font-size:8px;
  }
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-thumb img,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .slider-thumbs .slide_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .pdp-360-stage,
  .prd_detail .slider_blk.has-360 .pdp-360-stage,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .pdp-360-stage{
    order:1;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:300px!important;
    max-height:none!important;
    aspect-ratio:4 / 3;
  }
  .slider_blk.has-360 .slider-main,
  .prd_detail .slider_blk.has-360 .slider-main,
  .prd_detail .tp_details .inner_dtls .lft_ .slider_blk.has-360 .slider-main{
    position:absolute!important;
    inset:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
  }
  .pdp-360:not(.is-lightbox){
    border-radius:16px;
  }
  .pdp-360__badge{
    width:40px;
    height:40px;
    left:10px;
    top:10px;
  }
  .pdp-360__badge b{font-size:11px}
  .pdp-360__badge span{display:none}
  .pdp-360__hint{display:none}
  .pdp-360__ticks{
    left:12px;
    right:92px;
    bottom:12px;
  }
  .slider_blk.has-360.is-360-on .enlar{display:none}
  .pdp-360__zoom{
    right:10px;
    bottom:10px;
    flex-direction:column!important;
  }
  .pdp-360__zoom button{
    width:34px;
    height:34px;
    font-size:16px;
  }
}