/*
 * DepozitPolicarbonat.ro
 * PDP Premium V3 — Phase 1.4 SAFE
 * MerchantPro-safe / CSS-only / lightweight
 *
 * IMPORTANT:
 * - Native MerchantPro gallery/Splide geometry is left untouched.
 * - No slide sizing, no image sizing, no thumbnail positioning overrides.
 * - We style only the shell, commercial details, variants and CTA area.
 */

.page--product-details {
    --dp-v3-navy: #0b2b52;
    --dp-v3-blue: #1769d2;
    --dp-v3-blue-dark: #0f56b7;
    --dp-v3-green: #168a4a;
    --dp-v3-green-soft: #eaf8f0;
    --dp-v3-text: #15253a;
    --dp-v3-muted: #66758a;
    --dp-v3-border: #dce5ef;
    --dp-v3-soft: #f7f9fc;
    --dp-v3-shadow: 0 12px 30px rgba(15, 43, 82, .07);
}

/* =========================================================
   OUTER PRODUCT SHELL
   ========================================================= */

.page--product-details .product-summary,
.page--product-details .product-summary--product-details,
.page--product-details .product-summary--premium {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto 32px !important;
    padding: 22px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 20px !important;
    box-shadow: var(--dp-v3-shadow) !important;
    color: var(--dp-v3-text) !important;
    outline: none !important;
}

/*
 * Gallery intentionally left native.
 * Only prevent generic grid/flex overflow.
 */
.page--product-details .product-summary__images,
.page--product-details .product-summary__details {
    min-width: 0 !important;
}

/* =========================================================
   PRODUCT DETAILS
   ========================================================= */

.page--product-details .product-summary__details {
    color: var(--dp-v3-text) !important;
}

