/* V191 product detail premium information layout */
#detailModal .detail-premium-title{
  display:-webkit-box;
  margin:12px 0 8px;
  overflow:hidden;
  color:#101828;
  font-size:14.5px;
  line-height:1.34;
  font-weight:800;
  letter-spacing:0;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  cursor:pointer;
}

#detailModal .detail-premium-title.is-expanded{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
}

#detailModal .detail-premium-summary{
  display:block;
  margin:0 0 10px;
  padding:12px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 12px 30px rgba(16,24,40,.07);
}

#detailModal .detail-premium-price-row{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:10px;
}

#detailModal .detail-premium-price{
  color:#e11d48;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}

#detailModal .detail-premium-old-price{
  color:#98a2b3;
  font-size:14px;
  font-weight:700;
}

#detailModal .detail-premium-discount,
#detailModal .detail-premium-offer{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#fff1f2;
  color:#be123c;
  font-size:12px;
  font-weight:900;
}

#detailModal .detail-premium-offer{
  max-width:100%;
  background:#eef4ff;
  color:#3538cd;
}

#detailModal .detail-premium-chip-row,
#detailModal .detail-premium-live-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#detailModal .detail-premium-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  padding:6px 8px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  color:#344054;
  font-size:12px;
}

#detailModal .detail-premium-chip small{
  color:#667085;
  font-weight:700;
}

#detailModal .detail-premium-chip b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}

#detailModal .detail-premium-live-row{
  margin-top:8px;
  color:#475467;
  font-size:13px;
  font-weight:800;
}

#detailModal .detail-premium-live-row span{
  padding:4px 8px;
  border-radius:999px;
  background:#f2f4f7;
}

#detailModal .detail-premium-stock.is-available{ background:#ecfdf3; color:#027a48; }
#detailModal .detail-premium-stock.is-limited{ background:#fffaeb; color:#b54708; }
#detailModal .detail-premium-stock.is-out{ background:#fef3f2; color:#b42318; }

#detailModal .detail-trust-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin:12px 0;
}

#detailModal .detail-trust-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border:1px solid #e6eaf0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,24,40,.05);
}

#detailModal .detail-trust-item > span{
  display:grid;
  flex:0 0 32px;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:50%;
  background:#f0f9ff;
  color:#026aa2;
  font-size:10px;
  font-weight:900;
  letter-spacing:0;
}

#detailModal .detail-trust-item b,
#detailModal .detail-trust-item small{
  display:block;
}

#detailModal .detail-trust-item b{
  color:#101828;
  font-size:13px;
  font-weight:900;
}

#detailModal .detail-trust-item small{
  margin-top:2px;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}

#detailModal .detail-extra-section,
#detailModal .detail-advanced-section{
  margin:12px 0;
  padding:14px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(16,24,40,.055);
}

#detailModal .detail-extra-section h4,
#detailModal .detail-advanced-head h4{
  margin:0 0 8px;
  color:#101828;
  font-size:16px;
  font-weight:900;
  letter-spacing:0;
}

#detailModal .detail-advanced-head p{
  margin:0 0 12px;
  color:#667085;
  font-size:12px;
}

#detailModal #detailDescriptionSection .desc{
  margin:0 0 10px;
  color:#344054;
  font-size:14px;
  line-height:1.65;
  white-space:pre-line;
}

#detailModal #detailDescriptionSection .desc:empty{ display:none; }

#detailModal #detailInfo.option{
  margin:12px 0;
  padding:14px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:#f9fafb;
  color:#344054;
  line-height:1.6;
}

#detailModal .detail-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

#detailModal .detail-info-card{
  padding:10px;
  border:1px solid #edf0f5;
  border-radius:14px;
  background:#fbfcff;
}

#detailModal .detail-info-card span,
#detailModal .detail-info-card b{
  display:block;
}

#detailModal .detail-info-card span{
  color:#667085;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

#detailModal .detail-info-card b{
  margin-top:4px;
  color:#101828;
  font-size:13px;
}

#detailModal .detail-mini-table{
  margin-top:10px;
  overflow:hidden;
  border:1px solid #edf0f5;
  border-radius:14px;
}

#detailModal .detail-mini-title,
#detailModal .detail-mini-row{
  display:block;
  padding:10px 12px;
}

#detailModal .detail-mini-title{
  background:#f8fafc;
  color:#101828;
  font-size:12px;
}

#detailModal .detail-mini-row{
  border-top:1px solid #edf0f5;
  color:#344054;
  font-size:13px;
}

#detailModal .detail-mini-row b,
#detailModal .detail-mini-row small{
  display:block;
  margin-top:3px;
}

