/* =========================================================================
   REFONTE 2026 — Papier d'Arménie
   Méga-menu full-width + home éditoriale. Toutes classes préfixées .pdaref-
   Direction visuelle "Tadé" : vert #b4b89c, pas de noir, écriture large,
   AdobeCaslonPro-SemiBoldItalic (fallback EB Garamond).
   Développé par Agency Inside.
   ========================================================================= */

.pdaref-nav,
.pdaref-nav *,
.pdaref-home,
.pdaref-home *{box-sizing:border-box}

/* Variables (scopées pour ne pas polluer le thème) */
.pdaref-nav,.pdaref-home{
  --pdaref-green:#b4b89c;
  --pdaref-green-lt:#c9ccb8;
  --pdaref-green-dk:#5a5e4a;
  --pdaref-gold:#F8D960;
  --pdaref-red:#8B1A1A;
  --pdaref-cream:#FAF7F0;
  --pdaref-black:#1a1a1a;
  --pdaref-gray:#6B6560;
  --pdaref-border:#E8E6E0;
  --pdaref-max:1400px;
  --pdaref-serif:'AdobeCaslonPro-SemiBoldItalic','EB Garamond',Georgia,serif;
  --pdaref-sans:'Jost',system-ui,sans-serif;
}

/* Activer la vraie police de marque : déposer les .woff2 puis décommenter
@font-face{
  font-family:'AdobeCaslonPro-SemiBoldItalic';
  src:url('../fonts/AdobeCaslonPro-SemiBoldItalic.woff2') format('woff2');
  font-weight:600;font-style:italic;font-display:swap;
}
*/

/* =========================================================================
   MÉGA-MENU
   ========================================================================= */
.pdaref-nav{
  background:var(--pdaref-gold);
  position:sticky;top:0;z-index:200;
  font-family:var(--pdaref-sans);
}
.pdaref-nav__inner{
  max-width:var(--pdaref-max);margin:0 auto;
  display:flex;align-items:stretch;justify-content:center;
}
.pdaref-item{position:static;display:flex;align-items:center}
.pdaref-item__label{
  display:flex;align-items:center;height:52px;padding:0 26px;
  font-size:16px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--pdaref-black);text-decoration:none;white-space:nowrap;
  position:relative;cursor:pointer;
}
.pdaref-item__label::after{
  content:'';position:absolute;left:26px;right:26px;bottom:0;height:2px;
  background:var(--pdaref-black);transform:scaleX(0);transition:transform .25s ease;
}
.pdaref-item:hover .pdaref-item__label::after,
.pdaref-item.is-open .pdaref-item__label::after{transform:scaleX(1)}

/* Panneau full-width bord à bord (technique translateX validée) */
.pdaref-mega{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  width:100vw;background:#fff;
  border-top:3px solid var(--pdaref-gold);
  box-shadow:0 24px 60px rgba(0,0,0,.10);
  display:none;z-index:400;
}
.pdaref-item:hover .pdaref-mega,
.pdaref-item.is-open .pdaref-mega{display:block}
.pdaref-mega__inner{
  max-width:var(--pdaref-max);margin:0 auto;display:flex;
}
.pdaref-mega__inner--col{flex-direction:column}
.pdaref-mega__links{
  flex:0 0 340px;padding:44px 44px 44px 0;border-right:1px solid var(--pdaref-border);
}
.pdaref-mega__cat{
  font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;
  color:var(--pdaref-gray);margin-bottom:14px;
}
.pdaref-link{
  display:block;padding:8px 0;
  font-family:var(--pdaref-serif);font-size:26px;font-weight:400;font-style:italic;
  color:var(--pdaref-black);text-decoration:none;transition:color .15s;
}
.pdaref-link:hover{color:var(--pdaref-red)}

/* Cartes éditoriales (2 visuels) */
.pdaref-mega__edito{flex:1;display:grid;grid-template-columns:1fr 1fr}
.pdaref-ed{
  display:flex;flex-direction:column;text-decoration:none;
  padding:44px 40px;transition:background .2s;
}
.pdaref-ed+.pdaref-ed{border-left:1px solid var(--pdaref-border)}
.pdaref-ed:hover{background:var(--pdaref-cream)}
.pdaref-ed--wide{grid-column:1/-1;flex-direction:row;gap:32px;align-items:center}
.pdaref-ed__img{
  height:200px;background-size:cover;background-position:center;
  margin-bottom:20px;background-color:#F0EDE8;
}
.pdaref-ed--wide .pdaref-ed__img{flex:0 0 45%;height:220px;margin-bottom:0}
.pdaref-ed__img--contain{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#EDEDE4}
.pdaref-ed__img--split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#EDEDE4}
.pdaref-ed__img--split span{display:block;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#F0EDE8}
.pdaref-ed__body{display:flex;flex-direction:column;flex:1}
.pdaref-ed__eye{
  font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--pdaref-gray);margin-bottom:8px;
}
.pdaref-ed__title{
  font-family:var(--pdaref-serif);font-size:24px;font-weight:500;font-style:italic;
  color:var(--pdaref-black);line-height:1.2;margin-bottom:12px;
  white-space:normal;overflow-wrap:break-word;
}
.pdaref-ed__link{
  font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  color:var(--pdaref-red);margin-top:auto;
}

/* L'Univers : 2 colonnes de liens + 2 visuels dessous */
.pdaref-mega__cols{
  display:grid;grid-template-columns:1fr 1fr;gap:0 60px;
  padding:44px 0 32px;border-bottom:1px solid var(--pdaref-border);
}
.pdaref-mega__visuals{display:grid;grid-template-columns:1fr 1fr;gap:2px;height:260px;background:var(--pdaref-border)}
.pdaref-visual{
  position:relative;background-size:cover;background-position:center;
  text-decoration:none;display:flex;align-items:flex-end;
}
.pdaref-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}
.pdaref-visual__label{
  position:relative;z-index:2;padding:20px 24px;color:#fff;
  font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
}

