/* ==========================================================
 * HOME-PROMO-FAST-001.9 — cartes accueil alignées Commerce DZ
 * ========================================================== */
.pmk-home-promotions-fast {
    --pmk-home-gap: 14px;
    --pmk-pink: #ec168c;
    --pmk-pink-dark: #b41f5b;
    width: 100%;
}

.pmk-home-promotions-fast > .pmk-home-promo-group + .pmk-home-promo-group,
.pmk-home-promotions-fast > .pmk-home-promo-secondary-row {
    margin-top: 26px;
}

.pmk-home-promo-group {
    min-width: 0;
}

.pmk-home-promo-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    margin-bottom: 14px;
    padding: 18px 24px;
    overflow: hidden;
    border-radius: 14px;
    text-decoration: none !important;
    color: var(--pmk-campaign-text, #681936) !important;
    background: var(--pmk-campaign-bg, linear-gradient(135deg, #fff3f7 0%, #ffdce8 100%));
    isolation: isolate;
}

.pmk-home-promo-visual-media {
    position: absolute;
    inset: 0;
    z-index: -3;
}
.pmk-home-promo-visual-media,
.pmk-home-promo-visual-media img {
    width: 100%;
    height: 100%;
}
.pmk-home-promo-visual-media img {
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Le texte n'est plus dans un grand pavé blanc. Un voile central léger
 * conserve la photo visible et garantit seulement la lisibilité. */
.pmk-home-promo-visual.has-image::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.02) 0%,
        rgba(255,250,252,.30) 25%,
        rgba(255,249,251,.66) 43%,
        rgba(255,249,251,.72) 50%,
        rgba(255,249,251,.66) 57%,
        rgba(255,250,252,.30) 75%,
        rgba(255,255,255,.02) 100%
    );
}

.pmk-home-promo-visual-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: min(680px, 58%);
    padding: 4px 14px;
    text-align: center;
    background: transparent;
    text-shadow: 0 1px 14px rgba(255,255,255,.95);
}

.pmk-home-promo-brand {
    display: block;
    width: min(138px, 32%);
    height: auto;
    max-height: 64px;
    object-fit: contain;
    margin: 0 auto 2px;
}

