/* =====================================================================
   Zone De Plaisir — « Maison » (2026-10-09)
   Clair, épuré, luxueux : ivoire uni, encre noire, filets fins, or discret.
   Chargé après zdp-moderne.css (qui garde les correctifs fonctionnels).
   Pour revenir en arrière : retirer la ligne zdp-maison.css de head.tpl.
   ===================================================================== */
:root {
  --m-ivoire: #faf7f3;
  --m-sable: #f2ede7;
  --m-encre: #4a0d1c;
  --m-texte: #2b1a1f;
  --m-fonce: #2a0610;
  --m-gris: #6f6566;
  --m-filet: #e7dfd6;
  --m-or: #b8955a;
  --m-bordeaux: #4d0616;
  --m-serif: 'Cormorant Garamond', 'Didot', Georgia, serif;
  --m-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/* Fond uni ivoire (fini les dégradés) */
html body { background: var(--m-ivoire) !important; background-image: none !important; color: var(--m-texte) !important; }
html body #wrapper, html body .boxed-layout { background: transparent !important; }

/* Titres : encre, serif fine */
html body h1, html body h2, html body h3, html body .h1, html body .h2, html body .title-block, html body .page-heading,
html body .column-title, html body .zdp-bl-titre, html body .zdp-bp-titre, html body .zdp-hero-title, html body .zdp-univers-nom,
html body .nav-tabs .nav-item .nav-link.active, html body .product-detail-name {
  color: var(--m-encre) !important; font-family: var(--m-serif) !important; font-weight: 500 !important;
}
html body .nav-tabs .nav-item .nav-link { color: #b7aca6 !important; border-bottom-color: transparent !important; }
html body .nav-tabs .nav-item .nav-link.active { border-bottom: 1px solid var(--m-encre) !important; }
html body a { color: var(--m-texte); }

/* Bandeau du haut : noir, discret */
html body #header .header-banner, html body .header-event-banner-wrapper, html body .header-event-banner {
  background: var(--m-encre) !important; background-image: none !important; border: 0 !important;
}
html body #header .header-banner, html body #header .header-banner * { color: #e9dcc6 !important; font-weight: 400 !important; text-decoration: none !important; }

/* En-tête blanc, filet fin */
html body #header, html body #header .header-bottom, html body #header .main-header, html body #header .header-main-menu, html body #header .mobile-header-version {
  background: #fff !important; box-shadow: none !important;
}
html body #header .header-main-menu { border-top: 1px solid var(--m-filet) !important; border-bottom: 1px solid var(--m-filet) !important; }
html body .anav-top .amenu-link { color: var(--m-encre) !important; font-weight: 400 !important; }
html body .anav-top .amenu-link::after { background: var(--m-encre) !important; height: 1px !important; }
html body #header .searchbar-wrapper .form-control, html body #header .search-widget .form-control { background: var(--m-ivoire) !important; border: 1px solid var(--m-filet) !important; }
html body #header .searchbar-wrapper .btn, html body #header .search-widget button { background: var(--m-encre) !important; }
html body #header .cart-link, html body #header .mobile-menu-icon { background: var(--m-encre) !important; background-image: none !important; box-shadow: none !important; }
html body #header .account-link a { border-color: var(--m-filet) !important; color: var(--m-encre) !important; }

/* Boutons : encre, nets */
html body .btn-primary, html body .btn.btn-primary, html body #product .add-to-cart, html body .zdp-btn-plein, html body .zdp-bp-tout, html body .zdp-mm-tout {
  background: var(--m-encre) !important; background-image: none !important; border: 1px solid var(--m-encre) !important; color: #fff !important; box-shadow: none !important;
}
html body .btn-primary:hover, html body #product .add-to-cart:hover, html body .zdp-btn-plein:hover { background: var(--m-fonce) !important; border-color: var(--m-fonce) !important; }
html body .zdp-btn-fin, html body .btn-secondary { border-color: var(--m-encre) !important; color: var(--m-encre) !important; background: transparent !important; }