.page--product-details .product-summary__heading,
.page--product-details .premium-title-row .product-summary__heading {
    margin: 0 0 10px !important;
    color: var(--dp-v3-navy) !important;
    font-size: clamp(31px, 1.9vw, 37px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.022em !important;
    font-weight: 800 !important;
}

/* Brand */
.page--product-details .product-summary__info--brand,
.page--product-details .premium-brand-inline-title {
    width: auto !important;
    max-width: 220px !important;
    margin: 8px 0 10px !important;
}

.page--product-details .product-summary__info--brand img,
.page--product-details .premium-brand-inline-title img,
.page--product-details .premium-brand-after-intro img {
    width: auto !important;
    max-width: 210px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Rating / SKU */
.page--product-details .product-summary__info--rating {
    margin: 0 0 12px !important;
}

.page--product-details .product-summary__info--sku,
.page--product-details .product-summary__info--ean {
    color: var(--dp-v3-muted) !important;
    font-size: 13px !important;
}

/* =========================================================
   PRICE
   ========================================================= */

.page--product-details .product-summary__price-area,
.page--product-details .premium-price-block,
.page--product-details .product-summary__info--price {
    margin: 4px 0 10px !important;
}

.page--product-details .product-summary__price-area .price,
.page--product-details .product-summary__price-area .product-price,
.page--product-details .premium-price-block .price,
.page--product-details .premium-price-block .price-gross,
.page--product-details .product-summary__info--price .price {
    color: #e33220 !important;
    font-size: clamp(29px, 1.8vw, 34px) !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
}

.page--product-details del,
.page--product-details .price-old,
.page--product-details .old-price {
    color: #7f8c9d !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

/* Intro / messages */
.page--product-details .premium-product-intro {
    margin: 0 0 11px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e6edf4 !important;
    color: var(--dp-v3-text) !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
}

.page--product-details .product-summary__info--messages {
    margin-bottom: 10px !important;
}

/* =========================================================
   PURCHASE FORM
   ========================================================= */

.page--product-details .product-summary__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

.page--product-details .product-summary__info {
    margin-bottom: 0 !important;
}

/* Variant fields */
.page--product-details .product-summary__info--variant-attributes {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
}

.page--product-details .product-summary__info--variant-attributes > * {
    width: 100% !important;
    min-width: 0 !important;
}

.page--product-details .variant-attribute {
    margin: 0 !important;
}

.page--product-details .variant-attribute__name {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--dp-v3-text) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.page--product-details .product-summary__info--variant-attributes select,
.page--product-details .product-summary__info--variant-attributes input[type="text"] {
    width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--dp-v3-text) !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.page--product-details .product-summary__info--variant-attributes select:focus,
.page--product-details .product-summary__info--variant-attributes input[type="text"]:focus {
    border-color: var(--dp-v3-blue) !important;
    outline: 2px solid rgba(23,105,210,.10) !important;
    outline-offset: 0 !important;
}

/* Native radio/tag variants */
.page--product-details .variant-attribute--tag .variant-attribute__value label,
.page--product-details .variant-attribute--radio .variant-attribute__value label {
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--dp-v3-text) !important;
    padding: 9px 13px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.page--product-details .variant-attribute--tag input:checked + label,
.page--product-details .variant-attribute--radio input:checked + label {
    border-color: var(--dp-v3-blue) !important;
    background: #edf5ff !important;
    color: var(--dp-v3-blue-dark) !important;
}

/* Stock */
.page--product-details .product-summary__info--availability,
.page--product-details .product-summary__info--stock {
    color: var(--dp-v3-green) !important;
    font-weight: 750 !important;
}

/* Quantity */
.page--product-details .product-summary__info--quantity {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 170px !important;
    margin: 0 !important;
}

.page--product-details .product-summary__info--quantity input,
.page--product-details .product-summary__info--quantity button,
.page--product-details .quantity-input input,
.page--product-details .quantity-input button {
    min-height: 48px !important;
    border-color: var(--dp-v3-border) !important;
    box-shadow: none !important;
}

/* =========================================================
   CTA
   ========================================================= */

.page--product-details .product-summary__info--actions {
    display: grid !important;
    grid-template-columns: .95fr 1.05fr 1.18fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
}

.page--product-details .product-summary__info--actions > .product-action,
.page--product-details .product-summary__info--actions > .premium-whatsapp-action {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.page--product-details .product-summary__info--actions .product-action .btn,
.page--product-details .product-summary__info--actions .premium-whatsapp-action > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    border-radius: 11px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.page--product-details .product-summary__info--actions .product-action--buy-now .btn {
    background: linear-gradient(100deg, #155e75 0%, #3182e8 100%) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.page--product-details .product-summary__info--actions .product-action--buy-now .btn:hover {
    background: linear-gradient(100deg, #124f63 0%, #2474d8 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.page--product-details .product-summary__info--actions .product-action--add-to-cart .btn {
    background: var(--dp-v3-blue) !important;
    color: #fff !important;
    border: 1px solid var(--dp-v3-blue) !important;
}

.page--product-details .product-summary__info--actions .product-action--add-to-cart .btn:hover {
    background: var(--dp-v3-blue-dark) !important;
    border-color: var(--dp-v3-blue-dark) !important;
}

.page--product-details .product-summary__info--actions .premium-whatsapp-action > a,
.page--product-details .product-summary__info--actions .product-action--whatsapp-inquiry .btn {
    background: #fff !important;
    color: var(--dp-v3-green) !important;
    border: 1px solid #57bd82 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.page--product-details .product-summary__info--actions .premium-whatsapp-action > a:hover,
.page--product-details .product-summary__info--actions .product-action--whatsapp-inquiry .btn:hover {
    background: var(--dp-v3-green-soft) !important;
    border-color: var(--dp-v3-green) !important;
}

.page--product-details .product-summary__info--actions .premium-whatsapp-action > a > span:last-child {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 1199.98px) and (min-width: 768px) {
    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium {
        padding: 18px !important;
    }

    .page--product-details .product-summary__heading {
        font-size: 29px !important;
    }

    .page--product-details .product-summary__info--actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .page--product-details .product-summary__info--actions > .premium-whatsapp-action,
    .page--product-details .product-summary__info--actions > .product-action--whatsapp-inquiry {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 767.98px) {
    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium {
        width: 100% !important;
        margin: 0 auto 22px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 20px rgba(15,43,82,.05) !important;
    }

    .page--product-details .product-summary__details {
        margin-top: 14px !important;
    }

    .page--product-details .product-summary__heading {
        margin-bottom: 9px !important;
        font-size: 24px !important;
        line-height: 1.1 !important;
    }

    .page--product-details .product-summary__info--brand,
    .page--product-details .premium-brand-inline-title {
        margin: 6px 0 9px !important;
    }

    .page--product-details .product-summary__info--brand img,
    .page--product-details .premium-brand-inline-title img {
        max-width: 160px !important;
        max-height: 44px !important;
    }

    .page--product-details .product-summary__info--variant-attributes {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .page--product-details .product-summary__info--actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
    }

    .page--product-details .product-summary__info--actions > .product-action,
    .page--product-details .product-summary__info--actions > .premium-whatsapp-action {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--product-details .product-summary__info--actions .product-action .btn,
    .page--product-details .product-summary__info--actions .premium-whatsapp-action > a {
        width: 100% !important;
        min-height: 52px !important;
        height: 52px !important;
        border-radius: 11px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — FULL CONCEPT IMPLEMENTATION
   Based on the generated visual direction.
   MerchantPro-safe: no Splide geometry overrides, no JS.
   ========================================================= */

/* -----------------------------
   PAGE RHYTHM / BREADCRUMB
   ----------------------------- */

.page--product-details .page__content-wrapper {
    max-width: 1480px !important;
    margin-inline: auto !important;
}

.page--product-details .aside-head {
    margin: 8px auto 14px !important;
    padding: 0 4px !important;
}

.page--product-details .breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #738196 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.page--product-details .breadcrumb a {
    color: #51647b !important;
    text-decoration: none !important;
}

.page--product-details .breadcrumb a:hover {
    color: var(--dp-v3-blue) !important;
}

/* -----------------------------
   PURCHASE PANEL POLISH
   ----------------------------- */

.page--product-details .product-summary__details {
    background: #fff !important;
}

@media (min-width: 1200px) {
    .page--product-details .product-summary__details {
        padding: 4px 0 0 !important;
    }
}

/* Price / discount grouping */
.page--product-details .premium-price-block,
.page--product-details .product-summary__price-area {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.page--product-details .premium-price-block .price-gross,
.page--product-details .product-summary__price-area .price,
.page--product-details .product-summary__price-area .product-price {
    order: 2 !important;
}

.page--product-details .premium-price-block del,
.page--product-details .product-summary__price-area del,
.page--product-details .old-price,
.page--product-details .price-old {
    order: 1 !important;
}

/* Stock pill-like emphasis without changing native text */
.page--product-details .product-summary__info--availability,
.page--product-details .product-summary__info--stock,
.page--product-details .premium-stock-status {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 30px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #eefaf3 !important;
    color: #118344 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Form fields */
.page--product-details .product-summary__info--variant-attributes select,
.page--product-details .product-summary__info--variant-attributes input[type="text"],
.page--product-details .product-summary__info--variant-attributes .form-control,
.page--product-details .product-summary__info--variant-attributes .form-select {
    transition: border-color .15s ease, box-shadow .15s ease !important;
}

.page--product-details .product-summary__info--variant-attributes select:hover,
.page--product-details .product-summary__info--variant-attributes input[type="text"]:hover,
.page--product-details .product-summary__info--variant-attributes .form-control:hover,
.page--product-details .product-summary__info--variant-attributes .form-select:hover {
    border-color: #b8c8da !important;
}

/* CTA hierarchy closer to generated concept */
.page--product-details .product-summary__info--actions .product-action--buy-now .btn,
.page--product-details .product-summary__info--actions .product-action--add-to-cart .btn {
    background: linear-gradient(100deg, #145d78 0%, #2f80ed 100%) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

.page--product-details .product-summary__info--actions .product-action--add-to-cart .btn {
    background: linear-gradient(100deg, #125f9c 0%, #1769d2 100%) !important;
}

.page--product-details .product-summary__info--actions .premium-whatsapp-action > a,
.page--product-details .product-summary__info--actions .product-action--whatsapp-inquiry .btn {
    background: #22c96b !important;
    border-color: #22c96b !important;
    color: #fff !important;
}

/* -----------------------------
   TRUST BAR
   ----------------------------- */

.page--product-details .premium-product-trust {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
}

.page--product-details .premium-product-trust,
.page--product-details .premium-product-trust__items {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.page--product-details .premium-product-trust > *,
.page--product-details .premium-product-trust__item {
    min-width: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--dp-v3-text) !important;
    box-shadow: 0 5px 16px rgba(15, 43, 82, .04) !important;
}

.page--product-details .premium-product-trust strong,
.page--product-details .premium-product-trust__title {
    display: block !important;
    margin-bottom: 2px !important;
    color: var(--dp-v3-navy) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.page--product-details .premium-product-trust p,
.page--product-details .premium-product-trust__text {
    margin: 0 !important;
    color: var(--dp-v3-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* -----------------------------
   PRODUCT CONTENT / TABS
   ----------------------------- */

.page--product-details .product-content {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 28px auto 34px !important;
    padding: 0 !important;
}

.page--product-details .product-content__tabs {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 8px !important;
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 14px !important;
    background: var(--dp-v3-soft) !important;
}

.page--product-details .product-content__tabs a,
.page--product-details .product-content__tabs button,
.page--product-details .product-content__tabs [role="tab"] {
    min-height: 42px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #52647a !important;
    font-size: 13px !important;
    line-height: 42px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.page--product-details .product-content__tabs .active,
.page--product-details .product-content__tabs [aria-selected="true"],
.page--product-details .product-content__tabs a:hover,
.page--product-details .product-content__tabs button:hover {
    background: #fff !important;
    color: var(--dp-v3-navy) !important;
    box-shadow: 0 3px 10px rgba(15, 43, 82, .06) !important;
}

/* Individual content blocks */
.page--product-details .product-content__section,
.page--product-details .product-content section,
.page--product-details .product-description,
.page--product-details .product-details,
.page--product-details .product-reviews {
    margin-bottom: 16px !important;
    padding: 22px !important;
    border: 1px solid var(--dp-v3-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(15, 43, 82, .04) !important;
}

.page--product-details .product-content h2,
.page--product-details .product-content h3,
.page--product-details .product-content h4 {
    margin-top: 0 !important;
    color: var(--dp-v3-navy) !important;
    letter-spacing: -.015em !important;
}

.page--product-details .product-content h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

.page--product-details .product-content h3 {
    font-size: 19px !important;
    line-height: 1.25 !important;
}

.page--product-details .product-content p,
.page--product-details .product-content li {
    color: #42546b !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* -----------------------------
   TECHNICAL ATTRIBUTES
   ----------------------------- */

.page--product-details .product-attributes,
.page--product-details .attributes,
.page--product-details [class*="attributes"] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.page--product-details .product-attributes > *,
.page--product-details .attributes > *,
.page--product-details [class*="attributes"] > * {
    border-color: #e4ebf2 !important;
}

.page--product-details .product-attributes__row,
.page--product-details .attribute,
.page--product-details .attributes__row {
    display: grid !important;
    grid-template-columns: minmax(160px, .8fr) minmax(0, 1.8fr) !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #e7edf3 !important;
}

.page--product-details .product-attributes__row:nth-child(odd),
.page--product-details .attribute:nth-child(odd),
.page--product-details .attributes__row:nth-child(odd) {
    background: #f9fbfd !important;
}

/* -----------------------------
   REVIEWS
   ----------------------------- */

.page--product-details .product-reviews,
.page--product-details [class*="reviews"] {
    color: var(--dp-v3-text) !important;
}

.page--product-details .product-reviews .btn,
.page--product-details [class*="reviews"] .btn {
    min-height: 44px !important;
    border-radius: 10px !important;
    font-weight: 750 !important;
}

/* -----------------------------
   MOBILE
   ----------------------------- */

@media (max-width: 991.98px) {
    .page--product-details .premium-product-trust,
    .page--product-details .premium-product-trust__items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    .page--product-details .page__content-wrapper {
        width: 100% !important;
        padding-inline: 10px !important;
    }

    .page--product-details .aside-head {
        margin-bottom: 10px !important;
    }

    .page--product-details .premium-product-trust,
    .page--product-details .premium-product-trust__items {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    .page--product-details .premium-product-trust > *,
    .page--product-details .premium-product-trust__item {
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }

    .page--product-details .product-content {
        margin-top: 20px !important;
    }

    .page--product-details .product-content__tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 6px !important;
        border-radius: 12px !important;
    }

    .page--product-details .product-content__tabs a,
    .page--product-details .product-content__tabs button,
    .page--product-details .product-content__tabs [role="tab"] {
        width: 100% !important;
        min-height: 40px !important;
        padding: 0 8px !important;
        line-height: 40px !important;
        text-align: center !important;
        font-size: 12px !important;
    }

    .page--product-details .product-content__section,
    .page--product-details .product-content section,
    .page--product-details .product-description,
    .page--product-details .product-details,
    .page--product-details .product-reviews {
        padding: 16px !important;
        border-radius: 14px !important;
    }

    .page--product-details .product-content h2 {
        font-size: 21px !important;
    }

    .page--product-details .product-content p,
    .page--product-details .product-content li {
        font-size: 14px !important;
        line-height: 1.58 !important;
    }

    .page--product-details .product-attributes__row,
    .page--product-details .attribute,
    .page--product-details .attributes__row {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
        padding: 10px 12px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — CONCEPT V2
   Exact selectors for current MerchantPro DOM
   ========================================================= */

.page--product-details .product-summary--premium.product-summary--product-details {
    overflow: visible !important;
}

/* Exact commercial column selectors */
.page--product-details .product-summary--premium .premium-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: start !important;
    gap: 10px 12px !important;
    width: 100% !important;
    margin: 0 0 10px !important;
}

.page--product-details .product-summary--premium .premium-title-row .product-summary__heading {
    grid-column: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.page--product-details .product-summary--premium .premium-brand-inline-title {
    grid-column: 2 !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
}

.page--product-details .product-summary--premium .premium-wishlist-button {
    grid-column: 3 !important;
    align-self: start !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #dce5ef !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #1769d2 !important;
    text-decoration: none !important;
}

/* Native intro becomes a clean product assistance panel */
.page--product-details .product-summary--premium .premium-product-intro {
    margin: 10px 0 12px !important;
    padding: 12px 14px !important;
    border: 1px solid #e3eaf2 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    color: #34465d !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Actions exact current DOM */
.page--product-details .product-summary--premium .product-summary__info--actions {
    display: grid !important;
    grid-template-columns: .95fr 1.05fr 1.18fr !important;
    gap: 10px !important;
    margin-top: 4px !important;
}

.page--product-details .product-summary--premium .product-action--buy-now,
.page--product-details .product-summary--premium .product-action--add-to-cart,
.page--product-details .product-summary--premium .premium-whatsapp-action {
    width: 100% !important;
    min-width: 0 !important;
}

.page--product-details .product-summary--premium .product-action--buy-now .btn,
.page--product-details .product-summary--premium .product-action--add-to-cart .btn,
.page--product-details .product-summary--premium .premium-whatsapp-action > a {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
}

.page--product-details .product-summary--premium .premium-whatsapp-action > a {
    white-space: normal !important;
    line-height: 1.15 !important;
}

/* Benefits under purchase controls */
.page--product-details .premium-pdp-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 14px 0 4px !important;
}

.page--product-details .premium-pdp-benefit {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 12px 13px !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(15, 43, 82, .035) !important;
}

.page--product-details .premium-pdp-benefit__icon {
    display: inline-flex !important;
    flex: 0 0 28px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: #edf5ff !important;
    color: #1769d2 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.page--product-details .premium-pdp-benefit strong {
    display: block !important;
    margin-bottom: 2px !important;
    color: #0b2b52 !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.page--product-details .premium-pdp-benefit small {
    display: block !important;
    color: #708096 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}

/* Product content is now outside product-summary and can use full width */
.page--product-details .product-content {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 26px auto 40px !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    .page--product-details .product-summary--premium .premium-title-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .page--product-details .product-summary--premium .premium-brand-inline-title {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }

    .page--product-details .product-summary--premium .premium-wishlist-button {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .page--product-details .product-summary--premium .product-summary__info--actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
    }

    .page--product-details .premium-pdp-benefits {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — NATIVE VARIANTS AS CTA BUTTONS
   Native MerchantPro selects stay in the DOM for logic.
   ========================================================= */

.page--product-details .premium-native-select-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.page--product-details .premium-variant-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--product-details .premium-variant-button {
    appearance: none !important;
    min-height: 44px !important;
    padding: 9px 14px !important;
    border: 1px solid #cfdbe8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #17304e !important;
    font: inherit !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition:
        border-color .14s ease,
        background-color .14s ease,
        color .14s ease,
        transform .14s ease !important;
}

.page--product-details .premium-variant-button:hover:not(:disabled) {
    border-color: #1769d2 !important;
    background: #f4f8ff !important;
    color: #0f56b7 !important;
    transform: translateY(-1px) !important;
}

.page--product-details .premium-variant-button.is-active {
    border-color: #1769d2 !important;
    background: #1769d2 !important;
    color: #fff !important;
}

.page--product-details .premium-variant-button.is-disabled,
.page--product-details .premium-variant-button:disabled {
    border-color: #e3e9ef !important;
    background: #f5f7f9 !important;
    color: #9aa6b4 !important;
    cursor: not-allowed !important;
    opacity: .7 !important;
    transform: none !important;
}

@media (min-width: 768px) {
    .page--product-details
    .product-summary__info--variant-attributes
    .variant-attribute {
        min-width: 0 !important;
    }

    .page--product-details
    .product-summary__info--variant-attributes
    .premium-variant-buttons {
        align-content: flex-start !important;
    }
}

@media (max-width: 767.98px) {
    .page--product-details .premium-variant-button {
        min-height: 42px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — VARIANT GROUP LAYOUT V4
   Each attribute is a full-width section:
   title -> CTA options
   ========================================================= */

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute__name {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #0b2b52 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.premium-variant-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Dimension buttons can be wider */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:first-child
.premium-variant-button {
    min-width: 108px !important;
}

/* Thickness buttons stay compact */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)
.premium-variant-button {
    min-width: 44px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
}

/* Remove any leftover side-by-side grid rules */
@media (min-width: 768px) {
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 16px !important;
    }
}

@media (max-width: 767.98px) {
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        gap: 14px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute__name {
        margin-bottom: 7px !important;
        font-size: 13px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 96px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — FULL WIDTH V5
   Remove framed/card container and use full available viewport width.
   ========================================================= */

.page--product-details .page__content-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
}

.page--product-details .product-summary,
.page--product-details .product-summary--product-details,
.page--product-details .product-summary--premium,
.page--product-details .product-summary--premium.product-summary--product-details {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 28px !important;
    padding: 18px 0 22px !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;

    box-sizing: border-box !important;
}

/* Keep the two main areas visually separated only by spacing, not a frame */
@media (min-width: 992px) {
    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium,
    .page--product-details .product-summary--premium.product-summary--product-details {
        column-gap: 32px !important;
    }
}

/* Breadcrumb also follows full-width layout */
.page--product-details .aside-head {
    width: 100% !important;
    max-width: none !important;
    margin: 6px 0 12px !important;
    padding: 0 !important;
}

/* Benefits stay clean, without making the whole PDP look boxed */
.page--product-details .premium-pdp-benefits {
    margin-top: 14px !important;
}

/* Lower content follows same full-width system */
.page--product-details .product-content {
    width: 100% !important;
    max-width: none !important;
    margin: 24px 0 36px !important;
}

/* Tabs can still have their own subtle surface */
.page--product-details .product-content__tabs {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Desktop uses more of large screens */
@media (min-width: 1600px) {
    .page--product-details .page__content-wrapper {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium,
    .page--product-details .product-summary--premium.product-summary--product-details {
        column-gap: 38px !important;
    }
}

/* Mobile keeps a small safe gutter */
@media (max-width: 767.98px) {
    .page--product-details .page__content-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium {
        margin-bottom: 20px !important;
        padding: 10px 0 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V6
   Full-bleed desktop composition:
   gallery starts near the left viewport edge, details use the
   remaining space. MerchantPro gallery internals stay untouched.
   ========================================================= */

@media (min-width: 1200px) {

    /* Break the PDP out of any centered MerchantPro container. */
    .page--product-details.page
    .page__content-wrapper
    .product-summary,
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        margin-left: calc(50% - 50vw + 12px) !important;
        margin-right: 0 !important;

        padding-left: 10px !important;
        padding-right: 14px !important;

        box-sizing: border-box !important;

        display: grid !important;
        grid-template-columns:
            minmax(560px, 0.96fr)
            minmax(620px, 1.04fr) !important;

        gap: clamp(30px, 2.2vw, 44px) !important;
        align-items: start !important;
    }

    /* Gallery owns the left column and starts immediately. */
    .page--product-details
    .product-summary--premium
    > .product-summary__images {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    /* Commercial content owns the right column. */
    .page--product-details
    .product-summary--premium
    > .product-summary__details {
        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding-right: 4px !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    /* Slightly wider media hierarchy on large desktops. */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Keep title/commercial column from looking too stretched. */
    .page--product-details
    .product-summary--premium
    .product-summary__details {
        max-width: 760px !important;
    }
}

/* 1600+ px: use the extra horizontal room for the gallery. */
@media (min-width: 1600px) {
    .page--product-details.page
    .page__content-wrapper
    .product-summary,
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(680px, 1.02fr)
            minmax(650px, 0.98fr) !important;

        padding-left: 6px !important;
        padding-right: 18px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__details {
        max-width: 780px !important;
    }
}

/* 1200–1399 px: keep the composition balanced without overflow. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .page--product-details.page
    .page__content-wrapper
    .product-summary,
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(500px, .94fr)
            minmax(560px, 1.06fr) !important;

        gap: 26px !important;
    }
}

/* Tablet and mobile remain inside the normal document flow. */
@media (max-width: 1199.98px) {
    .page--product-details.page
    .page__content-wrapper
    .product-summary,
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — TRUE FULL-BLEED V7
   Force the product summary out of MerchantPro's centered wrapper.
   ========================================================= */

@media (min-width: 1200px) {

    .page--product-details.page
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details,
    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details {
        position: relative !important;

        left: 50% !important;
        right: 50% !important;

        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: -50vw !important;
        margin-right: -50vw !important;
        margin-top: 0 !important;
        margin-bottom: 28px !important;

        padding-left: 18px !important;
        padding-right: 24px !important;

        box-sizing: border-box !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(620px, .92fr) !important;

        gap: clamp(30px, 2.2vw, 46px) !important;
        align-items: start !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }

    /* Left gallery column flush toward viewport edge */
    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    /* Right commercial column */
    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 760px !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: start !important;
        align-self: start !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details.page
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details,
    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details {
        padding-left: 10px !important;
        padding-right: 30px !important;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(650px, .88fr) !important;
    }

    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        max-width: 790px !important;
    }
}

/* On smaller devices, return to normal document flow */
@media (max-width: 1199.98px) {
    .page--product-details.page
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details,
    .page--product-details
    .page__content-wrapper
    > .product-summary--premium.product-summary--product-details {
        position: static !important;

        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V8
   Correct selector for current MerchantPro DOM.
   The product-summary is NOT a direct child of page__content-wrapper,
   so previous > selectors did not match.
   ========================================================= */

@media (min-width: 1200px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        position: relative !important;
        left: 50% !important;

        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: -50vw !important;
        margin-right: 0 !important;

        padding: 18px 22px 24px 12px !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(600px, .92fr) !important;

        gap: clamp(32px, 2.5vw, 48px) !important;
        align-items: start !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: start !important;
        align-self: start !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        padding-left: 8px !important;
        padding-right: 28px !important;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(640px, .88fr) !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        max-width: 790px !important;
    }
}

/* Normal flow below desktop breakpoint */
@media (max-width: 1199.98px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        position: static !important;
        left: auto !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V9
   Correct full-bleed math. Removes the left:50% offset that
   pushed the whole PDP to the right in V8.
   ========================================================= */

@media (min-width: 1200px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        position: relative !important;

        left: auto !important;
        right: auto !important;
        transform: none !important;

        width: 100vw !important;
        max-width: 100vw !important;

        /*
         * Standard full-bleed technique:
         * from a centered container, extend equally to viewport edges.
         */
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        margin-bottom: 28px !important;

        padding: 18px 20px 24px 10px !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(600px, .92fr) !important;

        gap: clamp(30px, 2.2vw, 44px) !important;
        align-items: start !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        grid-column: 1 !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        grid-column: 2 !important;

        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: start !important;
        align-self: start !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        padding-left: 6px !important;
        padding-right: 26px !important;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(640px, .88fr) !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        max-width: 790px !important;
    }
}

@media (max-width: 1199.98px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        left: auto !important;
        right: auto !important;
        transform: none !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — GALLERY LEFT ALIGN V10
   V9 makes the PDP full-bleed. This step aligns the INNER
   MerchantPro gallery group to the left edge of its column.
   ========================================================= */

@media (min-width: 1200px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        justify-self: start !important;
        align-self: start !important;

        justify-content: flex-start !important;
        align-items: flex-start !important;

        margin-left: 0 !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        transform: none !important;
    }

    /* MerchantPro may center the gallery's internal wrapper. */
    .page--product-details
    .product-summary--premium
    .product-summary__images
    > * {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-left: 0 !important;
        margin-right: auto !important;

        justify-self: start !important;
        align-self: start !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__thumbnails,
    .page--product-details
    .product-summary--premium
    [class*="product-summary__thumbnails"] {
        margin-left: 0 !important;
        margin-right: 12px !important;

        justify-self: start !important;
        align-self: start !important;
    }

    /* Push the whole gallery group toward the real viewport edge. */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        position: relative !important;
        left: -6px !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -10px !important;
    }
}

@media (max-width: 1199.98px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        position: static !important;
        left: auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — GALLERY LEFT SHIFT V12
   Move gallery horizontally ONLY.
   Do not change gallery width, height or aspect ratio.
   This avoids the vertical drop/reflow seen in V11.
   ========================================================= */

@media (min-width: 1400px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        position: relative !important;
        left: -190px !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        overflow: visible !important;

        align-self: start !important;
        justify-self: start !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -220px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        position: relative !important;
        left: -100px !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        overflow: visible !important;

        align-self: start !important;
        justify-self: start !important;
    }
}

@media (max-width: 1199.98px) {
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        position: static !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V13
   1) Raise ONLY the main gallery image.
   2) Pull the commercial column closer to the gallery.
   3) Reuse the dead horizontal space created by the left gallery shift.
   ========================================================= */

@media (min-width: 1400px) {

    /* Raise the large image while keeping thumbnails in place. */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        position: relative !important;
        margin-top: -135px !important;
        margin-bottom: 0 !important;
        top: auto !important;
        transform: none !important;
    }

    /*
     * The gallery was shifted left in V12, leaving unused space
     * between the gallery and the product details. Reclaim it.
     */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        position: relative !important;
        left: -105px !important;

        width: calc(100% + 105px) !important;
        max-width: 900px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: start !important;
        justify-self: start !important;
    }

    /* Give the details column more usable room. */
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(0, 1.02fr)
            minmax(700px, .98fr) !important;

        gap: 18px !important;
    }

    /* Title can use the recovered width more naturally. */
    .page--product-details
    .product-summary--premium
    .premium-title-row {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        column-gap: 14px !important;
        width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        max-width: none !important;
        width: 100% !important;
    }

    /* Let the intro and variant area expand into the recovered space. */
    .page--product-details
    .product-summary--premium
    .premium-product-intro,
    .page--product-details
    .product-summary--premium
    .product-summary__form,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes,
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions,
    .page--product-details
    .product-summary--premium
    .premium-pdp-benefits {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Extra-wide screens: use even more of the dead center space. */
@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -145px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -125px !important;
        width: calc(100% + 125px) !important;
        max-width: 940px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(740px, 1fr) !important;

        gap: 14px !important;
    }
}

/* Medium desktop: smaller offsets to avoid collisions. */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        position: relative !important;
        margin-top: -90px !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        position: relative !important;
        left: -55px !important;

        width: calc(100% + 55px) !important;
        max-width: 820px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        gap: 16px !important;
    }
}

/* Tablet/mobile: keep natural stacking. */
@media (max-width: 1199.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: 0 !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        position: static !important;
        left: auto !important;
        width: 100% !important;
        max-width: none !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V14
   Stronger commercial-column pull + reclaim center whitespace.
   Keeps gallery position from V13 unchanged.
   ========================================================= */

@media (min-width: 1400px) {

    /* Eliminate most of the dead center gap */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -185px !important;

        width: calc(100% + 185px) !important;
        max-width: 1040px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Let both columns share the viewport more aggressively */
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(760px, 1.06fr) !important;

        gap: 0 !important;
    }

    /* Title + brand can use all recovered width */
    .page--product-details
    .product-summary--premium
    .premium-title-row {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        column-gap: 12px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        width: 100% !important;
        max-width: 720px !important;
    }

    /* Expand all commercial blocks into reclaimed space */
    .page--product-details
    .product-summary--premium
    .premium-price-block,
    .page--product-details
    .product-summary--premium
    .premium-product-intro,
    .page--product-details
    .product-summary--premium
    .product-summary__form,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes,
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions,
    .page--product-details
    .product-summary--premium
    .premium-pdp-benefits {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Very wide desktops */
@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -225px !important;

        width: calc(100% + 225px) !important;
        max-width: 1120px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(0, .96fr)
            minmax(800px, 1.08fr) !important;

        gap: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        max-width: 760px !important;
    }
}

/* Medium desktop */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -95px !important;

        width: calc(100% + 95px) !important;
        max-width: 900px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        gap: 4px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — BENEFITS RIGHT RAIL V15
   Use the recovered horizontal space as a vertical benefits rail.
   Desktop only; tablet/mobile remain stacked.
   ========================================================= */

@media (min-width: 1400px) {

    /* Split the commercial area into:
       main purchase content + compact right-side benefits rail */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(270px, 310px) !important;

        column-gap: 18px !important;
        row-gap: 0 !important;

        align-items: start !important;

        max-width: 1160px !important;
    }

    /* Keep all existing MerchantPro content in the main column */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > *:not(.premium-pdp-benefits) {
        grid-column: 1 !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    /* Benefits use the remaining space on the right */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        grid-column: 2 !important;
        grid-row: 1 / span 30 !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 310px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: start !important;
        justify-self: end !important;
    }

    .page--product-details
    .premium-pdp-benefit {
        width: 100% !important;
        min-height: 74px !important;

        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        padding: 12px 13px !important;

        border: 1px solid #dfe8f1 !important;
        border-radius: 13px !important;
        background: #fff !important;

        box-shadow: 0 4px 14px rgba(15, 43, 82, .035) !important;
        box-sizing: border-box !important;
    }

    .page--product-details
    .premium-pdp-benefit__icon {
        flex: 0 0 32px !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 9px !important;
    }

    .page--product-details
    .premium-pdp-benefit strong {
        font-size: 12.5px !important;
        line-height: 1.2 !important;
    }

    .page--product-details
    .premium-pdp-benefit small {
        margin-top: 2px !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }
}

/* Extra-wide screens: allow a slightly wider right rail */
@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 330px) !important;

        column-gap: 20px !important;
        max-width: 1220px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        max-width: 330px !important;
    }
}

/* 1200–1399px: keep benefits below content to avoid squeezing */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        display: block !important;
    }

    .page--product-details
    .premium-pdp-benefits {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        max-width: none !important;
        margin-top: 14px !important;
    }
}

/* Tablet/mobile: vertical under the purchase controls */
@media (max-width: 1199.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        display: block !important;
    }

    .page--product-details
    .premium-pdp-benefits {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 14px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — COMPOSITION V16
   Widen the central purchase area while keeping benefits
   vertically on the far right.
   ========================================================= */

@media (min-width: 1400px) {

    /* Give more of the viewport to the commercial side */
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(560px, .92fr)
            minmax(820px, 1.18fr) !important;

        gap: 18px !important;
    }

    /* Keep the gallery where it is now */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -190px !important;
        width: 100% !important;
        transform: none !important;
    }

    /* Reclaim the center: wider details area, but not excessively shifted */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -135px !important;

        width: calc(100% + 135px) !important;
        max-width: 1180px !important;

        display: grid !important;
        grid-template-columns:
            minmax(500px, 1fr)
            minmax(250px, 285px) !important;

        column-gap: 20px !important;
        row-gap: 0 !important;
    }

    /* Main purchase content gets the full central column */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > *:not(.premium-pdp-benefits) {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* Benefits remain on the far right, one under another */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        grid-column: 2 !important;
        grid-row: 1 / span 40 !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 285px !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: end !important;
        align-self: start !important;
    }

    /* Prevent title from becoming too narrow/tall */
    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        max-width: 620px !important;
        font-size: clamp(30px, 1.75vw, 36px) !important;
        line-height: 1.08 !important;
    }

    /* Keep CTA row readable */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            minmax(190px, 1.08fr) !important;
        gap: 10px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-whatsapp-action > a {
        font-size: 13px !important;
        padding-inline: 10px !important;
    }
}

@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(600px, .94fr)
            minmax(900px, 1.20fr) !important;

        gap: 20px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -220px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -150px !important;

        width: calc(100% + 150px) !important;
        max-width: 1260px !important;

        grid-template-columns:
            minmax(560px, 1fr)
            minmax(270px, 300px) !important;

        column-gap: 22px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        max-width: 300px !important;
    }
}

/* Keep the safer responsive behaviour below 1400px */
@media (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        display: block !important;
    }

    .page--product-details
    .premium-pdp-benefits {
        position: static !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V17 DESKTOP 100% SCALE BALANCE
   Tuned for normal browser zoom (100%) on 1600–1920px screens.
   Goals:
   - gallery stays left but no longer dominates vertically;
   - title gets real width and stops breaking into 5 lines;
   - benefits stay vertical on the far right;
   - purchase controls keep enough horizontal room.
   ========================================================= */

@media (min-width: 1400px) {

    /* Overall composition */
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(600px, 0.88fr)
            minmax(900px, 1.12fr) !important;

        gap: 22px !important;
        align-items: start !important;
    }

    /* Keep gallery left, but cap its visual footprint */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -170px !important;
        width: 100% !important;
        max-width: 700px !important;
        align-self: start !important;
        justify-self: start !important;
    }

    /* Commercial area gets more usable width */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -110px !important;

        width: calc(100% + 110px) !important;
        max-width: 1160px !important;

        display: grid !important;
        grid-template-columns:
            minmax(590px, 1fr)
            minmax(240px, 260px) !important;

        column-gap: 18px !important;
        row-gap: 0 !important;

        align-items: start !important;
    }

    /* Everything except benefits stays in the main purchase column */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > *:not(.premium-pdp-benefits) {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    /* Right rail */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        grid-column: 2 !important;
        grid-row: 1 / span 40 !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 260px !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: end !important;
        align-self: start !important;
    }

    /* IMPORTANT: title row no longer sacrifices title width to brand logo */
    .page--product-details
    .product-summary--premium
    .premium-title-row {
        position: relative !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;

        column-gap: 12px !important;
        row-gap: 8px !important;

        width: 100% !important;
        max-width: none !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        font-size: clamp(31px, 1.8vw, 36px) !important;
        line-height: 1.08 !important;
    }

    /* Brand goes below title, not beside it */
    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title {
        grid-column: 1 !important;
        grid-row: 2 !important;

        justify-self: start !important;
        align-self: start !important;

        margin: 0 !important;
        max-width: 190px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title img {
        max-width: 185px !important;
        max-height: 46px !important;
    }

    /* Wishlist stays top-right of main column */
    .page--product-details
    .product-summary--premium
    .premium-wishlist-button {
        grid-column: 2 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: start !important;
    }

    /* More compact commercial blocks */
    .page--product-details
    .product-summary--premium
    .premium-product-intro {
        margin-top: 10px !important;
        padding: 11px 13px !important;
    }

    /* Variants use recovered width better */
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        gap: 14px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-buttons {
        gap: 7px !important;
    }

    /* CTA row remains readable at 100% zoom */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            minmax(185px, 1.06fr) !important;

        gap: 10px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-whatsapp-action > a {
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        padding-inline: 9px !important;
    }
}

@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        grid-template-columns:
            minmax(620px, 0.86fr)
            minmax(960px, 1.14fr) !important;

        gap: 24px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -205px !important;
        max-width: 720px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -125px !important;

        width: calc(100% + 125px) !important;
        max-width: 1240px !important;

        grid-template-columns:
            minmax(640px, 1fr)
            minmax(250px, 275px) !important;

        column-gap: 20px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        max-width: 275px !important;
    }
}

/* Keep safer layout on smaller desktop/tablet */
@media (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium
    .premium-title-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V18 VERTICAL COMPACT
   Preserve V17 horizontal composition.
   Reduce vertical footprint so CTA area stays visible at 100% zoom.
   ========================================================= */

@media (min-width: 1400px) {

    /* Slightly reduce gallery height without changing its left position */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-height: 500px !important;
        overflow: hidden !important;
        margin-top: -118px !important;
        margin-bottom: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        max-height: 500px !important;
        object-fit: contain !important;
    }

    /* Tighten title block */
    .page--product-details
    .product-summary--premium
    .premium-title-row {
        row-gap: 5px !important;
        margin-bottom: 4px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        margin-bottom: 0 !important;
        line-height: 1.04 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }

    /* Tighten commercial rhythm */
    .page--product-details
    .product-summary--premium
    .premium-price-block,
    .page--product-details
    .product-summary--premium
    .product-summary__price-area,
    .page--product-details
    .product-summary--premium
    .product-summary__info--price {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-product-intro {
        margin-top: 6px !important;
        margin-bottom: 8px !important;
        padding: 9px 12px !important;
        line-height: 1.38 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__form {
        gap: 8px !important;
        margin-top: 6px !important;
    }

    /* Compact variant groups */
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        gap: 10px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute__name {
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-buttons {
        gap: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-button {
        min-height: 38px !important;
        padding: 7px 11px !important;
        font-size: 12.5px !important;
        border-radius: 9px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 102px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-button {
        min-width: 40px !important;
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    /* Stock + qty tighter */
    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        min-height: 26px !important;
        padding: 4px 9px !important;
        font-size: 12px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity input,
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity button,
    .page--product-details
    .product-summary--premium
    .quantity-input input,
    .page--product-details
    .product-summary--premium
    .quantity-input button {
        min-height: 42px !important;
        height: 42px !important;
    }

    /* Bring CTAs higher and reduce height slightly */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 2px !important;
        gap: 9px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .product-action .btn,
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .premium-whatsapp-action > a {
        min-height: 50px !important;
        height: 50px !important;
        border-radius: 10px !important;
    }

    /* Right rail: slightly lower, tighter, still vertical */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        margin-top: 12px !important;
        gap: 8px !important;
    }

    .page--product-details
    .premium-pdp-benefit {
        min-height: 66px !important;
        padding: 10px 12px !important;
    }

    .page--product-details
    .premium-pdp-benefit__icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .page--product-details
    .premium-pdp-benefit strong {
        font-size: 12px !important;
    }

    .page--product-details
    .premium-pdp-benefit small {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    /* Social icons closer to CTAs */
    .page--product-details
    .product-summary--premium
    .premium-social-share {
        margin-top: 6px !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-height: 515px !important;
        margin-top: -125px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        max-height: 515px !important;
    }
}

/* Smaller desktop/tablet: keep V17 behaviour without aggressive compaction */
@media (max-width: 1399.98px) {
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-height: none !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V19 ABOVE-THE-FOLD COMPACT
   Stronger vertical compression for 100% browser zoom.
   Keeps V18 horizontal composition and right benefits rail.
   ========================================================= */

@media (min-width: 1400px) {

    /* Reduce dead space above the product hero */
    .page--product-details .aside-head {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    .page--product-details .product-summary,
    .page--product-details .product-summary--product-details,
    .page--product-details .product-summary--premium {
        padding-top: 4px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    /* Raise gallery further and shrink only its visual height */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -155px !important;
        max-height: 455px !important;
        overflow: hidden !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        max-height: 455px !important;
        object-fit: contain !important;
    }

    /* Title block */
    .page--product-details
    .product-summary--premium
    .premium-title-row {
        row-gap: 2px !important;
        margin-bottom: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        font-size: clamp(29px, 1.65vw, 34px) !important;
        line-height: 1.02 !important;
        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title {
        margin: 2px 0 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title img {
        max-width: 165px !important;
        max-height: 40px !important;
    }

    /* Main info message */
    .page--product-details
    .product-summary--premium
    .product-summary__info--messages {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Price */
    .page--product-details
    .product-summary--premium
    .premium-price-block,
    .page--product-details
    .product-summary--premium
    .product-summary__price-area,
    .page--product-details
    .product-summary--premium
    .product-summary__info--price {
        margin: 0 0 4px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-price-block .price-gross,
    .page--product-details
    .product-summary--premium
    .product-summary__price-area .price,
    .page--product-details
    .product-summary--premium
    .product-summary__price-area .product-price {
        font-size: 28px !important;
    }

    /* Consulting / delivery intro */
    .page--product-details
    .product-summary--premium
    .premium-product-intro {
        margin: 4px 0 6px !important;
        padding: 8px 11px !important;
        font-size: 13px !important;
        line-height: 1.28 !important;
        border-radius: 10px !important;
    }

    /* Variants */
    .page--product-details
    .product-summary--premium
    .product-summary__form {
        margin-top: 3px !important;
        gap: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        gap: 7px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-buttons {
        gap: 5px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-button {
        min-height: 34px !important;
        padding: 5px 10px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 96px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-button {
        min-width: 36px !important;
        padding-inline: 9px !important;
    }

    /* Stock + quantity */
    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        min-height: 24px !important;
        padding: 3px 8px !important;
        font-size: 11.5px !important;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity input,
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity button,
    .page--product-details
    .product-summary--premium
    .quantity-input input,
    .page--product-details
    .product-summary--premium
    .quantity-input button {
        min-height: 38px !important;
        height: 38px !important;
    }

    /* CTA row */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 0 !important;
        gap: 8px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .product-action .btn,
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .premium-whatsapp-action > a {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 9px !important;
        font-size: 13px !important;
    }

    /* Right rail even tighter */
    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details
    > .premium-pdp-benefits {
        margin-top: 4px !important;
        gap: 6px !important;
    }

    .page--product-details .premium-pdp-benefit {
        min-height: 58px !important;
        padding: 8px 10px !important;
        border-radius: 11px !important;
    }

    .page--product-details .premium-pdp-benefit__icon {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    .page--product-details .premium-pdp-benefit strong {
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    .page--product-details .premium-pdp-benefit small {
        font-size: 10.5px !important;
        line-height: 1.18 !important;
    }

    /* Social icons */
    .page--product-details
    .product-summary--premium
    .premium-social-share {
        margin-top: 3px !important;
    }
}

@media (min-width: 1600px) {
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -165px !important;
        max-height: 470px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        max-height: 470px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V20 GALLERY CLOSER TO PRODUCT INFO
   Reduce horizontal whitespace between gallery and title/info.
   ========================================================= */

@media (min-width: 1400px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        column-gap: 26px !important;
        gap: 26px !important;
        align-items: start !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__gallery,
    .page--product-details
    .product-summary--premium
    .product-summary__images,
    .page--product-details
    .product-summary--premium
    .product-summary__media {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__details {
        margin-left: -36px !important;
        padding-left: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-width: 700px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium
    .product-summary__details {
        margin-left: -48px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-width: 740px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V21 THUMBNAILS + COMPACT VARIANTS
   Goals:
   - show the left thumbnail selector again;
   - keep gallery close to title/info;
   - group dimension buttons tighter so CTA row moves upward;
   - keep thickness in one compact row.
   ========================================================= */

@media (min-width: 1400px) {

    /* -------------------------------------------------------
       GALLERY / THUMBNAILS
       Previous versions pushed the whole gallery too far left.
       Pull it back enough to keep thumbnails visible.
       ------------------------------------------------------- */

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -92px !important;
        transform: none !important;

        width: 100% !important;
        max-width: 720px !important;

        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;
        align-self: start !important;
        justify-self: start !important;
    }

    /* Explicitly keep thumbnail rail visible and above image area */
    .page--product-details
    .product-summary--premium
    .product-summary__thumbnails,
    .page--product-details
    .product-summary--premium
    [class*="product-summary__thumbnails"] {
        position: relative !important;
        z-index: 4 !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        margin-left: 0 !important;
        margin-right: 10px !important;

        overflow: visible !important;
    }

    /* Main image starts immediately after the thumbnail rail */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-left: 0 !important;
        max-width: 650px !important;
    }

    /* -------------------------------------------------------
       COMMERCIAL COLUMN
       Keep it close to gallery while giving variants more width.
       ------------------------------------------------------- */

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -96px !important;
        margin-left: -20px !important;

        width: calc(100% + 116px) !important;
        max-width: 1180px !important;

        grid-template-columns:
            minmax(640px, 1fr)
            minmax(245px, 265px) !important;

        column-gap: 16px !important;
    }

    /* -------------------------------------------------------
       VARIANT GROUPS
       Dimension options: denser, 6–7 per row on normal desktop.
       ------------------------------------------------------- */

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        gap: 6px !important;
        margin-top: 2px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute {
        margin: 0 !important;
        padding: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute__name {
        margin: 0 0 4px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-buttons {
        gap: 5px !important;
        align-items: center !important;
    }

    /* Dimensions */
    .page--product-details
    .product-summary--premium
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 82px !important;
        min-height: 32px !important;

        padding: 5px 7px !important;

        font-size: 11.5px !important;
        line-height: 1.05 !important;

        border-radius: 8px !important;
    }

    /* Thickness */
    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-buttons {
        flex-wrap: nowrap !important;
        gap: 5px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-button {
        min-width: 34px !important;
        min-height: 32px !important;

        padding: 5px 8px !important;

        font-size: 11.5px !important;
        line-height: 1 !important;

        border-radius: 8px !important;
    }

    /* -------------------------------------------------------
       STOCK / QTY / CTA
       Pull purchase controls upward.
       ------------------------------------------------------- */

    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        margin-top: 1px !important;
        margin-bottom: 2px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 1px !important;
    }
}

@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -105px !important;
        max-width: 740px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        max-width: 670px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__details {
        left: -110px !important;
        margin-left: -22px !important;

        width: calc(100% + 132px) !important;
        max-width: 1240px !important;

        grid-template-columns:
            minmax(680px, 1fr)
            minmax(250px, 275px) !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 84px !important;
    }
}

/* Medium desktop: preserve thumbnail visibility and use 5–6 per row */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: -54px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:first-child
    .premium-variant-button {
        min-width: 86px !important;
        min-height: 34px !important;
        padding: 5px 8px !important;
        font-size: 11.5px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-button {
        min-width: 36px !important;
        min-height: 34px !important;
    }
}

/* Mobile/tablet keep natural behaviour */
@media (max-width: 1199.98px) {

    .page--product-details
    .product-summary--premium.product-summary--product-details
    > .product-summary__images {
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-buttons {
        flex-wrap: wrap !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V22 VARIANT TITLES
   Adds clear headings above each CTA variant group.
   ========================================================= */

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute {
    position: relative !important;
}

/* Hide any empty/native label that may occupy space */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute__name:empty {
    display: none !important;
}

/* LUNGIME */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:first-child::before {
    content: "Lungime" !important;

    display: block !important;
    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #0b2b52 !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: -0.01em !important;
}

/* GROSIME */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)::before {
    content: "Grosime" !important;

    display: block !important;
    width: 100% !important;

    margin: 2px 0 7px !important;
    padding: 0 !important;

    color: #0b2b52 !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: -0.01em !important;
}

/* If MerchantPro already renders a native label, suppress it so
   we don't get duplicate titles next to the premium headings. */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute__name {
    display: none !important;
}

@media (max-width: 767.98px) {
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child::before,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2)::before {
        margin-bottom: 6px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V23 VARIANT TITLE POLISH
   Slightly stronger titles + more breathing room before Grosime.
   ========================================================= */

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:first-child::before,
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)::before {
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

/* More space between Lungime options and Grosime title */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2) {
    margin-top: 8px !important;
}

.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)::before {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

@media (max-width: 767.98px) {
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child::before,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2)::before {
        font-size: 14px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2) {
        margin-top: 7px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V24 HEADER-SAFE GALLERY
   Prevent the main gallery image from touching/overlapping
   the site header while preserving the V23 horizontal layout.
   ========================================================= */

@media (min-width: 1400px) {

    /* Cancel the aggressive upward pull from previous versions */
    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -85px !important;
        top: auto !important;
        transform: none !important;
    }

    /* Give the whole product hero a safe breathing zone below header */
    .page--product-details
    .product-summary--premium.product-summary--product-details {
        padding-top: 18px !important;
    }

    /* Keep thumbnails aligned with the gallery without touching header */
    .page--product-details
    .product-summary--premium
    .product-summary__thumbnails,
    .page--product-details
    .product-summary--premium
    [class*="product-summary__thumbnails"] {
        margin-top: 4px !important;
    }
}

@media (min-width: 1600px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -92px !important;
    }
}

/* Safer offset on medium desktop */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: -55px !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        padding-top: 14px !important;
    }
}

/* Natural flow on tablet/mobile */
@media (max-width: 1199.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: 0 !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        padding-top: 10px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V25 VARIANT POLISH
   - Move "Lungime" and "Grosime" slightly to the right
   - Add a subtle premium fill to variant CTA buttons
   ========================================================= */

/* Headings shifted slightly right */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:first-child::before,
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)::before {
    padding-left: 8px !important;
    box-sizing: border-box !important;
}

/* Premium fill for all variant buttons */
.page--product-details
.product-summary--premium
.premium-variant-button {
    background: #f3f7fc !important;
    border-color: #c7d7e8 !important;
    color: #102b4e !important;

    box-shadow:
        0 1px 2px rgba(15, 43, 82, .035),
        inset 0 1px 0 rgba(255, 255, 255, .75) !important;

    transition:
        background-color .14s ease,
        border-color .14s ease,
        color .14s ease,
        box-shadow .14s ease,
        transform .14s ease !important;
}

/* Hover */
.page--product-details
.product-summary--premium
.premium-variant-button:hover:not(:disabled) {
    background: #e8f2ff !important;
    border-color: #7faee5 !important;
    color: #0f56b7 !important;

    box-shadow:
        0 4px 10px rgba(23, 105, 210, .10),
        inset 0 1px 0 rgba(255, 255, 255, .8) !important;

    transform: translateY(-1px) !important;
}

/* Selected option remains strongly visible */
.page--product-details
.product-summary--premium
.premium-variant-button.is-active {
    background: linear-gradient(135deg, #1769d2 0%, #2f80ed 100%) !important;
    border-color: #1769d2 !important;
    color: #fff !important;

    box-shadow:
        0 5px 12px rgba(23, 105, 210, .18),
        inset 0 1px 0 rgba(255, 255, 255, .16) !important;

    transform: none !important;
}

/* Disabled */
.page--product-details
.product-summary--premium
.premium-variant-button.is-disabled,
.page--product-details
.product-summary--premium
.premium-variant-button:disabled {
    background: #f3f5f7 !important;
    border-color: #e0e6ec !important;
    color: #9aa6b4 !important;
    box-shadow: none !important;
    opacity: .72 !important;
}

/* Slightly stronger fill for thickness buttons */
.page--product-details
.product-summary--premium
.variant-attribute:nth-child(2)
.premium-variant-button:not(.is-active):not(:disabled) {
    background: #edf4fb !important;
}

/* Mobile: smaller heading offset */
@media (max-width: 767.98px) {
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child::before,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2)::before {
        padding-left: 5px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V26 STOCK + QUANTITY ROW
   Desktop:
   [ Disponibil în stoc ]                [ Cantitate  -  1  + ]
   Mobile:
   stock above, quantity below
   ========================================================= */

/* Wrap stock and quantity visually on one line using current DOM flow */
.page--product-details
.product-summary--premium
.product-summary__info--availability,
.page--product-details
.product-summary--premium
.product-summary__info--stock,
.page--product-details
.product-summary--premium
.premium-stock-status {
    vertical-align: middle !important;
}

@media (min-width: 768px) {

    /* Create a compact stock/quantity row */
    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        display: inline-flex !important;
        align-items: center !important;
        margin: 2px 14px 4px 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: inline-grid !important;
        grid-template-columns: auto auto !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 8px !important;

        width: auto !important;
        max-width: none !important;

        margin: 2px 0 4px !important;
        vertical-align: middle !important;
    }

    /* Add "Cantitate" label before native quantity control */
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;

        display: inline-flex !important;
        align-items: center !important;

        color: #0b2b52 !important;

        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }

    /* Keep native quantity control compact */
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity
    > * {
        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity input,
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity button,
    .page--product-details
    .product-summary--premium
    .quantity-input input,
    .page--product-details
    .product-summary--premium
    .quantity-input button {
        min-height: 38px !important;
        height: 38px !important;
    }

    /* Pull CTA row closer to stock/qty row */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 2px !important;
    }
}

/* Mobile: keep the flow obvious and tap-friendly */
@media (max-width: 767.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        display: inline-flex !important;
        margin: 2px 0 7px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;

        width: fit-content !important;
        max-width: 100% !important;

        margin: 0 0 8px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;

        color: #0b2b52 !important;

        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V27 QUANTITY INLINE FIX
   Keep "Disponibil în stoc" + "Cantitate [-] 1 [+]" together
   in one compact row on desktop.
   ========================================================= */

@media (min-width: 768px) {

    /* Put stock and quantity on the same visual line */
    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;

        margin: 2px 12px 4px 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;

        width: auto !important;
        max-width: none !important;

        margin: 2px 0 4px !important;
        padding: 0 !important;

        vertical-align: middle !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;

        display: inline-block !important;
        flex: 0 0 auto !important;

        margin: 0 2px 0 0 !important;
        padding: 0 !important;

        color: #0b2b52 !important;

        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }

    /* Keep the native quantity widget together */
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity
    > * {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .quantity-input,
    .page--product-details
    .product-summary--premium
    [class*="quantity"] {
        align-items: center !important;
    }

    /* Pull the CTA row up under the compact quantity row */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 0 !important;
    }
}

/* Mobile: label above selector is clearer and more tap-friendly */
@media (max-width: 767.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;

        margin: 0 0 8px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;
        margin: 0 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V28 STOCK + QUANTITY SAME ROW
   Final desktop refinement:
   [Disponibil în stoc]   [Cantitate  - 1 +]
   ========================================================= */

@media (min-width: 768px) {

    /* Use a shared inline row feel without touching MerchantPro logic */
    .page--product-details
    .product-summary--premium
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-status {
        display: inline-flex !important;
        align-items: center !important;

        width: auto !important;

        margin: 2px 10px 4px 0 !important;
        vertical-align: middle !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        max-width: none !important;

        margin: 2px 0 4px !important;
        padding: 0 !important;

        gap: 7px !important;
        vertical-align: middle !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;

        display: inline-block !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #0b2b52 !important;

        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity
    > * {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    /* Keep quantity control tight */
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity input,
    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity button,
    .page--product-details
    .product-summary--premium
    .quantity-input input,
    .page--product-details
    .product-summary--premium
    .quantity-input button {
        min-height: 36px !important;
        height: 36px !important;
    }

    /* Pull CTA row directly underneath */
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        margin-top: 0 !important;
    }
}

/* Mobile stays stacked for clarity */
@media (max-width: 767.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: fit-content !important;

        margin: 0 0 8px !important;
        gap: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V29 REAL STOCK + QUANTITY ROW
   Structural wrapper from Twig guarantees both controls stay
   on the same row on desktop.
   ========================================================= */

.page--product-details
.product-summary--premium
.premium-stock-quantity-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 2px 0 6px !important;
    padding: 0 !important;
}

/* Stock must remain a compact pill, never a full-width bar */
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--availability,
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--stock,
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.premium-stock-status {
    display: inline-flex !important;
    flex: 0 0 auto !important;

    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
}

/* Quantity label + native selector */
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--quantity {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    max-width: none !important;

    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--quantity::before {
    content: "Cantitate" !important;

    display: inline-block !important;
    flex: 0 0 auto !important;

    margin: 0 !important;

    color: #0b2b52 !important;

    font-size: 12.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
}

/* Keep native qty widget compact */
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--quantity > * {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--quantity input,
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.product-summary__info--quantity button,
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.quantity-input input,
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
.quantity-input button {
    min-height: 36px !important;
    height: 36px !important;
}

/* CTA row directly after stock/qty */
.page--product-details
.product-summary--premium
.premium-stock-quantity-row
+ .product-summary__info--actions {
    margin-top: 0 !important;
}

/* Mobile: clearer stacked flow */
@media (max-width: 767.98px) {
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 7px !important;

        margin-bottom: 8px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity::before {
        font-size: 13px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V30 MOBILE COMPLETE
   Apply the same UX improvements on mobile:
   - Lungime / Grosime CTA buttons
   - stock + quantity on one compact row
   - compact CTA stack
   - benefits vertical
   - gallery stays safe and responsive
   ========================================================= */

@media (max-width: 767.98px) {

    /* ---------- PAGE / HERO ---------- */

    .page--product-details .page__content-wrapper {
        width: 100% !important;
        max-width: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    .page--product-details
    .product-summary--premium.product-summary--product-details {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 8px 0 14px !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* ---------- GALLERY ---------- */

    .page--product-details
    .product-summary--premium
    .product-summary__images {
        position: static !important;
        left: auto !important;
        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images {
        margin-top: 0 !important;
        max-height: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__main-images img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    /* ---------- TITLE / BRAND ---------- */

    .page--product-details
    .product-summary--premium
    .premium-title-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;

        gap: 6px 10px !important;

        width: 100% !important;
        margin-bottom: 6px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-title-row
    .product-summary__heading {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        font-size: 24px !important;
        line-height: 1.08 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title {
        grid-column: 1 !important;
        grid-row: 2 !important;

        justify-self: start !important;

        margin: 0 !important;
        max-width: 150px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-brand-inline-title img {
        max-width: 145px !important;
        max-height: 40px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-wishlist-button {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    /* ---------- PRICE / INTRO ---------- */

    .page--product-details
    .product-summary--premium
    .premium-product-intro {
        margin: 7px 0 8px !important;
        padding: 10px 11px !important;

        font-size: 13px !important;
        line-height: 1.35 !important;

        border-radius: 10px !important;
    }

    /* ---------- VARIANT TITLES ---------- */

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes {
        display: flex !important;
        flex-direction: column !important;

        gap: 12px !important;

        width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute {
        width: 100% !important;
        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child::before,
    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2)::before {
        display: block !important;

        margin: 0 0 7px !important;
        padding-left: 5px !important;

        color: #0b2b52 !important;

        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 850 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:first-child::before {
        content: "Lungime" !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute:nth-child(2)::before {
        content: "Grosime" !important;
    }

    /* ---------- VARIANT CTA BUTTONS ---------- */

    .page--product-details
    .product-summary--premium
    .premium-variant-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 7px !important;

        width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;

        padding: 8px 7px !important;

        background: #f3f7fc !important;
        border: 1px solid #c7d7e8 !important;
        border-radius: 9px !important;

        color: #102b4e !important;

        font-size: 12px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;

        text-align: center !important;
    }

    /* Thickness: more compact, 4 per row */
    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-buttons {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute:nth-child(2)
    .premium-variant-button {
        min-height: 40px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-variant-button.is-active {
        background: linear-gradient(135deg, #1769d2 0%, #2f80ed 100%) !important;
        border-color: #1769d2 !important;
        color: #fff !important;
    }

    /* ---------- STOCK + QUANTITY SAME ROW ---------- */

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 8px 0 10px !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--availability,
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--stock,
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .premium-stock-status {
        display: inline-flex !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: max-content !important;

        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 6px !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity::before {
        content: "Cantitate" !important;

        display: inline-block !important;

        margin: 0 !important;

        color: #0b2b52 !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }

    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity input,
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .product-summary__info--quantity button,
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .quantity-input input,
    .page--product-details
    .product-summary--premium
    .premium-stock-quantity-row
    .quantity-input button {
        min-height: 38px !important;
        height: 38px !important;
    }

    /* ---------- CTA ---------- */

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions {
        display: flex !important;
        flex-direction: column !important;

        gap: 8px !important;

        width: 100% !important;

        margin-top: 0 !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    > * {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .product-action .btn,
    .page--product-details
    .product-summary--premium
    .product-summary__info--actions
    .premium-whatsapp-action > a {
        width: 100% !important;

        min-height: 50px !important;
        height: 50px !important;

        font-size: 14px !important;

        border-radius: 10px !important;
    }

    /* ---------- BENEFITS ---------- */

    .page--product-details
    .product-summary--premium
    .premium-pdp-benefits {
        display: flex !important;
        flex-direction: column !important;

        gap: 7px !important;

        width: 100% !important;
        max-width: none !important;

        margin: 12px 0 0 !important;
    }

    .page--product-details
    .premium-pdp-benefit {
        width: 100% !important;
        min-height: 60px !important;

        padding: 9px 11px !important;

        border-radius: 11px !important;
    }

    .page--product-details
    .premium-pdp-benefit strong {
        font-size: 12px !important;
    }

    .page--product-details
    .premium-pdp-benefit small {
        font-size: 11px !important;
    }

    /* ---------- SOCIAL ---------- */

    .page--product-details
    .product-summary--premium
    .premium-social-share {
        margin-top: 8px !important;
    }
}


/* =========================================================
   PDP PREMIUM V3 — V31 ADAPTIVE ATTRIBUTE TITLES
   Titles now follow the real MerchantPro attribute:
   Dimensiune/Lungime -> Lungime
   Grosime            -> Grosime
   Culoare             -> Culoare
   Other attributes    -> native MerchantPro label
   ========================================================= */

/* Disable old positional hard-coded titles from V22/V23/V30 */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:first-child::before,
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute:nth-child(2)::before {
    content: none !important;
    display: none !important;
}

/* Generic dynamic title generated from the actual MerchantPro attribute */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute[data-premium-attribute-label]::before {
    content: attr(data-premium-attribute-label) !important;

    display: block !important;
    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 0 0 8px !important;
    box-sizing: border-box !important;

    color: #0b2b52 !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;

    letter-spacing: -0.01em !important;
}

/* Spacing between any consecutive attribute groups */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute + .variant-attribute {
    margin-top: 8px !important;
}

/* Keep native label hidden; the adaptive premium title replaces it */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute__name {
    display: none !important;
}

/* Generic button layout: first/dimension group stays wider */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute[data-premium-attribute-label="Lungime"]
.premium-variant-button {
    min-width: 82px !important;
}

/* Grosime stays compact */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute[data-premium-attribute-label="Grosime"]
.premium-variant-button {
    min-width: 34px !important;
}

/* Culoare can be compact CTA chips too */
.page--product-details
.product-summary--premium
.product-summary__info--variant-attributes
.variant-attribute[data-premium-attribute-label="Culoare"]
.premium-variant-button {
    min-width: 78px !important;
}

/* Mobile */
@media (max-width: 767.98px) {

    .page--product-details
    .product-summary--premium
    .product-summary__info--variant-attributes
    .variant-attribute[data-premium-attribute-label]::before {
        margin-bottom: 6px !important;
        padding-left: 5px !important;

        font-size: 14px !important;
    }

    /* Lungime: 2 per row */
    .page--product-details
    .product-summary--premium
    .variant-attribute[data-premium-attribute-label="Lungime"]
    .premium-variant-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    /* Grosime and Culoare: up to 4 compact chips per row */
    .page--product-details
    .product-summary--premium
    .variant-attribute[data-premium-attribute-label="Grosime"]
    .premium-variant-buttons,
    .page--product-details
    .product-summary--premium
    .variant-attribute[data-premium-attribute-label="Culoare"]
    .premium-variant-buttons {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .page--product-details
    .product-summary--premium
    .variant-attribute[data-premium-attribute-label="Culoare"]
    .premium-variant-button {
        min-width: 0 !important;
        width: 100% !important;
    }
}