#detailModal .detail-policy-text + .detail-policy-text{ margin-top:12px; }
#detailModal .detail-policy-text b{ color:#101828; }
#detailModal .detail-policy-text p{ margin:5px 0 0; color:#475467; line-height:1.6; }

#detailModal .detail-related-product-section{
  margin:18px 0 0;
  padding-top:4px;
}

#detailModal .detail-related-product-head{
  margin:0 0 12px;
  padding:14px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fafc,#fff);
}

#detailModal .detail-related-product-head span{
  color:#667085;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}

#detailModal .detail-related-product-head h4{
  margin:3px 0 0;
  color:#101828;
  font-size:18px;
  font-weight:900;
}

/* V191 final premium summary layout */
#detailModal{
  --mg-detail-accent:#c0265a;
  --mg-detail-accent-soft:#fff1f5;
  --mg-detail-info-accent:#52628f;
}

#detailModal .detail-premium-title{
  font-size:16px;
  line-height:1.32;
}

#detailModal .detail-premium-summary{
  display:grid;
  gap:8px;
  margin:0 0 8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

#detailModal .detail-premium-inner-box{
  display:grid;
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

#detailModal .detail-premium-top-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

#detailModal .detail-premium-price-line{
  display:flex;
  align-items:center;
  flex:0 1 auto;
  gap:7px;
  width:fit-content;
  max-width:100%;
  min-width:0;
  padding:8px 10px;
  border:1px solid #edf0f5;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 18px rgba(16,24,40,.06);
}

#detailModal .detail-premium-price{
  color:var(--mg-detail-accent);
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}

#detailModal .detail-premium-old-price{
  color:#98a2b3;
  font-size:13px;
  font-weight:800;
}

#detailModal .detail-premium-discount{
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:var(--mg-detail-accent-soft);
  color:var(--mg-detail-accent);
  font-size:12px;
  font-weight:900;
}

#detailModal .detail-premium-actions{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:8px;
  margin-left:auto;
}

#detailModal .detail-premium-icon-btn{
  display:grid;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  place-items:center;
  border:1px solid #e8edf5;
  border-radius:50%;
  background:#fff;
  color:var(--mg-detail-info-accent);
  font-size:16px;
  font-weight:900;
  line-height:1;
  box-shadow:0 10px 24px rgba(16,24,40,.10);
}

#detailModal .detail-premium-icon-btn svg{
  width:21px;
  height:21px;
  fill:currentColor;
}

#detailModal .detail-premium-status-line{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

#detailModal .detail-premium-status-line .detail-premium-stock,
#detailModal .detail-premium-status-line .detail-premium-offer{
  padding:6px 9px;
  border:1px solid #edf0f5;
  border-radius:999px;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}

#detailModal .detail-premium-status-line .detail-premium-stock{
  background:#ecfdf3;
  color:#027a48;
}

#detailModal .detail-premium-status-line .detail-premium-offer{
  background:#eef4ff;
  color:#3538cd;
}

#detailModal .detail-premium-info-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

#detailModal .detail-premium-info-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  width:auto;
  padding:7px 9px;
  border:1px solid #edf0f5;
  border-radius:16px;
  background:#fff;
}

#detailModal .detail-premium-info-row span{
  flex:0 0 auto;
  color:#667085;
  font-size:11px;
  font-weight:800;
}

#detailModal .detail-premium-info-row b{
  min-width:0;
  overflow:hidden;
  color:var(--mg-detail-info-accent);
  font-size:13px;
  line-height:1.2;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#detailModal #detailWishlistBtn{
  display:none;
}

#detailModal #detailPremiumWishlistBtn{
  display:grid;
}


/* V191 hide duplicate delivery trust card UI only */
#detailModal .detail-trust-item.is-delivery{
  display:none;
}

/* V191 collapsible existing product description */
#detailModal #detailDescriptionSection.is-collapsible{
  overflow:hidden;
}

#detailModal #detailDescriptionSection .detail-description-toggle{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#101828;
  font:inherit;
  text-align:left;
}

#detailModal #detailDescriptionSection .detail-description-toggle span:first-child{
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}

#detailModal #detailDescriptionSection .detail-description-arrow{
  display:grid;
  width:34px;
  height:34px;
  min-width:34px;
  place-items:center;
  border:1px solid #edf0f5;
  border-radius:50%;
  background:#fff;
  color:#52628f;
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}

#detailModal #detailDescriptionSection.is-expanded .detail-description-arrow{
  transform:rotate(180deg);
}

#detailModal #detailDescriptionSection .detail-description-body{
  display:none;
  padding-top:14px;
}