/* Langue : les classes GTranslate .france/.english/.espagnol/.coreen sont
   affichées/masquées par le CSS du thème (html[lang^="xx"]). On force
   l'affichage inline-cohérent dans le méga-menu. */
.pdaref-nav .france,.pdaref-nav .english,.pdaref-nav .espagnol,.pdaref-nav .coreen{display:inline}

/* =========================================================================
   HOME REFONTE
   ========================================================================= */
.pdaref-home{font-family:var(--pdaref-sans);color:var(--pdaref-black);line-height:1.7}
/* La home refonte s'affiche dans #content .col-full du thème (largeur contrainte).
   On la fait sortir en pleine largeur (full-bleed) pour retrouver le rendu maquette. */
.pdaref-home{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
/* Neutralise les contraintes du conteneur thème autour de la home. */
.pdaref-home-active #content .col-full{max-width:none;padding:0;margin:0}
.pdaref-home-active #content{padding:0}
.pdaref-home-active .site-content{padding-top:0}

.pdaref-wrap{max-width:var(--pdaref-max);margin:0 auto;padding:0 80px}
.pdaref-rule{display:block;width:100%;height:1px;background:var(--pdaref-gold)}

/* Hero */
.pdaref-hero{position:relative;height:560px;overflow:hidden;display:flex;align-items:center}
.pdaref-hero__slider{position:absolute;inset:0;z-index:0}
.pdaref-hero__slider .slick-list,.pdaref-hero__slider .slick-track{height:100%}
.pdaref-hero__img{position:absolute;inset:0;height:560px;background-size:cover;background-position:center 30%}
/* En mode slider (multi), chaque slide occupe la largeur ; Slick gère l'empilement */
.pdaref-hero__slider--multi .pdaref-hero__img{position:relative;width:100%}
.pdaref-hero__slider .slick-dots{position:absolute;bottom:20px;left:60px;width:auto;z-index:3}
.pdaref-hero__slider .slick-dots li button:before{color:#fff;opacity:.6;font-size:9px}
.pdaref-hero__slider .slick-dots li.slick-active button:before{color:var(--pdaref-gold);opacity:1}
.pdaref-hero__img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.4),transparent 65%)}
.pdaref-hero__content{position:relative;z-index:2;padding:0 60px;max-width:640px;color:#fff}
/* Encart focus (bas droite du hero) */
.pdaref-hero__focus{position:absolute;z-index:3;right:60px;bottom:56px;width:420px;max-width:46%;background:var(--pdaref-cream);border-top:3px solid var(--pdaref-gold);padding:38px 44px 34px;text-align:center;text-decoration:none;color:var(--pdaref-black);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.pdaref-hero__focus-eye{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--pdaref-gray);margin-bottom:16px}
.pdaref-hero__focus-title{font-family:var(--pdaref-serif);font-style:italic;font-size:30px;line-height:1.2;margin-bottom:14px}
.pdaref-hero__focus-tags{font-size:16px;color:var(--pdaref-gray);margin-bottom:20px}
.pdaref-hero__focus-cta{display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--pdaref-black);border-bottom:2px solid var(--pdaref-gold);padding-bottom:3px}
.pdaref-hero__eye{font-size:15px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;margin-bottom:18px}
.pdaref-hero__title{font-family:var(--pdaref-serif);font-size:72px;font-weight:400;font-style:italic;line-height:1.05;margin:0 0 28px}
.pdaref-hero__cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 34px;border:1px solid #fff;color:#fff;text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;transition:all .2s;
}
.pdaref-hero__cta:hover{background:var(--pdaref-green);border-color:var(--pdaref-green);color:var(--pdaref-black)}

/* Baseline */
.pdaref-baseline{background:var(--pdaref-green);padding:64px 60px;text-align:center}
.pdaref-baseline__title{font-size:15px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--pdaref-black);margin-bottom:22px}
.pdaref-baseline__quote{font-family:var(--pdaref-serif);font-size:26px;font-style:italic;line-height:1.7;max-width:900px;margin:0 auto;color:var(--pdaref-black)}