/* Accueil : bloc d'ouverture éditorial, sans cadre */
html body .zdp-hero { background: var(--m-sable) !important; border: 0 !important; border-radius: 0 !important; margin: 0 0 56px !important; padding: 64px 64px !important; }
html body .zdp-hero-kicker { color: var(--m-or) !important; }
html body .zdp-hero-title { font-size: 60px !important; line-height: 1.02 !important; }
html body .zdp-hero-sub { color: var(--m-gris) !important; }
html body .zdp-hero-img { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body .zdp-hero-atouts li { color: var(--m-gris) !important; }
html body .zdp-hero-atouts li:before { background: var(--m-or) !important; }
.zdp-hero-offre { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--m-filet); font: 400 13px var(--m-sans); color: var(--m-gris); }
.zdp-hero-offre strong { color: var(--m-encre); font-weight: 600; letter-spacing: .08em; }

/* Univers : images seules, légende en dessous */
html body .zdp-univers { gap: 22px !important; margin-bottom: 64px !important; }
html body .zdp-univers-item { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body .zdp-univers-img { background: var(--m-sable) !important; }
html body .zdp-univers-nom { font-size: 22px !important; margin-top: 14px !important; }
html body .zdp-univers-lien { color: var(--m-gris) !important; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--m-filet); }

/* Cartes produits : sans cadre, image sur fond sable */
html body .product-miniature .product-container {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
}
html body .product-miniature .first-block, html body .product-miniature .product-thumbnail { background: #fff !important; border-radius: 0 !important; }
html body .product-miniature .second-third-block, html body .product-miniature .second-block, html body .product-miniature .third-block,
html body .product-list .grid .product-miniature .product-name, html body .product-style { background: transparent !important; }
html body .product-miniature .product-name, html body .product-miniature .product-name a { color: var(--m-texte) !important; font-size: 17px !important; font-weight: 500 !important; }
html body .product-miniature .price, html body .product-miniature .product-price-and-shipping .price { color: var(--m-encre) !important; font-weight: 500 !important; font-size: 14.5px !important; letter-spacing: .04em; }
html body .product-miniature .add-to-cart { background: transparent !important; color: var(--m-encre) !important; border: 1px solid var(--m-encre) !important; }
html body .product-miniature .add-to-cart:hover { background: var(--m-encre) !important; color: #fff !important; }
html body .product-flag.discount, html body .product-flag.on-sale, html body .discount-percentage { background: var(--m-encre) !important; color: #fff !important; border-radius: 0 !important; }

/* Engagements : filets fins, icônes encre */
html body .block_id_5 .row { border-top: 1px solid var(--m-filet); border-bottom: 1px solid var(--m-filet); margin: 0 0 56px; }
html body .block_id_5 [class^="feature"] { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 26px 8px !important; }
html body .block_id_5 [class^="feature"] .fa { background: transparent !important; border: 0 !important; color: var(--m-or) !important; width: auto !important; height: auto !important; font-size: 22px !important; }
html body .block_id_5 [class^="feature"] a { color: var(--m-encre) !important; font-weight: 400 !important; }

/* Blocs, colonne gauche, panneaux : blanc net, filet */
html body #left-column .column-block, html body #left-column .left-categories, html body .light-box-bg, html body .card, html body .cart-summary,
html body .products-selection, html body .category-description, html body .block-category, html body .zdp-sugg, html body .blockreassurance_product,
html body .brand-container, html body .zdp-bl-lien, html body .zdp-bp-item, html body .zdp-mm-rub {
  background: #fff !important; border: 1px solid var(--m-filet) !important; border-radius: 0 !important; box-shadow: none !important;
}
html body .zdp-bp, html body .banner4 .background { background: var(--m-sable) !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; }
html body .banner4 h2, html body .banner4 h2 span { color: var(--m-encre) !important; }
html body .banner4 a.btn, html body .banner4 a.btn * { color: var(--m-encre) !important; border-color: var(--m-encre) !important; }

/* Menu mobile : encre */
html body .zdp-mm-chev { background: var(--m-encre) !important; }
html body .zdp-mm-nom { color: var(--m-encre) !important; }
html body .zdp-mm-pill:hover, html body .zdp-mm-pill:active { background: var(--m-encre) !important; border-color: var(--m-encre) !important; }
html body .st-menu { background: var(--m-ivoire) !important; }

/* Pied de page : sable, encre */
html body #footer, html body #footer .footer-main, html body #footer .footer-top { background: var(--m-sable) !important; background-image: none !important; border-top: 1px solid var(--m-filet) !important; }
html body #footer .footer-bottom { background: #ebe4dc !important; }
html body #footer h3, html body #footer h4, html body #footer .h4, html body #footer .block-title, html body #footer .title { color: var(--m-encre) !important; }
html body #footer .btn, html body #footer button[type="submit"] { background: var(--m-encre) !important; }

/* Fiche produit : incitations discrètes */
.zdp-fp-stock { margin: 12px 0 0; font: 500 13px var(--m-sans); color: var(--m-bordeaux); }
.zdp-fp-stock:before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--m-bordeaux); vertical-align: 1px; }
.zdp-fp-atouts { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--m-filet); list-style: none; }
.zdp-fp-atouts li { font: 400 12.5px var(--m-sans); color: var(--m-gris); }
.zdp-fp-atouts li:before { content: ""; display: inline-block; width: 10px; height: 1px; margin: 0 8px 4px 0; background: var(--m-or); }
.zdp-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; display: flex; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--m-filet);
  transform: translateY(110%); transition: transform .3s ease; }
