/* =========================================================
   API YAMU — PRODUCT DETAIL STABLE V1
   Gallery stays native. No JS moves gallery or thumbnails.
   ========================================================= */

/* CART */
.btn-cart,
.add-to-cart-button,
button[type="submit"].add-to-cart-button {
  background-color: #006600 !important;
  border-color: #006600 !important;
  color: #fff !important;
}
.btn-cart:hover,
.add-to-cart-button:hover,
button[type="submit"].add-to-cart-button:hover {
  background-color: #ef8800 !important;
  border-color: #ef8800 !important;
  color: #fff !important;
}

/* DISCOUNT */
body.type-detail .flag.flag-discount,
body.type-detail .flags-extra .flag-discount,
body.type-detail .price-save {
  background-color: #ef8800 !important;
  color: #fff !important;
}
@media (min-width: 992px) {
  body.type-detail .flags-extra .flag-discount {
    transform: scale(.68) !important;
    transform-origin: center center !important;
  }
}

/* =========================================================
   DESKTOP LAYOUT — NATIVE DOM, NO GALLERY MOVING
   ========================================================= */
@media (min-width: 992px) {
  body.type-detail .p-detail-inner > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 56%) minmax(360px, 44%) !important;
    grid-template-rows: auto auto 1fr !important;
    column-gap: 44px !important;
    align-items: start !important;
  }

  /* MAIN PHOTO / NATIVE GALLERY LEFT */
  body.type-detail .p-detail-inner > .row > .p-image-wrapper {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.type-detail .p-image-wrapper .p-image img,
  body.type-detail .p-image-wrapper > a > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 620px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* TITLE COLUMN RIGHT */
  body.type-detail .p-detail-inner > .row > :has(h1) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 28px 0 0 !important;
  }

  /* FORM / INFO COLUMN RIGHT */
  body.type-detail .p-detail-inner > .row > :has(#product-detail-form) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 28px 0 0 !important;
  }

  body.type-detail h1 {
    margin: 0 0 18px !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
  }
}

/* =========================================================
   RIGHT SIDE TYPOGRAPHY + SPACING
   ========================================================= */
body.type-detail #product-detail-form {
  margin: 0 !important;
}

body.type-detail .variant-list {
  margin: 4px 0 16px !important;
}

body.type-detail .p-final-price-wrapper,
body.type-detail .price-final {
  margin: 8px 0 2px !important;
}

body.type-detail .p-final-price,
body.type-detail .price-final strong,
body.type-detail .p-final-price-wrapper strong {
  font-size: 25px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}

body.type-detail .availability-value,
body.type-detail .availability-label {
  margin-top: 5px !important;
  margin-bottom: 7px !important;
}

body.type-detail .add-to-cart {
  margin-top: 10px !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.type-detail .add-to-cart .quantity {
  margin: 0 !important;
}

body.type-detail .add-to-cart-button {
  min-height: 46px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* DELIVERY LINK */
.ay-delivery-options {
  display: block !important;
  width: fit-content !important;
  margin: 4px 0 9px !important;
  color: #ef6600 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
.ay-delivery-options:hover {
  text-decoration: underline !important;
}

/* SHORT DESCRIPTION */
body.type-detail .p-short-description.ay-short-description {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 17px 0 0 !important;
  border-top: 1px solid #d8d8d8 !important;
  color: #111 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
body.type-detail .p-short-description.ay-short-description p {
  margin: 0 0 9px !important;
}
body.type-detail .p-short-description.ay-short-description ul {
  margin: 8px 0 0 !important;
  padding-left: 18px !important;
}

/* =========================================================
   SIZE BUTTONS — only actual clothing-size variants
   ========================================================= */
.ay-size-picker {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 2px 0 14px !important;
}

.ay-size-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 42px !important;
  padding: 0 13px !important;
  background: #fff !important;
  border: 1px solid #bdbdbd !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

.ay-size-button:hover {
  border-color: #006600 !important;
}

.ay-size-button.is-active {
  background: #006600 !important;
  border-color: #006600 !important;
  color: #fff !important;
}

body.type-detail #simple-variants-select.ay-size-select-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.type-detail .variant-list label[for="simple-variants-select"].ay-size-label-hidden {
  display: none !important;
}

/* MOBILE: native Shoptet flow */
@media (max-width: 991px) {
  body.type-detail .p-detail-inner > .row {
    display: block !important;
  }

  body.type-detail h1 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  body.type-detail .add-to-cart {
    display: flex !important;
  }
}