/* Sections produits */
.pdaref-section{padding:72px 0}
.pdaref-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px}
.pdaref-section__title{font-family:var(--pdaref-serif);font-size:44px;font-weight:400;font-style:italic;margin:0}
.pdaref-section__link{font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--pdaref-black);text-decoration:none;border-bottom:2px solid var(--pdaref-gold);padding-bottom:2px}
.pdaref-products{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pdaref-border)}
.pdaref-products--3{grid-template-columns:repeat(3,1fr)}
.pdaref-p{background:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background .2s}
.pdaref-p:hover{background:var(--pdaref-cream)}
.pdaref-p__img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#F5F2EC;padding:24px}
.pdaref-p__img img{max-width:100%;height:auto;mix-blend-mode:multiply}
.pdaref-p__body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.pdaref-p__name{font-family:var(--pdaref-serif);font-size:27px;font-weight:400;font-style:italic;line-height:1.15;margin-bottom:16px;min-height:2.3em;display:flex;align-items:flex-start;justify-content:center;text-align:center}
.pdaref-p__foot{margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pdaref-p__price{font-size:19px;font-weight:500;color:var(--pdaref-black);white-space:nowrap;flex:0 0 auto}
.pdaref-p__price del{color:var(--pdaref-gray);font-weight:300;margin-right:6px}
.pdaref-p__btn{flex:0 0 auto;padding:11px 18px;background:var(--pdaref-black);color:#fff;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;transition:background .2s;white-space:nowrap}
.pdaref-p__btn:hover{background:var(--pdaref-red)}

/* Rituel (section verte) */
.pdaref-ritual{background:var(--pdaref-green)}
.pdaref-ritual__grid{max-width:var(--pdaref-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 60px}
.pdaref-ritual__eye{font-size:15px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--pdaref-red);margin-bottom:20px}
.pdaref-ritual__title{font-family:var(--pdaref-serif);font-size:44px;font-style:italic;font-weight:400;line-height:1.1;margin:0 0 26px}
.pdaref-ritual__steps{list-style:none;margin:0 0 30px;padding:0}
.pdaref-ritual__steps li{font-size:20px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.75)}
.pdaref-ritual__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border:1px solid var(--pdaref-black);color:var(--pdaref-black);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.pdaref-ritual__img{height:440px;background-size:cover;background-position:center}

/* Blocs éditoriaux */
.pdaref-edito{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--pdaref-border)}
.pdaref-eb{display:flex;background:#fff;text-decoration:none;color:inherit;transition:background .2s}
.pdaref-eb:hover{background:var(--pdaref-cream)}
.pdaref-eb--full{grid-column:1/-1;background:var(--pdaref-green)}
.pdaref-eb--full:hover{background:var(--pdaref-green-lt)}
.pdaref-eb__img{flex:0 0 46%;background-size:cover;background-position:center;min-height:260px}
.pdaref-eb--full .pdaref-eb__img{flex:0 0 54%;min-height:340px}
.pdaref-eb__body{flex:1;padding:36px 40px;display:flex;flex-direction:column;justify-content:center}
.pdaref-eb__eye{font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--pdaref-gray);margin-bottom:12px}
.pdaref-eb--full .pdaref-eb__eye{color:var(--pdaref-red)}
.pdaref-eb__title{font-family:var(--pdaref-serif);font-size:28px;font-style:italic;font-weight:400;line-height:1.2;margin:0 0 12px}
.pdaref-eb--full .pdaref-eb__title{font-size:34px}
.pdaref-eb__text{font-size:15px;color:var(--pdaref-gray);line-height:1.7;margin:0 0 18px}
.pdaref-eb--full .pdaref-eb__text{color:rgba(0,0,0,.65)}
.pdaref-eb__link{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--pdaref-red);align-self:flex-start;border-bottom:2px solid var(--pdaref-gold);padding-bottom:2px}

/* Instagram */
.pdaref-insta{padding:70px 60px;text-align:center}
.pdaref-insta__title{font-family:var(--pdaref-serif);font-size:34px;font-style:italic;margin:0 0 6px}
.pdaref-insta__handle{font-size:15px;color:var(--pdaref-gray);margin-bottom:34px}
.pdaref-insta__handle a{color:var(--pdaref-black);border-bottom:1px solid var(--pdaref-gold)}
.pdaref-insta__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--pdaref-border);max-width:var(--pdaref-max);margin:0 auto}
.pdaref-insta__tile{aspect-ratio:1;background-size:cover;background-position:center}

/* Newsletter */
.pdaref-nl{border-top:1px solid var(--pdaref-gold);border-bottom:1px solid var(--pdaref-gold);padding:70px 60px;text-align:center;background:#fff}
.pdaref-nl__title{font-family:var(--pdaref-serif);font-size:34px;font-style:italic;margin:0 0 8px}
.pdaref-nl__sub{font-size:15px;color:var(--pdaref-gray);margin-bottom:30px}
.pdaref-nl__embed{max-width:560px;margin:0 auto}
.pdaref-nl__embed iframe{width:100%;border:0}


/* =========================================================================
   TUILES CATÉGORIES
   ========================================================================= */
.pdaref-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--pdaref-border)}
.pdaref-cat{position:relative;min-height:420px;display:flex;align-items:flex-end;text-decoration:none;color:#fff;background-size:cover;background-position:center;overflow:hidden}
.pdaref-cat--contain{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#EDEAE2}
.pdaref-cat::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,transparent 55%);transition:background .3s}
.pdaref-cat:hover::after{background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 60%)}
.pdaref-cat--contain::after{background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 45%)}
.pdaref-cat__body{position:relative;z-index:2;padding:24px 22px;width:100%}
.pdaref-cat__name{font-family:var(--pdaref-serif);font-size:30px;font-style:italic;font-weight:400;line-height:1.2}
.pdaref-cat__sub{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-top:4px}
.pdaref-cat--contain .pdaref-cat__name,.pdaref-cat--contain .pdaref-cat__sub{color:var(--pdaref-black)}
.pdaref-cat__pip{position:absolute;top:16px;right:16px;z-index:3;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;background:var(--pdaref-gold);color:var(--pdaref-black);padding:4px 10px}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:1024px){
  .pdaref-products{grid-template-columns:repeat(2,1fr)}
  .pdaref-cats{grid-template-columns:repeat(3,1fr)}
  .pdaref-ritual__grid{grid-template-columns:1fr;gap:32px}
  .pdaref-hero__title{font-size:54px}
}