.zdp-sticky.visible { transform: none; }
.zdp-sticky-info { flex: 1; min-width: 0; }
.zdp-sticky-nom { display: block; font: 500 15px var(--m-serif); color: var(--m-encre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zdp-sticky-prix { display: block; font: 600 13px var(--m-sans); color: var(--m-encre); }
.zdp-sticky-btn { flex: none; padding: 13px 18px; background: var(--m-encre); color: #fff; border: 0; border-radius: 2px; font: 500 11px var(--m-sans); letter-spacing: .16em; text-transform: uppercase; }
@media (min-width: 992px) { .zdp-sticky { display: none; } }

@media (max-width: 767px) {
  html body .zdp-hero { padding: 34px 20px !important; margin-bottom: 36px !important; }
  html body .zdp-hero-title { font-size: 38px !important; }
  html body .block_id_5 [class^="feature"] { padding: 16px 8px !important; }
}

/* Bordeaux profond + or (2026-10-09) */
html body #header .header-banner, html body .header-event-banner-wrapper, html body .header-event-banner { background: linear-gradient(90deg, #2a0610, #4a0d1c 50%, #2a0610) !important; }
html body #header .header-banner, html body #header .header-banner * { color: #ecd9b4 !important; }
html body .anav-top .amenu-link { color: var(--m-texte) !important; }
html body .anav-top .amenu-link::after { background: var(--m-or) !important; }
html body #footer a, html body #footer p, html body #footer li { color: var(--m-texte) !important; }
html body .zdp-hero-kicker, html body .zdp-univers-lien { color: var(--m-or) !important; }
html body .btn-primary, html body #product .add-to-cart, html body .zdp-btn-plein, html body .zdp-sticky-btn { box-shadow: inset 0 -2px 0 rgba(184, 149, 90, .55) !important; }
.zdp-sticky-btn { background: var(--m-encre); }
.zdp-fp-stock { color: var(--m-encre); }

/* ===== Guide des tailles & Complétez votre tenue (2026-10-09) ===== */
.zdp-tailles-lien { display: inline-block; margin: 2px 0 14px; padding: 0; background: none; border: 0; border-bottom: 1px solid var(--m-or); color: var(--m-encre); font: 500 12px var(--m-sans); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.zdp-tailles-lien:before { content: "📏 "; }
.zdp-tailles { width: min(680px, calc(100vw - 24px)); max-height: calc(100vh - 40px); padding: 30px 28px 22px; border: 1px solid var(--m-filet); border-radius: 4px; background: var(--m-ivoire); color: var(--m-texte); }
.zdp-tailles::backdrop { background: rgba(43, 26, 31, .45); }
.zdp-tailles-fermer { position: absolute; top: 8px; right: 12px; border: 0; background: none; font-size: 28px; line-height: 1; color: var(--m-encre); cursor: pointer; }
.zdp-tailles-kicker { margin: 0 0 4px; font: 500 10.5px var(--m-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--m-or); }
.zdp-tailles-titre { margin: 0 0 16px; font: 600 30px var(--m-serif); color: var(--m-encre); }
.zdp-tailles table { width: 100%; border-collapse: collapse; font: 400 13.5px var(--m-sans); margin-bottom: 12px; }
.zdp-tailles th { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--m-encre); font-weight: 600; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--m-encre); }
.zdp-tailles td { padding: 8px 6px; border-bottom: 1px solid var(--m-filet); }
.zdp-tailles td:first-child { font-weight: 600; color: var(--m-encre); }
.zdp-tailles-note { margin: 0 0 10px; font: 400 13px/1.6 var(--m-sans); color: var(--m-gris); }
.zdp-tailles-note a { color: var(--m-encre); text-decoration: underline; text-decoration-color: var(--m-or); }
@media (max-width: 575px) { .zdp-tailles { padding: 24px 14px 16px; } .zdp-tailles table { font-size: 12px; } .zdp-tailles th, .zdp-tailles td { padding: 6px 3px; } }

.zdp-cpl { margin: 34px 0 30px; padding: 28px 0 0; border-top: 1px solid var(--m-filet); }
.zdp-cpl-titre { margin: 0 0 18px; font: 500 28px var(--m-serif); color: var(--m-encre); text-align: center; }
.zdp-cpl-grille { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.zdp-cpl-item { display: flex; flex-direction: column; text-align: center; }
.zdp-cpl-img { display: block; background: #fff; border: 1px solid var(--m-filet); }
.zdp-cpl-img img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.zdp-cpl-nom { flex: 1; margin: 10px 4px 4px; font: 500 15.5px/1.25 var(--m-serif); color: var(--m-texte) !important; text-decoration: none !important; }
.zdp-cpl-prix { margin: 0 0 8px; font: 500 14px var(--m-sans); color: var(--m-encre); }
.zdp-cpl-prix s { color: var(--m-gris); font-weight: 400; font-size: 12.5px; margin-left: 4px; }
.zdp-cpl-add { display: block; margin: 0 auto; padding: 9px 18px; border: 1px solid var(--m-encre); border-radius: 2px; background: transparent; color: var(--m-encre) !important; font: 500 10.5px var(--m-sans); letter-spacing: .16em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; }
.zdp-cpl-add:hover { background: var(--m-encre); color: #fff !important; }
@media (max-width: 767px) { .zdp-cpl-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .zdp-cpl-titre { font-size: 24px; } }

/* ===== Fenêtre newsletter : texte à gauche, photo à droite (2026-10-10) ===== */
html body #aone-popup-newsletter-modal .modal-dialog { max-width: 780px !important; width: calc(100% - 24px) !important; margin: 6vh auto !important; }
html body #aone-popup-newsletter-modal .modal-content { border: 0 !important; border-radius: 4px !important; overflow: hidden; box-shadow: 0 30px 70px rgba(43, 26, 31, .28) !important; background: var(--m-ivoire) !important; }
html body #aone-popup-newsletter-modal .modal-body { padding: 0 !important; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter { min-height: 520px; background: var(--m-ivoire) !important; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter .popup-background {
  display: block !important; left: auto !important; right: 0 !important; top: 0 !important; width: 44% !important; height: 100% !important; z-index: 0 !important;
  background: #f2ede7 url('/8115-large_default/robe-longue-transparente-v-10679-axami.jpg') 50% 18% / cover no-repeat !important;
}
html body #aone-popup-newsletter-modal .aone-popupnewsletter .popup-content { position: relative; z-index: 1; max-width: 56% !important; padding: 34px 34px 56px !important; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter button.close {
  top: 12px !important; right: 12px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important;
  background: rgba(255, 255, 255, .92) !important; color: var(--m-encre) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); z-index: 5; display: flex !important; align-items: center; justify-content: center; opacity: 1 !important;
}
html body #aone-popup-newsletter-modal .aone-popupnewsletter button.close i { color: var(--m-encre) !important; font-size: 18px !important; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter .noshow { left: 34px !important; bottom: 18px !important; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter .noshow a { font-size: 11px !important; letter-spacing: .1em; }
html body #aone-popup-newsletter-modal .aone-popupnewsletter .btn, html body #aone-popup-newsletter-modal .aone-popupnewsletter button[type="submit"] { background: var(--m-encre) !important; border-radius: 2px !important; }
@media (max-width: 767px) {
  html body #aone-popup-newsletter-modal .aone-popupnewsletter { min-height: 0; }
  html body #aone-popup-newsletter-modal .aone-popupnewsletter .popup-background { position: relative !important; display: block !important; width: 100% !important; height: 130px !important; background-position: 50% 20% !important; }
  html body #aone-popup-newsletter-modal .aone-popupnewsletter .popup-content { max-width: 100% !important; padding: 22px 20px 54px !important; }
  html body #aone-popup-newsletter-modal .aone-popupnewsletter .noshow { left: 20px !important; }
}

/* ===== Méga-menu ordinateur : même style que le menu mobile ===== */
html body .anav-top .adropdown {
  background: var(--m-ivoire) !important; border: 0 !important; border-top: 1px solid var(--m-filet) !important;
  box-shadow: 0 24px 40px rgba(43, 26, 31, .12) !important; border-radius: 0 0 4px 4px !important; padding: 26px 30px 22px !important;
}
html body .anav-top .acategory-content .category-title, html body .anav-top .acategory-content .category-title a {
  font: 600 11px var(--m-sans) !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: var(--m-or) !important; margin-bottom: 12px !important;
}
html body .anav-top .acategory-content .category-title a:after { content: " ›"; }
html body .anav-top .acategory-content .category-subs { display: flex !important; flex-wrap: wrap; gap: 7px; padding: 0 !important; margin: 0 !important; }
html body .anav-top .acategory-content .category-subs li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
html body .anav-top .acategory-content .category-subs li a:before, html body .anav-top .acategory-content .category-subs li a:after { display: none !important; content: none !important; }
html body .anav-top .acategory-content .category-subs li a {
  display: inline-block !important; padding: 7px 13px !important; border-radius: 999px !important; background: #fff !important;
  border: 1px solid rgba(77, 6, 22, .16) !important; color: var(--m-texte) !important; font: 500 13px var(--m-sans) !important;
  letter-spacing: 0 !important; text-transform: none !important; transition: background .2s, color .2s, border-color .2s;
}
html body .anav-top .acategory-content .category-subs li a:hover { background: var(--m-encre) !important; border-color: var(--m-encre) !important; color: #fff !important; }

/* ===== Bandeau cookies : petite carte discrète en bas à gauche (2026-10-10) ===== */
html body .cookie-message {
  left: 20px !important; right: auto !important; bottom: 20px !important; top: auto !important; width: 380px !important; max-width: calc(100vw - 32px) !important;
  background: var(--m-ivoire) !important; border: 1px solid var(--m-filet) !important; border-radius: 6px !important;
  box-shadow: 0 18px 40px rgba(43, 26, 31, .16) !important; padding: 18px 20px 16px !important; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body .cookie-message .cookie-message-wrapper, html body .cookie-message .cookie-message-content, html body .cookie-message .cookie-message-buttons {
  display: block !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; text-align: left !important; flex: none !important;
}
html body .cookie-message, html body .cookie-message * { color: var(--m-texte) !important; font-family: var(--m-sans) !important; }
html body .cookie-message *:not(.cookie-close-button) { background: transparent !important; box-shadow: none !important; }
html body .cookie-message p { margin: 0 0 6px !important; font-size: 12.5px !important; line-height: 1.55 !important; }
html body .cookie-message .zdp-ck-titre { font: 600 18px var(--m-serif) !important; color: var(--m-encre) !important; margin-bottom: 6px !important; }
html body .cookie-message a { color: var(--m-encre) !important; text-decoration: underline; text-decoration-color: var(--m-or); }
html body .cookie-message .cookie-message-buttons { display: flex !important; gap: 8px; margin-top: 12px !important; }
html body .cookie-message .cookie-close-button {
  flex: 1; margin: 0 !important; padding: 10px 12px !important; border-radius: 2px !important; font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: .14em !important; text-transform: uppercase; background: var(--m-encre) !important; color: #fff !important; border: 1px solid var(--m-encre) !important; box-shadow: none !important;
}
html body .cookie-message .cookie-close-button.cookie-refuse-button { background: transparent !important; color: var(--m-encre) !important; border: 1px solid rgba(74, 13, 28, .4) !important; }
@media (max-width: 575px) { html body .cookie-message { left: 12px !important; bottom: 12px !important; width: auto !important; right: 12px !important; } }