/* STOCK_DETAIL_DIVAR_V1 */

#productContent[data-stock-detail-layout="v1"]
.sd-product-hero {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.12fr) minmax(360px, .88fr) !important;
  grid-template-areas: "gallery info" !important;
  direction: ltr;
  gap: 24px !important;
  align-items: start !important;
}

#productContent[data-stock-detail-layout="v1"]
.sd-gallery-card {
  grid-area: gallery;
  direction: rtl;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
  margin: 0 !important;
}

#productContent[data-stock-detail-layout="v1"]
.sd-info-card {
  grid-area: info;
  direction: rtl;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 4px 0 20px !important;
  min-width: 0;
}

#productContent[data-stock-detail-layout="v1"]
> .sd-detail-grid {
  display: none !important;
}

/* Keep the existing gallery dimensions */
#productContent[data-stock-detail-layout="v1"]
.sd-gallery-stage {
  overflow: hidden;
  border-radius: 16px;
}

/* Integrate price into the information column */
#productContent[data-stock-detail-layout="v1"]
.sd-price-box {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--sd-line) !important;
  border-bottom: 1px solid var(--sd-line) !important;
  border-radius: 0 !important;
  padding: 16px 0 !important;
  margin: 20px 0 16px !important;
}

/* Keep all seller buttons operational */
#productContent[data-stock-detail-layout="v1"]
.sd-seller-card {
  border-top: 1px solid var(--sd-line) !important;
  border-bottom: 1px solid var(--sd-line) !important;
  padding: 16px 0 !important;
  margin-top: 16px !important;
}

/* Merge sections visually */
#productContent[data-stock-detail-layout="v1"]
.sd-detail-main,
#productContent[data-stock-detail-layout="v1"]
.sd-detail-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0;
  margin-top: 18px;
}

#productContent[data-stock-detail-layout="v1"]
.sd-detail-main > .sd-content-card,
#productContent[data-stock-detail-layout="v1"]
.sd-detail-side > .sd-content-card {
  border: 0 !important;
  border-top: 1px solid var(--sd-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 20px 0 !important;
  margin: 0 !important;
}

/* Specifications before description */
#productContent[data-stock-detail-layout="v1"]
#specificationCard {
  order: 1;
}

#productContent[data-stock-detail-layout="v1"]
.sd-detail-main > .sd-content-card:not(#specificationCard) {
  order: 2;
}

#productContent[data-stock-detail-layout="v1"]
.sd-spec-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

#productContent[data-stock-detail-layout="v1"]
.sd-spec-grid > div {
  padding: 13px 0 !important;
}

#productContent[data-stock-detail-layout="v1"]
.sd-description {
  line-height: 2;
  overflow-wrap: anywhere;
}

/* Tablet and mobile */
@media (max-width: 980px) {
  #productContent[data-stock-detail-layout="v1"]
  .sd-product-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "gallery" "info" !important;
    gap: 16px !important;
  }

  #productContent[data-stock-detail-layout="v1"]
  .sd-gallery-card {
    margin-inline: 0 !important;
    border-radius: 16px !important;
  }

  #productContent[data-stock-detail-layout="v1"]
  .sd-info-card {
    padding: 8px 0 24px !important;
  }
}