/* =========================================================================
   MÉGA-MENU ACTIF : masque l'ancienne navigation du thème
   (appliqué seulement quand body.pdaref-megamenu-on est présent)
   ========================================================================= */
body.pdaref-megamenu-on .main-navigation,
body.pdaref-megamenu-on #menu-shop-temp,
body.pdaref-megamenu-on .secondary-navigation{
  display:none !important;
}
/* Le méga-menu prend toute la largeur sous le header */
body.pdaref-megamenu-on .pdaref-nav{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}

@media (max-width:768px){
  /* Le méga-menu desktop est masqué : le thème garde son menu burger mobile existant */
  .pdaref-nav{display:none}
  .pdaref-products,.pdaref-products--3{grid-template-columns:1fr 1fr}
  .pdaref-cats{grid-template-columns:1fr 1fr}
  .pdaref-edito{grid-template-columns:1fr}
  .pdaref-eb,.pdaref-eb--full{flex-direction:column}
  .pdaref-eb__img,.pdaref-eb--full .pdaref-eb__img{flex:none;width:100%;min-height:220px}
  .pdaref-insta__grid{grid-template-columns:repeat(3,1fr)}
  .pdaref-hero__title{font-size:40px}
  .pdaref-hero{height:auto;min-height:420px;overflow:visible;display:block;position:relative}
  .pdaref-hero__slider{position:absolute;inset:0 0 auto 0;height:420px;z-index:0}
  .pdaref-hero__img{height:420px}
  .pdaref-hero__content{position:relative;z-index:2;padding:300px 24px 30px}
  .pdaref-hero__focus{position:relative;z-index:2;right:auto;bottom:auto;width:auto;max-width:none;margin:0 24px 24px}
}


/* ==========================================================================
   REFONTE 2026 — AJOUTS : Nouveautés + Bandeau presse
   À COLLER À LA FIN de assets/css/refonte-2026.css
   (ne pas créer un fichier séparé : l'enqueue avec filemtime() ne porte
   que sur refonte-2026.css)

   Toutes les classes sont préfixées .pdaref- — aucune collision Storefront.
   Développé par Agency Inside.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. SECTION NOUVEAUTÉS
   -------------------------------------------------------------------------- */

.pdaref-nouveautes{
  padding:80px 0;
  background:var(--pdaref-cream,#FAFAF4);
}

.pdaref-nouveautes__inner{
  max-width:var(--pdaref-max,1400px);
  margin:0 auto;
  padding:0 24px;
}

.pdaref-nouveautes__head{
  text-align:center;
  margin-bottom:48px;
}

.pdaref-nouveautes__title{
  font-family:var(--pdaref-serif);
  font-size:54px;
  line-height:1.1;
  font-weight:600;
  color:var(--pdaref-black,#111);
  margin:0 0 12px;
}

.pdaref-nouveautes__chapo{
  font-family:var(--pdaref-sans);
  font-size:18px;
  letter-spacing:.02em;
  color:var(--pdaref-gray,#6B6560);
  margin:0;
}

/* Grille produits — on force 4 colonnes sans toucher aux styles Storefront
   globaux : tout est scopé sous .pdaref-nouveautes__grid. */
.pdaref-nouveautes__grid ul.products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  margin:0;
  padding:0;
  list-style:none;
}

.pdaref-nouveautes__grid ul.products::before,
.pdaref-nouveautes__grid ul.products::after{
  content:none; /* neutralise les clearfix Storefront */
}

.pdaref-nouveautes__grid ul.products li.product{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  clear:none !important;
  text-align:center;
}

.pdaref-nouveautes__grid ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--pdaref-serif);
  font-size:27px;
  line-height:1.2;
}

.pdaref-nouveautes__grid ul.products li.product .price{
  font-family:var(--pdaref-serif);
  font-size:27px;
}

.pdaref-nouveautes__more{
  text-align:center;
  margin:48px 0 0;
}