#detailModal #detailDescriptionSection.is-expanded .detail-description-body{
  display:block;
}

/* V191 hide selectable variants section only */
#detailModal #detailVariantsSection{
  display:none !important;
}

/* V191 collapsible advanced info sections */
#detailModal .detail-advanced-section.is-collapsible{
  overflow:hidden;
}

#detailModal .detail-advanced-toggle{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#101828;
  font:inherit;
  text-align:left;
}

#detailModal .detail-advanced-toggle b,
#detailModal .detail-advanced-toggle small{
  display:block;
}

#detailModal .detail-advanced-toggle b{
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}

#detailModal .detail-advanced-toggle small{
  margin-top:8px;
  color:#667085;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

#detailModal .detail-advanced-arrow{
  display:grid;
  width:34px;
  height:34px;
  min-width:34px;
  place-items:center;
  border:1px solid #edf0f5;
  border-radius:50%;
  background:#fff;
  color:#52628f;
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}

#detailModal .detail-advanced-section.is-expanded .detail-advanced-arrow{
  transform:rotate(180deg);
}

#detailModal .detail-advanced-body{
  display:none;
  padding-top:14px;
}

#detailModal .detail-advanced-section.is-expanded .detail-advanced-body{
  display:block;
}

/* V191 product title expand arrow */
#detailModal .detail-premium-title{
  position:relative;
  padding-right:24px;
}

#detailModal .detail-premium-title::after{
  content:"";
  position:absolute;
  right:2px;
  bottom:3px;
  width:8px;
  height:8px;
  border-right:2px solid #98a2b3;
  border-bottom:2px solid #98a2b3;
  transform:rotate(45deg);
  transition:transform .18s ease, border-color .18s ease;
}

#detailModal .detail-premium-title.is-expanded::after{
  bottom:0;
  border-color:#52628f;
  transform:rotate(225deg);
}

/* V192 detail gallery and media final layout */
.detail-main-image-btn{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
}

.detail-main-image-btn .detail-main-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
}

.detail-thumb-option-viewer{
  display:grid!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  place-items:center;
  align-self:center!important;
  background:#fff!important;
  color:#667085!important;
}

.detail-thumb-option-viewer span{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  font-size:22px!important;
  font-weight:900;
  line-height:1;
}

.v192-detail-gallery-viewer[hidden]{
  display:none!important;
}

.v192-detail-gallery-viewer{
  position:fixed;
  inset:0;
  z-index:1300;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:#0f0f10;
  color:#fff;
}

.v192-detail-gallery-viewer__top{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 56px;
  align-items:center;
  padding:16px 14px 10px;
}

.v192-detail-gallery-viewer__top button{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:30px;
  line-height:1;
}

.v192-detail-gallery-viewer__top span{
  justify-self:center;
  color:#fff;
  font-size:18px;
  font-weight:900;
}

.v192-detail-gallery-viewer__stage{
  min-height:0;
  overflow:hidden;
  align-content:start!important;
}

.v192-detail-gallery-viewer__track{
  display:flex;
  width:100%;
  height:100%;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
}

.v192-detail-gallery-viewer__track::-webkit-scrollbar{
  display:none;
}

.v192-detail-gallery-viewer__slide{
  display:grid;
  flex:0 0 100%;
  min-width:100%;
  height:100%;
  place-items:start center!important;
  align-content:start!important;
  scroll-snap-align:center;
}

.v192-detail-gallery-viewer__slide img{
  display:block;
  width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center top!important;
}

.v192-detail-gallery-viewer__info{
  display:none!important;
}

.v192-detail-gallery-viewer__thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:10px 14px 18px;
  background:#151515;
  scrollbar-width:none;
}

.v192-detail-gallery-viewer__thumbs::-webkit-scrollbar{
  display:none;
}

.v192-detail-gallery-viewer__thumbs button{
  display:block;
  width:58px;
  height:58px;
  min-width:58px;
  padding:0;
  border:2px solid transparent;
  border-radius:10px;
  overflow:hidden;
  background:#252525;
}

.v192-detail-gallery-viewer__thumbs button.is-active{
  border-color:#ec4899;
}

.v192-detail-gallery-viewer__thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#detailModal .detail-scroll{
  padding-top:0!important;
}

#detailModal .detail-product-art{
  width:100vw!important;
  max-width:100vw!important;
  margin-top:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
}

#detailModal .detail-media-main{
  width:100vw!important;
  max-width:100vw!important;
  height:clamp(382px,49svh,545px)!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}

#detailModal .detail-media-track,
#detailModal .detail-media-slide{
  width:100%!important;
  height:100%!important;
  align-items:flex-start!important;
}