.pmk-home-promo-visual-copy > strong {
    display: block;
    max-width: 100%;
    color: inherit;
    font-size: clamp(22px, 2.15vw, 33px);
    line-height: 1.06;
    font-weight: 760;
    letter-spacing: -.02em;
}
.pmk-home-promo-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1px;
    color: var(--pmk-campaign-accent, #8d214d);
    font-size: 10.5px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.pmk-home-promo-subtitle {
    color: var(--pmk-campaign-accent, #5f4650);
    font-size: 13px;
    line-height: 1.3;
}
.pmk-home-promo-visual .pmk-promo-timer,
.pmk-home-promo-visual .pmk-promo-limit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    color: var(--pmk-campaign-accent, #8d214d);
    font-size: 12.5px;
    line-height: 1.25;
    font-weight: 750;
}
.pmk-home-promo-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--pmk-campaign-cta-bg, var(--pmk-pink));
    box-shadow: 0 5px 14px rgba(236,22,140,.18);
    color: var(--pmk-campaign-cta-text, #fff);
    font-size: 12.5px;
    line-height: 1;
    font-weight: 800;
    text-shadow: none;
}

/* Fallbacks lorsque la campagne n'a aucune photo. */
.pmk-home-promo-flash { background: linear-gradient(135deg, #f85da0 0%, #ff9ac3 56%, #ffd7e8 100%); }
.pmk-home-promo-limited { background: linear-gradient(135deg, #d08aa2 0%, #efb4bf 55%, #f9e4dc 100%); }
.pmk-home-promo-seasonal { background: linear-gradient(135deg, #e4a1ad 0%, #f6c3b9 55%, #faeadf 100%); }
.pmk-home-promo-sale { background: linear-gradient(135deg, #db337d 0%, #f0619c 55%, #ffb7d0 100%); }
.pmk-home-promo-pack_makeup,
.pmk-home-promo-pack_body { background: linear-gradient(135deg, #c88a9e 0%, #efbac8 55%, #fae4ea 100%); }

/* PROMO-AUTO-VISUAL-001.1 — une campagne Marque / Origine en thème CSS
 * doit réellement honorer sa palette au lieu du fallback rose lié au type. */
.pmk-home-promo-theme-css {
    background: var(--pmk-campaign-bg, #fff3f7);
    background:
        radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--pmk-campaign-accent, #ec168c) 18%, transparent) 0 11%, transparent 31%),
        radial-gradient(circle at 8% 92%, color-mix(in srgb, var(--pmk-campaign-accent, #ec168c) 10%, transparent) 0 9%, transparent 28%),
        linear-gradient(135deg, var(--pmk-campaign-bg, #fff3f7) 0%, color-mix(in srgb, var(--pmk-campaign-bg, #fff3f7) 88%, white) 100%);
}

/* Les vraies photos produit enrichissent uniquement le visuel automatique
 * Marque / Origine, sans remplacer les cartes catalogue sous le hero. */
.pmk-home-promo-product-art {
    position: absolute;
    right: 4%;
    bottom: 7%;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 9px;
    width: 38%;
    height: 82%;
    pointer-events: none;
}
.pmk-home-promo-product-art-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31%;
    height: 78%;
    padding: 7px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--pmk-campaign-accent, #ec168c) 16%, white);
    border-radius: 16px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 12px 28px rgba(22,34,48,.11);
    box-sizing: border-box;
}
.pmk-home-promo-product-art-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pmk-home-promo-product-art-item.is-1 { transform: translateY(7%) rotate(-3deg); }
.pmk-home-promo-product-art-item.is-2 { height: 91%; transform: translateY(-1%); }
.pmk-home-promo-product-art-item.is-3 { transform: translateY(8%) rotate(3deg); }
.pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy {
    width: min(610px, 56%);
    margin-right: auto;
    align-items: flex-start;
    text-align: left;
    text-shadow: none;
}
.pmk-home-promo-visual.has-product-art .pmk-home-promo-brand { margin-left: 0; }

/* PinK Friday : contraste sombre spécifique. */
.pmk-home-promo-theme-pink-friday {
    color: #fff !important;
    background: #170511;
}
.pmk-home-promo-theme-pink-friday.has-image::after {
    background: linear-gradient(
        90deg,
        rgba(13,2,10,.02) 0%,
        rgba(17,3,13,.38) 28%,
        rgba(17,3,13,.72) 44%,
        rgba(17,3,13,.80) 50%,
        rgba(17,3,13,.72) 56%,
        rgba(17,3,13,.38) 72%,
        rgba(13,2,10,.02) 100%
    );
}
.pmk-home-promo-theme-pink-friday .pmk-home-promo-visual-copy {
    text-shadow: 0 1px 14px rgba(0,0,0,.7);
}
.pmk-home-promo-theme-pink-friday .pmk-home-promo-subtitle,
.pmk-home-promo-theme-pink-friday .pmk-promo-timer,
.pmk-home-promo-theme-pink-friday .pmk-promo-limit {
    color: #ffe8f2;
}
.pmk-home-promo-theme-pink-friday .pmk-home-promo-cta { background: var(--pmk-campaign-cta-bg, #ff168d); }

/* PROMO-OPS-MKT-001.1 — variantes de ton, sans changer la police de marque. */
.pmk-home-promo-tone-price .pmk-home-promo-visual-copy > strong { font-weight: 850; letter-spacing: -.025em; }
.pmk-home-promo-tone-urgent .pmk-home-promo-eyebrow { letter-spacing: .12em; }
.pmk-home-promo-tone-expert .pmk-home-promo-subtitle,
.pmk-home-promo-tone-care .pmk-home-promo-subtitle { font-size: 13.5px; line-height: 1.38; }
.pmk-home-promo-tone-minimal .pmk-home-promo-visual-copy { gap: 2px; }
.pmk-home-promo-tone-festive .pmk-home-promo-visual-copy > strong { letter-spacing: -.01em; }

.pmk-home-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--pmk-home-gap);
}

/* 3 campagnes : la principale reste pleine largeur, les deux autres gardent
 * chacune leur photo et leurs 2 produits juste en dessous. */
.pmk-home-promo-secondary-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.pmk-home-promo-group-secondary {
    min-width: 0;
}
.pmk-home-promo-group-secondary .pmk-home-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pmk-home-promo-group-secondary .pmk-home-promo-visual {
    min-height: 158px;
    padding: 12px 14px;
    margin-bottom: 12px;
}
.pmk-home-promo-group-secondary .pmk-home-promo-visual-copy {
    width: 68%;
    padding: 2px 8px;
    gap: 2px;
}
.pmk-home-promo-group-secondary .pmk-home-promo-brand {
    width: min(102px, 31%);
    max-height: 46px;
}
.pmk-home-promo-group-secondary .pmk-home-promo-visual-copy > strong {
    font-size: clamp(17px, 1.55vw, 23px);
}
.pmk-home-promo-group-secondary .pmk-home-promo-subtitle {
    font-size: 11px;
}
.pmk-home-promo-group-secondary .pmk-home-promo-visual .pmk-promo-timer,
.pmk-home-promo-group-secondary .pmk-home-promo-visual .pmk-promo-limit {
    font-size: 11px;
}
.pmk-home-promo-group-secondary .pmk-home-promo-cta {
    padding: 6px 12px;
    font-size: 11px;
}

.pmk-home-product-card {
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(16,24,40,.09);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(16,24,40,.05);
}
.pmk-home-product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(210px, 19vw, 260px);
    padding: 6px;
    overflow: hidden;
    background: #fafafa;
    box-sizing: border-box;
}
.pmk-home-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .2s ease;
}
@media (hover:hover) {
    .pmk-home-product-card:hover .pmk-home-product-image img { transform: scale(1.02); }
}
.pmk-home-product-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 7px;
    padding: 10px;
}
.pmk-home-product-title {
    min-height: 2.6em;
    color: #202124 !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pmk-home-product-price {
    min-height: 24px;
    color: #d62976;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
}
.pmk-home-product-price del {
    margin-right: 4px;
    color: #8c8c8c;
    font-size: 11px;
    font-weight: 500;
}
.pmk-home-product-price ins { text-decoration: none; }
.pmk-home-product-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: auto;
    padding: 9px 10px;
    border-radius: 6px;
    background: #242424;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 11.5px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: .02em;
}
.pmk-home-product-cta:hover,
.pmk-home-product-cta:focus {
    background: #e6007e;
    color: #fff !important;
}

.pmk-home-promo-group-secondary .pmk-home-product-image {
    height: clamp(200px, 17vw, 245px);
}

.pmk-home-promotions-empty {
    padding: 12px;
    border: 1px dashed #d0d5dd;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    font-size: 13px;
}

@media (max-width: 767px) {
    .pmk-home-promotions-fast { --pmk-home-gap: 9px; }
    .pmk-home-promotions-fast > .pmk-home-promo-group + .pmk-home-promo-group,
    .pmk-home-promotions-fast > .pmk-home-promo-secondary-row { margin-top: 20px; }
    .pmk-home-promo-secondary-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .pmk-home-promo-visual,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual {
        min-height: 190px;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 11px;
    }
    /* Le visuel de campagne change selon le rôle du bloc. Sur mobile, une
     * campagne compacte (2 produits = une seule rangée) reste moins haute que
     * le bloc large (4/8 produits). Les photos produits, elles, gardent la
     * même taille de carte pour préserver la cohérence du catalogue. */
    .pmk-home-promo-visual.pmk-home-promo-layout-compact {
        min-height: 165px;
    }
    .pmk-home-promo-visual-media img {
        object-position: center;
    }
    .pmk-home-promo-visual.has-image::after {
        background: linear-gradient(
            90deg,
            rgba(255,255,255,.08) 0%,
            rgba(255,250,252,.34) 22%,
            rgba(255,249,251,.60) 40%,
            rgba(255,249,251,.70) 50%,
            rgba(255,249,251,.60) 60%,
            rgba(255,250,252,.34) 78%,
            rgba(255,255,255,.08) 100%
        );
    }
    .pmk-home-promo-theme-pink-friday.has-image::after {
        background: rgba(15,2,11,.55);
    }
    .pmk-home-promo-visual-copy,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual-copy {
        width: 84%;
        padding: 2px 8px;
        gap: 3px;
    }
    .pmk-home-promo-brand,
    .pmk-home-promo-group-secondary .pmk-home-promo-brand {
        width: min(108px, 38%);
        max-height: 52px;
    }
    .pmk-home-promo-visual-copy > strong,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual-copy > strong {
        font-size: 19px;
        line-height: 1.08;
    }

    .pmk-home-promo-visual.pmk-home-promo-layout-compact .pmk-home-promo-brand {
        width: min(92px, 34%);
        max-height: 43px;
    }
    .pmk-home-promo-visual.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy > strong {
        font-size: 18px;
        line-height: 1.08;
    }
    .pmk-home-promo-subtitle,
    .pmk-home-promo-group-secondary .pmk-home-promo-subtitle {
        font-size: 10.5px;
    }
    .pmk-home-promo-visual .pmk-promo-timer,
    .pmk-home-promo-visual .pmk-promo-limit,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual .pmk-promo-timer,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual .pmk-promo-limit {
        font-size: 10.5px;
    }
    .pmk-home-promo-cta,
    .pmk-home-promo-group-secondary .pmk-home-promo-cta {
        margin-top: 3px;
        padding: 6px 11px;
        font-size: 10.5px;
    }
    .pmk-home-promo-product-art {
        right: 2%;
        bottom: 6%;
        gap: 5px;
        width: 39%;
        height: 68%;
    }
    .pmk-home-promo-product-art-item {
        width: 47%;
        height: 82%;
        padding: 4px;
        border-radius: 10px;
    }
    .pmk-home-promo-product-art-item.is-3 { display: none; }
    .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy {
        width: 60%;
        padding-left: 6px;
        padding-right: 4px;
    }
    .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy > strong,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy > strong {
        font-size: 17px;
    }
    .pmk-home-product-grid,
    .pmk-home-promo-group-secondary .pmk-home-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pmk-home-product-image,
    .pmk-home-promo-group-secondary .pmk-home-product-image {
        height: 168px;
        padding: 5px;
    }
    .pmk-home-product-body {
        padding: 8px;
        gap: 6px;
    }
    .pmk-home-product-title {
        min-height: 2.55em;
        font-size: 11.5px;
        line-height: 1.27;
    }
    .pmk-home-product-price { min-height: 21px; font-size: 12.5px; }
    .pmk-home-product-price del { font-size: 10px; }
    .pmk-home-product-cta {
        min-height: 39px;
        padding: 7px 6px;
        font-size: 10.5px;
    }
}

/* ==========================================================
 * HOME-MERCH-ORDER-001.1 — rendu WooCommerce natif
 * Même géométrie que Commerce DZ / Nos incontournables.
 * ========================================================== */
.pmk-home-product-native-grid .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--pmk-home-gap) !important;
    margin: 0 !important;
}
.pmk-home-promo-group-secondary .pmk-home-product-native-grid .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pmk-home-product-native-grid .woocommerce ul.products::before,
.pmk-home-product-native-grid .woocommerce ul.products::after {
    display: none !important;
}
.pmk-home-product-native-grid .woocommerce ul.products li.product {
    position: relative !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(16,24,40,.09) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(16,24,40,.05) !important;
}
.pmk-home-product-native-grid .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    text-decoration: none !important;
}
.pmk-home-product-native-grid .woocommerce ul.products li.product a img {
    display: block !important;
    width: 100% !important;
    height: clamp(210px, 19vw, 260px) !important;
    margin: 0 !important;
    padding: 6px !important;
    object-fit: contain !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
}
.pmk-home-product-native-grid .woocommerce-loop-product__title {
    min-height: 2.6em !important;
    margin: 0 !important;
    padding: 10px 10px 0 !important;
    color: #202124 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.pmk-home-product-native-grid .star-rating {
    margin: 6px 10px 0 !important;
}
.pmk-home-product-native-grid .price {
    display: block !important;
    min-height: 24px !important;
    margin: 7px 0 0 !important;
    padding: 0 10px !important;
    color: #d62976 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}
.pmk-home-product-native-grid .price del {
    color: #8c8c8c !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}
.pmk-home-product-native-grid .price ins { text-decoration: none !important; }
.pmk-home-product-native-grid .woocommerce ul.products li.product .button:not(.woosw-btn):not(.woosc-btn) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 20px) !important;
    min-height: 44px !important;
    margin: auto 10px 10px !important;
    padding: 9px 10px !important;
    border-radius: 6px !important;
    background: #242424 !important;
    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}
.pmk-home-product-native-grid .woocommerce ul.products li.product .button:not(.woosw-btn):not(.woosc-btn):hover {
    background: #e6007e !important;
    color: #fff !important;
}
.pmk-home-product-native-grid .wvs-archive-variation-wrapper,
.pmk-home-product-native-grid .woo-variation-swatches,
.pmk-home-product-native-grid .variable-items-wrapper,
.pmk-home-product-native-grid .variation-swatches {
    display: none !important;
}

@media (max-width: 767px) {
    .pmk-home-product-native-grid .woocommerce ul.products,
    .pmk-home-promo-group-secondary .pmk-home-product-native-grid .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }
    .pmk-home-product-native-grid .woocommerce ul.products li.product a img {
        height: 168px !important;
        padding: 5px !important;
    }
    .pmk-home-product-native-grid .woocommerce-loop-product__title {
        min-height: 2.55em !important;
        padding: 8px 8px 0 !important;
        font-size: 11.5px !important;
        line-height: 1.27 !important;
    }
    .pmk-home-product-native-grid .price {
        min-height: 21px !important;
        margin-top: 6px !important;
        padding: 0 8px !important;
        font-size: 12.5px !important;
    }
    .pmk-home-product-native-grid .price del { font-size: 10px !important; }
    .pmk-home-product-native-grid .woocommerce ul.products li.product .button:not(.woosw-btn):not(.woosc-btn) {
        width: calc(100% - 16px) !important;
        min-height: 39px !important;
        margin: auto 8px 8px !important;
        padding: 7px 6px !important;
        font-size: 10.5px !important;
    }
}

/* ==========================================================
 * PROMO-VISUAL-POLISH-001.1 — finition hero automatique
 * ========================================================== */
.pmk-home-promo-visual .pmk-promo-timer,
.pmk-home-promo-visual .pmk-promo-limit {
    gap: 4px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
}
.pmk-home-promo-visual .pmk-timer-prefix,
.pmk-home-promo-visual .pmk-timer-value {
    display: inline-block;
}

/* Les visuels produit restent de vraies images Woo, mais la présentation est
 * moins "3 cartes blanches" et davantage éditoriale/premium. */
.pmk-home-promo-product-art {
    right: 3%;
    bottom: 6%;
    width: 41%;
    height: 84%;
    gap: 8px;
}
.pmk-home-promo-product-art-item {
    width: 30.5%;
    height: 82%;
    padding: 2px;
    border-color: color-mix(in srgb, var(--pmk-campaign-accent, #ec168c) 12%, white);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 12px 30px rgba(24,50,74,.10), inset 0 1px 0 rgba(255,255,255,.75);
}
.pmk-home-promo-product-art-item img {
    transform: scale(1.08);
    transform-origin: center;
}
.pmk-home-promo-product-art-item.is-1 { transform: translateY(8%) rotate(-2.2deg); }
.pmk-home-promo-product-art-item.is-2 { height: 94%; transform: translateY(-2%); }
.pmk-home-promo-product-art-item.is-3 { transform: translateY(9%) rotate(2.2deg); }

@media (max-width: 767px) {
    .pmk-home-promo-product-art {
        right: 1.5%;
        bottom: 6%;
        width: 37%;
        height: 72%;
        gap: 4px;
    }
    .pmk-home-promo-product-art-item {
        width: 48%;
        height: 84%;
        padding: 1px;
        border-radius: 11px;
        background: rgba(255,255,255,.76);
        box-shadow: 0 8px 20px rgba(24,50,74,.10);
    }
    .pmk-home-promo-product-art-item img { transform: scale(1.07); }
    .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-group-secondary .pmk-home-promo-visual.has-product-art .pmk-home-promo-visual-copy {
        width: 62%;
    }
}

/* ==========================================================
 * PROMO-GIFT-UX-009.1 — hero cadeau sans chevauchement.
 * Desktop : texte à gauche, achat + cadeau à droite.
 * Mobile : texte au-dessus, composition cadeau en dessous.
 * ========================================================== */
.pmk-home-promo-gift.has-gift-art {
    overflow: hidden;
    justify-content: flex-start;
    background:
        radial-gradient(circle at 82% 18%, rgba(236,22,140,.13), transparent 34%),
        linear-gradient(135deg, #fff8fc 0%, #ffffff 58%, #fff1f8 100%);
}
.pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy {
    width: 48%;
    max-width: 620px;
    margin-right: auto;
    padding: 8px 18px 8px 3%;
    position: relative;
    z-index: 2;
    align-items: flex-start;
    text-align: left;
}
.pmk-home-promo-gift.has-gift-art .pmk-home-promo-brand {
    margin-left: 0;
}
.pmk-home-promo-gift.has-gift-art .pmk-home-promo-subtitle {
    max-width: 38ch;
}
.pmk-home-gift-art {
    position: absolute;
    z-index: 1;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    width: 43%;
    height: 80%;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
    pointer-events: none;
}
.pmk-home-gift-art-item {
    position: relative;
    min-width: 0;
    height: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 10px 12px;
    border: 1px solid rgba(236,22,140,.13);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 34px rgba(50,20,38,.11);
    box-sizing: border-box;
}
.pmk-home-gift-art-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pmk-home-gift-art-kicker,
.pmk-home-gift-art-badge,
.pmk-home-gift-art-value {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    border-radius: 999px;
    font-weight: 800;
}
.pmk-home-gift-art-kicker {
    top: 7px;
    padding: 4px 8px;
    color: #5c4653;
    background: #f6edf2;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.pmk-home-gift-art-badge {
    top: 7px;
    padding: 5px 10px;
    color: #fff;
    background: var(--pmk-campaign-accent, #ec168c);
    font-size: 11px;
    letter-spacing: .06em;
}
.pmk-home-gift-art-value {
    bottom: 7px;
    padding: 4px 8px;
    color: #7b1752;
    background: rgba(255,246,251,.95);
    font-size: 10px;
}
.pmk-home-gift-art-plus {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--pmk-campaign-accent, #ec168c);
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 7px 18px rgba(236,22,140,.22);
}

/* Les cartes secondaires 2-produits sont plus étroites : texte et art sont
 * volontairement plus compacts, sans réutiliser les dimensions du hero large. */
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact {
    min-height: 210px;
    padding-inline: 16px;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy {
    width: 47%;
    padding-left: 1%;
    gap: 3px;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-brand {
    width: min(105px, 34%);
    max-height: 42px;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy > strong {
    font-size: clamp(18px, 1.65vw, 24px);
    line-height: 1.06;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-subtitle {
    font-size: 11.5px;
    line-height: 1.25;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art {
    right: 2.5%;
    width: 45%;
    height: 76%;
    gap: 6px;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-item {
    padding: 20px 6px 10px;
    border-radius: 15px;
}
.pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-plus {
    width: 24px;
    height: 24px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .pmk-home-promo-gift.has-gift-art,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact {
        min-height: 330px;
        padding: 16px 14px 154px;
        align-items: flex-start;
        justify-content: center;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-group-secondary .pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 4px;
        align-items: center;
        text-align: center;
        gap: 3px;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-brand,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-brand {
        width: min(96px, 28%);
        max-height: 42px;
        margin: 0 auto 1px;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy > strong,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy > strong {
        max-width: 19ch;
        font-size: clamp(20px, 6vw, 25px);
        line-height: 1.04;
        text-wrap: balance;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-subtitle,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-subtitle {
        max-width: 34ch;
        font-size: 11.5px;
        line-height: 1.25;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-cta {
        margin-top: 4px;
        padding: 7px 13px;
        font-size: 11.5px;
    }
    .pmk-home-gift-art,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art {
        left: 50%;
        right: auto;
        top: auto;
        bottom: 12px;
        transform: translateX(-50%);
        width: min(78%, 320px);
        height: 132px;
        gap: 6px;
    }
    .pmk-home-gift-art-item,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-item {
        height: 122px;
        padding: 20px 5px 11px;
        border-radius: 13px;
    }
    .pmk-home-gift-art-plus,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-plus {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }
    .pmk-home-gift-art-kicker,
    .pmk-home-gift-art-badge,
    .pmk-home-gift-art-value {
        font-size: 8px;
        padding: 3px 5px;
    }
}



/* ==========================================================
 * PROMO-GIFT-UX-010.1 — mobile réellement compact.
 * Le 0.2.9 utilisait min-height + padding-bottom en content-box,
 * ce qui pouvait dépasser le viewport mobile et pousser la
 * composition cadeau sous le pli. Le hero cadeau mobile devient
 * un flux naturel : texte puis achat + cadeau, sans scroll interne.
 * ========================================================== */
@media (max-width: 767px) {
    .pmk-home-promo-gift.has-gift-art,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact {
        box-sizing: border-box;
        min-height: 0;
        height: auto;
        padding: 14px 12px 12px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 9px;
        overflow: hidden;
    }
    .pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-group-secondary .pmk-home-promo-gift.has-gift-art .pmk-home-promo-visual-copy,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy {
        flex: 0 0 auto;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        padding: 0 3px;
    }
    .pmk-home-gift-art,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        flex: 0 0 auto;
        width: min(88%, 320px);
        height: 112px;
        margin: 2px auto 0;
        gap: 6px;
    }
    .pmk-home-gift-art-item,
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-item {
        height: 108px;
        padding: 18px 5px 10px;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact {
        padding-top: 12px;
        padding-bottom: 10px;
        gap: 7px;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-brand {
        width: min(84px, 26%);
        max-height: 36px;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-visual-copy > strong {
        font-size: 18px;
        line-height: 1.03;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-promo-subtitle {
        font-size: 10.5px;
        line-height: 1.18;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art {
        width: min(82%, 285px);
        height: 94px;
        margin-top: 0;
    }
    .pmk-home-promo-gift.has-gift-art.pmk-home-promo-layout-compact .pmk-home-gift-art-item {
        height: 90px;
        padding: 17px 4px 9px;
    }
}

/* ==========================================================
 * PROMO-DISPLAY-ORCHESTRATION-001.1 — géométrie pilotée par
 * le contenu réel de chaque campagne, pas seulement leur nombre.
 * ========================================================== */
.pmk-home-promo-secondary-row {
    align-items: start;
}
.pmk-home-promo-group.is-banner-only .pmk-home-promo-visual:not(.pmk-home-promo-gift) {
    min-height: 170px;
    margin-bottom: 0;
}
.pmk-home-promo-group-secondary.is-banner-only .pmk-home-promo-visual:not(.pmk-home-promo-gift) {
    min-height: 145px;
    margin-bottom: 0;
}
.pmk-home-promo-group.pmk-home-desktop-products-2:not(.pmk-home-promo-group-secondary) .pmk-home-product-grid,
.pmk-home-promo-group.pmk-home-desktop-products-2:not(.pmk-home-promo-group-secondary) .pmk-home-product-native-grid .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 767px) {
    .pmk-home-promo-group.is-banner-only .pmk-home-promo-visual:not(.pmk-home-promo-gift),
    .pmk-home-promo-group-secondary.is-banner-only .pmk-home-promo-visual:not(.pmk-home-promo-gift) {
        min-height: 145px;
        margin-bottom: 0;
    }
    .pmk-home-promo-group.pmk-home-mobile-products-0 .pmk-home-product-grid,
    .pmk-home-promo-group.pmk-home-mobile-products-0 .pmk-home-product-native-grid {
        display: none !important;
    }
    .pmk-home-promo-group.pmk-home-mobile-products-2 .pmk-home-product-grid > :nth-child(n+3),
    .pmk-home-promo-group.pmk-home-mobile-products-2 .pmk-home-product-native-grid .woocommerce ul.products > li.product:nth-child(n+3) {
        display: none !important;
    }
}

/* PROMO-HOME-MULTI-018.1 : plafond mobile de 4 cartes (Woo natif et classique). */
@media (max-width: 767px) {
    .pmk-home-promo-group.pmk-home-mobile-products-4 .pmk-home-product-grid > :nth-child(n+5),
    .pmk-home-promo-group.pmk-home-mobile-products-4 .pmk-home-product-native-grid .woocommerce ul.products > li.product:nth-child(n+5) {
        display: none !important;
    }
}