.pdaref-btn{
  display:inline-block;
  font-family:var(--pdaref-sans);
  font-size:16px;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--pdaref-black,#111);
  border:1px solid var(--pdaref-black,#111);
  padding:16px 32px;
  transition:background .25s ease,color .25s ease;
}

.pdaref-btn:hover,
.pdaref-btn:focus-visible{
  background:var(--pdaref-black,#111);
  color:var(--pdaref-white,#fff);
}

/* --------------------------------------------------------------------------
   2. BANDEAU PRESSE
   -------------------------------------------------------------------------- */

.pdaref-presse{
  padding:72px 0;
  background:var(--pdaref-green,#b4b89c);
  color:var(--pdaref-white,#fff);
}

.pdaref-presse__inner{
  max-width:var(--pdaref-max,1400px);
  margin:0 auto;
  padding:0 24px;
}

.pdaref-presse__title{
  font-family:var(--pdaref-serif);
  font-size:44px;
  line-height:1.1;
  font-weight:600;
  text-align:center;
  color:var(--pdaref-white,#fff);
  margin:0 0 48px;
}

.pdaref-presse__list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  margin:0;
  padding:0;
  list-style:none;
}

.pdaref-presse__item{margin:0;}

.pdaref-presse__card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  height:100%;
  padding:32px 24px;
  text-align:center;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.08);
  transition:background .25s ease,transform .25s ease;
}

a.pdaref-presse__card:hover,
a.pdaref-presse__card:focus-visible{
  background:rgba(255,255,255,.16);
  transform:translateY(-3px);
}

.pdaref-presse__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  height:60px;
}

.pdaref-presse__logo img{
  max-height:60px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  /* Logos harmonisés : blanc uniforme sur fond vert. */
  filter:brightness(0) invert(1);
  opacity:.9;
  transition:opacity .25s ease;
}

a.pdaref-presse__card:hover .pdaref-presse__logo img{opacity:1;}

.pdaref-presse__logo--text{
  font-family:var(--pdaref-sans);
  font-size:20px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.pdaref-presse__quote{
  margin:0;
  border:0;
  padding:0;
  quotes:none;
}

.pdaref-presse__quote p{
  font-family:var(--pdaref-serif);
  font-style:italic;
  font-size:22px;
  line-height:1.45;
  margin:0;
  color:var(--pdaref-white,#fff);
}

.pdaref-presse__source{
  font-family:var(--pdaref-sans);
  font-style:normal;
  font-size:14px;
  letter-spacing:.1em;
  text-transform:uppercase;
  opacity:.85;
  margin-top:auto;
}

/* --------------------------------------------------------------------------
   3. RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width:1024px){
  .pdaref-nouveautes__grid ul.products{grid-template-columns:repeat(2,1fr);gap:24px;}
  .pdaref-presse__list{grid-template-columns:repeat(2,1fr);gap:24px;}
  .pdaref-nouveautes__title{font-size:42px;}
  .pdaref-presse__title{font-size:36px;}
}

@media (max-width:640px){
  .pdaref-nouveautes{padding:56px 0;}
  .pdaref-presse{padding:56px 0;}
  .pdaref-nouveautes__grid ul.products{grid-template-columns:repeat(2,1fr);gap:16px;}
  .pdaref-presse__list{grid-template-columns:1fr;}
  .pdaref-nouveautes__title{font-size:34px;}
  .pdaref-presse__title{font-size:30px;margin-bottom:32px;}
  .pdaref-presse__quote p{font-size:20px;}
  .pdaref-nouveautes__grid ul.products li.product .woocommerce-loop-product__title,
  .pdaref-nouveautes__grid ul.products li.product .price{font-size:20px;}
}

@media (prefers-reduced-motion:reduce){
  .pdaref-presse__card,
  .pdaref-btn{transition:none;}
  a.pdaref-presse__card:hover{transform:none;}
}

/* ==========================================================================
   CORRECTIFS — 26/08/2026
   1. Langues : masque les variantes inactives hors méga-menu
   2. Logos presse : affichés tels quels sur pastille blanche (option A)
   3. Citations : largeur bornée pour équilibrer les cartes
   ========================================================================== */

/* --- 1. Multilingue ------------------------------------------------------ */

.pdaref-nouveautes .france,
.pdaref-nouveautes .english,
.pdaref-nouveautes .espagnol,
.pdaref-nouveautes .coreen,
.pdaref-presse .france,
.pdaref-presse .english,
.pdaref-presse .espagnol,
.pdaref-presse .coreen{display:none;}

html[lang^="fr"] .pdaref-nouveautes .france,
html[lang^="fr"] .pdaref-presse .france,
html[lang^="en"] .pdaref-nouveautes .english,
html[lang^="en"] .pdaref-presse .english,
html[lang^="es"] .pdaref-nouveautes .espagnol,
html[lang^="es"] .pdaref-presse .espagnol,
html[lang^="ko"] .pdaref-nouveautes .coreen,
html[lang^="ko"] .pdaref-presse .coreen{display:inline;}

html:not([lang]) .pdaref-nouveautes .france,
html:not([lang]) .pdaref-presse .france{display:inline;}

/* --- 2. Logos presse : pastille blanche ---------------------------------- */

.pdaref-presse__logo{
  background:#fff;
  padding:14px 22px;
  border-radius:2px;
  height:auto;
  min-height:60px;
  box-sizing:border-box;
}

.pdaref-presse__logo img{
  filter:none;
  opacity:1;
  max-height:44px;
}

a.pdaref-presse__card:hover .pdaref-presse__logo img{opacity:1;}

.pdaref-presse__logo--text{
  color:var(--pdaref-black,#111);
  display:flex;
  align-items:center;
}

/* --- 3. Citations : largeur bornée --------------------------------------- */

.pdaref-presse__quote p{
  font-size:20px;
  line-height:1.4;
}

@media (min-width:1025px){
  .pdaref-presse__quote{
    max-width:34ch;
    margin-inline:auto;
  }
}

/* ==========================================================================
   HEADER — tout en fixed, empilé
   Ticker  :   0 →  40px
   Header  :  40 → 165px  (bandeau logo, ~125px)
   Nav     : 165 → 217px  (méga-menu, 52px)
   Contenu : à partir de 217px
   Valeurs en dur : recalibrer si la hauteur du header change.
   ========================================================================== */

.pda-ticker{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:2100 !important;
}

.site-header{
  position:fixed !important;
  top:40px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:2000 !important;
}

body.pdaref-megamenu-on .pdaref-nav{
  width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  position:fixed !important;
  top:165px !important;
  z-index:1999 !important;
}

body{
  padding-top:217px !important;
}

@media (max-width:768px){
  /* Le méga-menu est masqué en mobile : ticker + header seulement. */
  body{padding-top:140px !important;}
}

@media (max-width:480px){
  body{padding-top:120px !important;}
}
/* =========================================================================
   11. MÉGA-MENU PLEINE HAUTEUR (desktop)
   Le panneau descend jusqu'au bas du viewport et masque la page.
   ========================================================================= */
:root {
	--pdaref-nav-bottom: 217px;   /* bas de .pdaref-nav — cf. bloc HEADER */
}

@media (min-width: 1025px) {

	body.pdaref-megamenu-on .pdaref-mega {
		position: fixed;
		top: var(--pdaref-nav-bottom);
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		transform: none;
		overflow-y: auto;
	}
}

/* =========================================================================
   REFONTE 2026 — PAPIER D'ARMÉNIE
   CORRECTIF RESPONSIVE MOBILE

   À coller EN FIN de : assets/css/refonte-2026.css
   (la position en fin de fichier garantit la priorité sur les règles
   responsive existantes, sans avoir à les supprimer)

   Agency Inside — août 2026
   ========================================================================= */


/* =========================================================================
   0. ANTI-DÉBORDEMENT HORIZONTAL
   Cause n°1 des sections coupées à droite : un élément en 100vw
   (méga-menu, ticker) qui élargit le document sous 1024px.
   ========================================================================= */
@media (max-width: 1024px) {

	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.pdaref-home-active #content,
	.pdaref-home-active .site-content,
	.pdaref-home-active .col-full {
		max-width: 100% !important;
		overflow-x: hidden;
	}

	/* Aucun bloc de la refonte ne doit dépasser le viewport */
	.pdaref-home-active [class^="pdaref-"],
	.pdaref-home-active [class*=" pdaref-"] {
		max-width: 100%;
	}

	/* Les éléments "bord à bord" repassent en 100% au lieu de 100vw */
	.pdaref-mega,
	.pdaref-mega__inner,
	.pda-ticker,
	.pdaref-ticker {
		width: 100% !important;
		left: 0 !important;
		transform: none !important;
	}

	/* Images et médias jamais plus larges que leur conteneur */
	.pdaref-home-active img,
	.pdaref-home-active iframe,
	.pdaref-home-active video {
		max-width: 100%;
		height: auto;
	}
}


/* =========================================================================
   1. NAVIGATION / MÉGA-MENU
   Sous 1024px, la navigation burger native du thème prend le relais.
   ========================================================================= */
@media (max-width: 1024px) {

	.pdaref-nav,
	.pdaref-mega {
		display: none !important;
	}

	/* La nav Storefront masquée par .pdaref-megamenu-on doit revenir */
	body.pdaref-megamenu-on .storefront-primary-navigation,
	body.pdaref-megamenu-on .main-navigation,
	body.pdaref-megamenu-on .menu-toggle {
		display: block !important;
	}

	/* Le sélecteur de langue autonome repasse dans le flux */
	.pdaref-lang {
		position: static !important;
		left: auto !important;
		top: auto !important;
		margin: 8px 0 0 20px;
	}
}


/* =========================================================================
   2. HERO
   La carte "Nouveauté" passe sous le visuel, en pleine largeur.
   ========================================================================= */
@media (max-width: 1024px) {

	.pdaref-hero {
		height: auto !important;
		min-height: 0 !important;
		display: block !important;
		position: relative;
		overflow: visible !important;
	}

	/* CORRECTIF SLIDER — ne JAMAIS poser width ni inset en !important sur
	   .slick-track / .slick-slide. Le slider tourne en mode fade : Slick
	   superpose les slides via un left négatif inline (left:-414px) et pose
	   les largeurs calculées. Un !important en feuille écrase ces valeurs
	   inline : les slides se rangent côte à côte, sortent de .slick-list
	   (overflow hidden) et les slides 2+ apparaissent blanches.
	   Seuls .pdaref-hero__slider et .pdaref-hero__img sont absolus dans le
	   CSS de base : eux seuls ont besoin d'être remis dans le flux. */
	.pdaref-hero__slider {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 420px !important;
	}

	.pdaref-hero__slider .slick-list {
		width: 100% !important;
		height: 420px !important;
	}

	/* hauteur seule : aucune contrainte de largeur ni de position */
	.pdaref-hero__slider .slick-track,
	.pdaref-hero__slider .slick-slide,
	.pdaref-hero__slider .slick-slide > div {
		height: 420px !important;
	}

	.pdaref-hero__img {
		position: relative !important;
		inset: auto !important;
		height: 420px !important;
		width: 100% !important;
		background-position: center 35%;
	}

	/* Le texte du hero se superpose au visuel */
	.pdaref-hero__content {
		position: absolute !important;
		z-index: 3;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		padding: 0 24px 34px !important;
		box-sizing: border-box;
	}

	.pdaref-hero__title {
		font-size: clamp(34px, 9vw, 46px) !important;
		line-height: 1.1 !important;
		margin: 0 0 20px !important;
	}

	.pdaref-hero__eye,
	.pdaref-hero__kicker {
		font-size: 12px !important;
		letter-spacing: 2px !important;
	}

	.pdaref-hero__cta,
	.pdaref-hero .pdaref-btn {
		display: inline-block;
		font-size: 12px !important;
		letter-spacing: 1.6px !important;
		padding: 14px 20px !important;
	}

	/* Carte "Nouveauté" : sort du positionnement absolu */
	.pdaref-hero__focus,
	.pdaref-hero__card {
		position: static !important;
		right: auto !important;
		left: auto !important;
		top: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 30px 24px !important;
		text-align: center;
		box-sizing: border-box;
	}

	.pdaref-hero__focus .pdaref-hero__focus-title,
	.pdaref-hero__card h3 {
		font-size: 26px !important;
		line-height: 1.25 !important;
	}

	/* Puces du slider Slick recentrées */
	.pdaref-hero__slider .slick-dots {
		left: 0 !important;
		right: 0;
		width: 100% !important;
		text-align: center;
		bottom: 12px !important;
	}
}

@media (max-width: 600px) {

	.pdaref-hero__slider,
	.pdaref-hero__slider .slick-list,
	.pdaref-hero__slider .slick-track,
	.pdaref-hero__slider .slick-slide,
	.pdaref-hero__slider .slick-slide > div,
	.pdaref-hero__img {
		height: 360px !important;
	}
}


/* =========================================================================
   3. EN-TÊTES DE SECTION (titre + lien "Voir tout")
   Passage en pile verticale, le lien sous le titre.
   Remplacez le sélecteur générique par votre classe réelle si besoin.
   ========================================================================= */
@media (max-width: 782px) {

	.pdaref-home-active [class*="pdaref-"][class*="head"],
	.pdaref-shead,
	.pdaref-sec__head,
	.pdaref-section__head {
		display: block !important;
		text-align: left !important;
		padding: 0 24px !important;
		margin-bottom: 26px !important;
	}

	.pdaref-home-active [class*="pdaref-"][class*="head"] > * {
		float: none !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.pdaref-home-active section h2,
	.pdaref-stitle,
	.pdaref-sec__title,
	.pdaref-section__title {
		font-size: clamp(30px, 8vw, 40px) !important;
		line-height: 1.12 !important;
		margin: 0 0 12px !important;
		hyphens: none;
		word-break: normal;
		overflow-wrap: break-word;
	}

	.pdaref-slink,
	.pdaref-sec__link,
	.pdaref-section__link {
		display: inline-block !important;
		position: static !important;
		font-size: 12px !important;
		letter-spacing: 1.6px !important;
		white-space: nowrap;
	}
}


/* =========================================================================
   4. GRILLES PRODUITS
   2 colonnes sur mobile (merchandising), 1 colonne sur très petit écran.
   ========================================================================= */
@media (max-width: 1024px) {

	.pdaref-products,
	.pdaref-products--3,
	.pdaref-products--4 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2px !important;
		margin: 0 !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.pdaref-p,
	.pdaref-product {
		min-width: 0 !important;
		padding: 0 0 22px !important;
	}

	.pdaref-p__img,
	.pdaref-product__img {
		width: 100% !important;
		aspect-ratio: 1 / 1;
		height: auto !important;
	}

	.pdaref-p__name,
	.pdaref-product__name {
		font-size: 16px !important;
		line-height: 1.25 !important;
		padding: 0 14px !important;
		margin: 16px 0 8px !important;
	}

	.pdaref-p__price,
	.pdaref-product__price {
		font-size: 16px !important;
		padding: 0 14px !important;
		margin: 0 0 14px !important;
	}

	.pdaref-p__btn,
	.pdaref-product__btn,
	.pdaref-p .button,
	.pdaref-products .button,
	.pdaref-products .add_to_cart_button {
		display: block !important;
		width: calc(100% - 28px) !important;
		margin: 0 14px !important;
		font-size: 11px !important;
		letter-spacing: 1.2px !important;
		padding: 13px 8px !important;
		text-align: center;
		box-sizing: border-box;
		white-space: normal;
	}
}

@media (max-width: 380px) {

	.pdaref-products,
	.pdaref-products--3,
	.pdaref-products--4 {
		grid-template-columns: 1fr !important;
	}
}


/* =========================================================================
   5. TUILES CATÉGORIES
   ========================================================================= */
@media (max-width: 1024px) {

	.pdaref-cats {
		grid-template-columns: repeat(2, 1fr) !important;
		width: 100% !important;
	}

	.pdaref-cat {
		min-height: 260px !important;
	}

	.pdaref-cat__body {
		padding: 18px 16px !important;
	}

	.pdaref-cat__name {
		font-size: 22px !important;
	}

	.pdaref-cat__sub {
		font-size: 11px !important;
		letter-spacing: 1.4px !important;
	}

	.pdaref-cat__pip {
		top: 10px !important;
		right: 10px !important;
		font-size: 10px !important;
		padding: 3px 8px !important;
	}
}

@media (max-width: 600px) {

	/* La tuile "Ambre / Nouveau" occupe toute la largeur */
	.pdaref-cat:last-child,
	.pdaref-cat--wide {
		grid-column: 1 / -1 !important;
	}
}


/* =========================================================================
   6. SECTION RITUEL
   ========================================================================= */
@media (max-width: 1024px) {

	.pdaref-ritual,
	.pdaref-ritual__grid {
		display: block !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.pdaref-ritual__text,
	.pdaref-ritual__col {
		padding: 48px 24px 34px !important;
		width: auto !important;
	}

	.pdaref-ritual__title {
		font-size: clamp(32px, 8.5vw, 44px) !important;
		line-height: 1.12 !important;
	}

	.pdaref-ritual__steps li,
	.pdaref-ritual__step {
		font-size: 16px !important;
		padding: 14px 0 !important;
	}

	.pdaref-ritual__img,
	.pdaref-ritual__visual {
		position: relative !important;
		width: 100% !important;
		height: 340px !important;
		min-height: 0 !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.pdaref-ritual__cta,
	.pdaref-ritual .pdaref-btn {
		display: block !important;
		width: 100% !important;
		text-align: center;
		box-sizing: border-box;
	}
}


/* =========================================================================
   7. BLOCS ÉDITORIAUX
   ========================================================================= */
@media (max-width: 782px) {

	.pdaref-edito {
		display: block !important;
		grid-template-columns: 1fr !important;
	}

	.pdaref-eb,
	.pdaref-eb--full {
		flex-direction: column !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.pdaref-eb__img,
	.pdaref-eb--full .pdaref-eb__img {
		flex: none !important;
		width: 100% !important;
		min-height: 240px !important;
	}

	.pdaref-eb__body {
		padding: 30px 24px !important;
	}

	.pdaref-eb__title,
	.pdaref-eb--full .pdaref-eb__title {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}

	.pdaref-eb__text {
		font-size: 16px !important;
	}
}


/* =========================================================================
   8. INTRO ÉDITORIALE / NEWSLETTER / INSTAGRAM
   ========================================================================= */
@media (max-width: 782px) {

	.pdaref-wrap,
	.pdaref-intro {
		padding-left: 24px !important;
		padding-right: 24px !important;
		box-sizing: border-box;
	}

	.pdaref-intro h2,
	.pdaref-intro__title {
		font-size: clamp(26px, 7vw, 34px) !important;
		line-height: 1.2 !important;
	}

	.pdaref-nl {
		padding: 48px 24px !important;
	}

	.pdaref-nl__title {
		font-size: 30px !important;
	}

	.pdaref-nl__sub {
		font-size: 15px !important;
	}

	.pdaref-nl iframe,
	.pdaref-nl form {
		width: 100% !important;
		max-width: 100% !important;
	}

	#sb_instagram,
	#sb_instagram #sbi_images {
		width: 100% !important;
		padding: 0 !important;
	}
}


/* =========================================================================
   9. ÉLÉMENTS FLOTTANTS (panier, widget avis)
   Évite le recouvrement des CTA "Ajouter au panier" en bas de grille.
   ========================================================================= */
@media (max-width: 782px) {

	.pdaref-home-active .site-footer {
		padding-bottom: 90px;
	}
}

/* =========================================================================
   10. GRILLES PRODUITS → CARROUSEL SWIPE MOBILE
   Remplace la grille 2 colonnes des sections 4 / refonte-2026.css:308
   ========================================================================= */
@media (max-width: 768px) {

	.pdaref-products,
	.pdaref-products--3,
	.pdaref-products--4 {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;

		/* la grille utilisait gap:1px + background pour les filets :
		   en carrousel on repasse en fond neutre + bordures par carte */
		background: transparent !important;
		gap: 0 !important;

		padding-inline: 24px !important;
		scroll-padding-inline: 24px;

		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.pdaref-products::-webkit-scrollbar,
	.pdaref-products--3::-webkit-scrollbar,
	.pdaref-products--4::-webkit-scrollbar { display: none; }

	.pdaref-p,
	.pdaref-product {
		flex: 0 0 76% !important;   /* laisse entrevoir la carte suivante */
		min-width: 0 !important;
		scroll-snap-align: start;
		border: 1px solid var(--pdaref-border);
		margin-right: 12px;
		padding-bottom: 0 !important;
	}

	.pdaref-p:last-child,
	.pdaref-product:last-child { margin-right: 0; }

	/* le bouton reprend sa taille naturelle dans la carte */
	.pdaref-p__btn,
	.pdaref-product__btn,
	.pdaref-p .button,
	.pdaref-products .button,
	.pdaref-products .add_to_cart_button {
		width: auto !important;
		margin: 0 !important;
		display: inline-block !important;
	}
}

/* La règle 1 colonne sous 380px n'a plus lieu d'être */
@media (max-width: 380px) {

	.pdaref-products,
	.pdaref-products--3,
	.pdaref-products--4 {
		grid-template-columns: none !important;
	}

	.pdaref-p,
	.pdaref-product { flex-basis: 82% !important; }
}


/* =========================================================================
   12. BANDEAU PRESSE → CARROUSEL SWIPE MOBILE
   Même principe que la section 10. Le padding passe de l'inner à la liste
   pour que les cartes atteignent le bord de l'écran (effet de dépassement).
   ========================================================================= */
@media (max-width: 768px) {

	.pdaref-presse__inner { padding-inline: 0 !important; }
	.pdaref-presse__title { padding-inline: 24px; }

	.pdaref-presse__list {
		display: flex !important;
		flex-wrap: nowrap !important;
		grid-template-columns: none !important;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		align-items: stretch;
		gap: 12px !important;
		padding-inline: 24px !important;
		scroll-padding-inline: 24px;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.pdaref-presse__list::-webkit-scrollbar { display: none; }

	.pdaref-presse__item {
		flex: 0 0 82%;   /* citations longues : carte plus large qu'en produits */
		min-width: 0;
		scroll-snap-align: start;
		display: flex;
	}

	.pdaref-presse__card {
		width: 100%;
		padding: 28px 20px !important;
	}
}