#detailModal .detail-media-slide{
  place-items:start center!important;
}

#detailModal .detail-main-image,
#detailModal .detail-main-image-btn .detail-main-image,
#detailModal .detail-video-slide,
#detailModal .detail-video-slide iframe,
#detailModal .detail-video-slide video{
  height:100%!important;
}

#detailModal .detail-main-image,
#detailModal .detail-main-image-btn .detail-main-image{
  width:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:#fff!important;
}

#detailModal #detailThumbs,
#detailModal .detail-thumbs{
  display:flex!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:56px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:4px 10px 5px!important;
  gap:5px!important;
  column-gap:5px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

#detailModal #detailThumbs::-webkit-scrollbar,
#detailModal .detail-thumbs::-webkit-scrollbar{
  display:none!important;
}

#detailModal .detail-thumb{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  padding:1px!important;
  border-radius:9px!important;
}

#detailModal .detail-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#detailModal .detail-thumb-video{
  width:58px!important;
  min-width:58px!important;
  height:48px!important;
  padding:0 5px!important;
  align-self:center!important;
  font-size:11px!important;
  line-height:1!important;
}

#detailModal .detail-thumb-video .video-thumb-icon{
  font-size:12px!important;
}

/* V193 detail fullscreen zoom, pinch, and controlled swipe */
.v192-detail-gallery-viewer__track{
  touch-action:pan-x;
  overscroll-behavior:contain;
}

.v192-detail-gallery-viewer__slide img{
  transform-origin:center center;
  transition:transform .18s ease;
  will-change:transform;
}

.v192-detail-gallery-viewer.is-zoomed .v192-detail-gallery-viewer__track{
  overflow:hidden;
  touch-action:none;
  cursor:grab;
}

.v192-detail-gallery-viewer.is-zoomed .v192-detail-gallery-viewer__slide{
  overflow:hidden;
}

.v192-detail-gallery-viewer.is-zoomed .v192-detail-gallery-viewer__slide img{
  cursor:grab;
}

.v192-detail-gallery-viewer.is-zoomed .v192-detail-gallery-viewer__thumbs{
  opacity:.78;
}

.v192-detail-gallery-viewer.is-zoom-slide-swiping .v192-detail-gallery-viewer__track{
  overflow:hidden!important;
  scroll-snap-type:none!important;
  touch-action:none!important;
}

.v192-detail-gallery-viewer.is-zoom-slide-swiping .v192-detail-gallery-viewer__slide{
  scroll-snap-align:none!important;
}

@media (prefers-reduced-motion:reduce){
  .v192-detail-gallery-viewer__slide img{
    transition:none!important;
  }
}

/* V194 detail refresh action stability */
.detail-premium-actions{
  min-width:112px;
  justify-content:flex-end;
}

/* V194 detail summary stock and sold badges routed from list card status */
#detailModal .detail-premium-status-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 10px;
}

#detailModal .detail-premium-status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  border:1px solid rgba(15,118,110,.14);
  background:#ecfdf5;
  color:#0f766e;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

#detailModal .detail-premium-status-badge.detail-premium-status-available{
  background:#ecfdf5;
  border-color:rgba(16,185,129,.18);
  color:#0f766e;
}

#detailModal .detail-premium-status-badge.detail-premium-status-limited{
  background:#fff7ed;
  border-color:rgba(245,158,11,.24);
  color:#92400e;
}

#detailModal .detail-premium-status-badge.detail-premium-status-out{
  background:#fff1f2;
  border-color:rgba(244,63,94,.24);
  color:#be123c;
}

#detailModal .detail-premium-status-badge.detail-premium-status-sold{
  background:#f5f3ff;
  border-color:rgba(124,58,237,.18);
  color:#6d28d9;
}

/* V194 compact single-line detail status and offer badges */
#detailModal .detail-premium-status-line.detail-premium-status-line--compact,
#detailModal .detail-premium-status-row.detail-premium-status-line--compact{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  margin:4px 0 6px!important;
  -webkit-overflow-scrolling:touch;
}

#detailModal .detail-premium-status-line.detail-premium-status-line--compact::-webkit-scrollbar,
#detailModal .detail-premium-status-row.detail-premium-status-line--compact::-webkit-scrollbar{
  display:none!important;
}

#detailModal .detail-premium-status-line--compact .detail-premium-status-badge,
#detailModal .detail-premium-status-line--compact .detail-premium-offer,
#detailModal .detail-premium-status-line--compact .detail-premium-stock{
  flex:0 0 auto!important;
  min-height:25px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}