/* MERCURY F.6.20.45.5C.7.9.6.5.4 — Native Product Modal Isolation
   Loaded AFTER mercury-shop-builder.css so the native product overlay/panel
   has one authoritative presentation. Safari-safe: the overlay is dimmed,
   but no backdrop-filter is used, so the modal itself can never be blurred. */

.dp-commerce-product[data-product-drawer]{
  position:fixed!important;
  inset:0!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;max-width:none!important;
  height:100dvh!important;max-height:none!important;
  margin:0!important;padding:0!important;
  transform:none!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:10000!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.dp-commerce-product[data-product-drawer].is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

/* Backdrop is deliberately dim-only. Safari's backdrop-filter compositing can
   blur siblings in the same fixed stacking context, so do not use blur here. */
.dp-commerce-product[data-product-drawer] > .dp-commerce-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  z-index:1!important;
  border:0!important;
  background:rgba(0,0,0,.84)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  cursor:pointer!important;
}

/* The native ASIDE is the modal. Do not turn the full-screen overlay into it. */
.dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel{
  position:absolute!important;
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  width:min(1280px,calc(100vw - 72px))!important;
  max-width:1280px!important;
  height:min(780px,calc(100dvh - 96px))!important;
  max-height:calc(100dvh - 96px)!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,215,0,.28)!important;
  border-radius:10px!important;
  background:#080808!important;
  box-shadow:0 30px 90px rgba(0,0,0,.72)!important;
  overflow:hidden!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}

.dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel > .dp-commerce-product-media{
  position:relative!important;
  top:auto!important;
  min-width:0!important;min-height:0!important;
  width:auto!important;height:100%!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:var(--shop-builder-image-bg,#f2eee7)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-product-main{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;height:auto!important;
  display:grid!important;
  place-items:center!important;
  background:var(--shop-builder-image-bg,#f2eee7)!important;
  overflow:hidden!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-product-main img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:18px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-gallery{
  flex:0 0 auto!important;
  display:flex!important;
  gap:8px!important;
  width:100%!important;max-width:100%!important;
  padding:12px 0 0!important;
  overflow-x:auto!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-gallery button{
  flex:0 0 58px!important;
  width:58px!important;height:58px!important;
  padding:4px!important;
  border:1px solid #2d2d2d!important;
  background:#fff!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-gallery button.is-active{border-color:#ffd700!important}

.dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel > .dp-commerce-product-copy{
  position:relative!important;
  min-width:0!important;min-height:0!important;
  width:auto!important;height:100%!important;
  padding:42px 40px 34px!important;
  background:#080808!important;
  color:#eee!important;
  overflow:auto!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
.dp-commerce-product[data-product-drawer] .dp-commerce-close{
  position:absolute!important;
  top:14px!important;right:16px!important;
  z-index:20!important;
  margin:0!important;
}
.dp-commerce-product[data-product-drawer] [data-product-add]{
  width:100%!important;
  min-height:50px!important;
  background:#ffd700!important;
  color:#080808!important;
  border-color:#ffd700!important;
}

/* The 7.9.6.5.2 runtime shell is obsolete. Current JS no longer calls its
   normaliser, but if a stale shell ever exists it must not cover the native panel. */
.dp-commerce-product[data-product-drawer] > .mercury-product-modal-shell{
  display:none!important;
}

@media(max-width:980px){
  .dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(300px,45vh) minmax(0,1fr)!important;
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    height:calc(100dvh - 24px)!important;
    max-height:none!important;
  }
  .dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel > .dp-commerce-product-media{
    min-height:300px!important;
    padding:12px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel > .dp-commerce-product-copy{
    padding:26px 20px 30px!important;
  }
}
@media(max-width:650px){
  .dp-commerce-product[data-product-drawer] > .dp-commerce-product-panel{
    inset:0!important;
    top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:100dvh!important;
    transform:none!important;
    border:0!important;border-radius:0!important;
  }
}