/* Winebox Prestige – styles communs et page d'accueil (Agence SYOU, octobre 2026) */
@font-face{font-family:"Jost";src:url("fonts/jost.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("fonts/bodoni-moda-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{
  --noir:#0b0a09;
  --noir-2:#141210;
  --filet-noir:#2a2724;
  --blanc:#ffffff;
  --filet:#e6e3dd;
  --encre:#151413;
  --texte:#34302c;
  --texte-2:#6b665f;
  --texte-clair:#d3ccc0;
  --texte-gris:#9a948a;
  --or:#bda958;
  --or-clair:#d6c27c;
  --or-fonce:#7f6f30;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;
  --page:1240px;
  --gouttiere:clamp(16px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--blanc);color:var(--texte);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
a{color:inherit}
a[href^="tel:"]{white-space:nowrap}
h1,h2,h3{margin:0;font-family:var(--sans);font-weight:300;letter-spacing:-.025em;line-height:1.05;color:var(--encre)}
h1 em,h2 em,h3 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.page{max-width:var(--page);margin:0 auto;padding:0 var(--gouttiere)}
/* WordPress met la classe « page » sur <body> : on la neutralise. */
body.page{max-width:none;margin:0;padding:0}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font:500 15px/1 var(--sans);letter-spacing:.04em;text-decoration:none;border:1px solid transparent;border-radius:1px;transition:background .2s,color .2s,border-color .2s}
.btn--or{background:var(--or);color:var(--noir);border-color:var(--or)}
.btn--or:hover{background:var(--or-clair);border-color:var(--or-clair)}
.btn--clair{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn--clair:hover{background:#fff;color:var(--noir);border-color:#fff}

/* Sections */
.section{padding:clamp(72px,9vw,136px) 0}
.noir{background:var(--noir);color:var(--texte-clair)}
.noir h1,.noir h2,.noir h3{color:#fff}
.noir h1 em,.noir h2 em{color:var(--or)}
.tete{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 56px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.tete h2{font-size:clamp(36px,4.4vw,62px)}
.tete p{font-size:18px;max-width:30em}
.noir .tete p{color:var(--texte-clair)}
@media (max-width:820px){.tete{grid-template-columns:1fr}}

/* Offre du moment */
.offre{background:var(--or);color:var(--noir);font-size:14px;text-align:center;padding:9px var(--gouttiere)}
.offre strong{font-weight:500;letter-spacing:.1em}

/* En-tête */
.entete{position:sticky;top:0;z-index:30;background:rgba(11,10,9,.96);border-bottom:1px solid var(--filet-noir)}
.entete .page{display:flex;align-items:center;gap:30px;height:78px}
.entete__logo img{width:146px}
.entete nav{display:flex;gap:28px;margin-left:auto}
.entete nav a{font-size:14px;letter-spacing:.03em;text-decoration:none;color:var(--texte-clair)}
.entete nav a:hover{color:#fff}
.entete__tel{font-size:15px;color:#fff;text-decoration:none;letter-spacing:.04em}
.entete__tel:hover{color:var(--or-clair)}
.entete .btn{min-height:44px;padding:0 20px;font-size:14px}
@media (max-width:1080px){.entete nav{display:none}.entete__tel{margin-left:auto}}
@media (max-width:560px){.entete .page{height:64px;gap:14px}.entete__logo img{width:112px}.entete .btn{display:none}}

/* Ouverture */
.ouverture{padding:clamp(48px,7vw,104px) 0 clamp(80px,9vw,136px)}
.ouverture.noir{background:#0f1312}
.ouverture .page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.ouverture h1{font-size:clamp(40px,4.7vw,70px)}
.ouverture h1 em{font-size:1.04em}
.ouverture__chapo{margin-top:28px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#e2dcd1;max-width:32em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.ouverture__prix{margin-top:20px;font-size:15px;color:var(--texte-gris)}
.ouverture__prix b{font-weight:500;color:#fff}
.confiance{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:12px 0;list-style:none;margin:40px 0 0;padding:26px 0 0;border-top:1px solid var(--filet-noir);font-size:14px;color:var(--texte-clair)}
.confiance li{padding:0 22px;border-left:1px solid var(--filet-noir);line-height:1.45}
.confiance li:first-child{padding-left:0;border-left:0}
@media (min-width:561px){.confiance li:first-child{white-space:nowrap}}
.confiance .etoiles{color:var(--or);letter-spacing:.12em;margin-right:6px}
.ouverture__visuel{position:relative}
.ouverture__video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111615;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.ouverture__visuel figcaption{margin-top:14px;font-size:13px;color:var(--texte-gris)}
.sceau{position:absolute;right:-20px;bottom:6%;width:150px;height:150px}
.sceau text{font-family:var(--sans)}
.sceau__anneau{transform-box:view-box;transform-origin:50% 50%;animation:tourne 48s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
@media (max-width:960px){
  .ouverture .page{grid-template-columns:1fr}
  .ouverture__visuel{max-width:620px}
  .sceau{right:0;bottom:4%;width:112px;height:112px}
}
@media (max-width:560px){.confiance{grid-template-columns:repeat(2,minmax(0,1fr))}.confiance li{padding:0 12px;font-size:13px}}

/* Principe */
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;counter-reset:e;border-top:1px solid var(--encre)}
.etapes li{counter-increment:e;padding:30px 36px 0 0}
.etapes li+li{padding-left:36px;border-left:1px solid var(--filet)}
.etapes li::before{content:counter(e);display:block;font:italic 400 64px/1 var(--serif);color:var(--or-fonce);margin-bottom:22px}
.etapes h3{font-size:24px;font-weight:400;letter-spacing:-.01em;margin-bottom:12px}
.etapes p{font-size:16px;color:var(--texte-2)}
@media (max-width:820px){
  .etapes{grid-template-columns:1fr}
  .etapes li,.etapes li+li{padding:26px 0;border-left:0;border-top:1px solid var(--filet)}
  .etapes li:first-child{border-top:0}
  .etapes li::before{float:left;margin:0 22px 8px 0;font-size:52px}
}

/* Bandeau photo */
.galerie{padding:0 0 4px}
.galerie__photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.galerie__photos img{width:100%;aspect-ratio:3/4;object-fit:cover}
.galerie__legende{padding-top:14px;font-size:13px;color:var(--texte-gris)}
@media (max-width:760px){.galerie__photos{grid-template-columns:1fr 1fr}}

/* Les box */
.boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch;margin-top:44px}
.carte-box{position:relative;display:flex;flex-direction:column;background:var(--noir-2);border:1px solid var(--filet-noir)}
.carte-box--choix{border-color:var(--or)}
.carte-box__bandeau{position:absolute;left:-1px;right:-1px;top:-34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--or);color:var(--noir);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.carte-box img{width:100%;aspect-ratio:4/3;object-fit:cover}
.carte-box__corps{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.4vw,34px)}
.carte-box h3{font-size:clamp(30px,2.6vw,38px);color:#fff}
.carte-box h3 em{color:var(--or)}
.carte-box__pour{margin-top:10px;font-size:16px;color:var(--texte-clair);min-height:3.2em}
.carte-box__prix{margin-top:24px;padding-top:22px;border-top:1px solid var(--filet-noir);font-size:15px;color:var(--texte-gris)}
.carte-box__prix b{font-weight:300;font-size:clamp(46px,4vw,58px);line-height:1;letter-spacing:-.03em;color:#fff;margin-right:6px}
.carte-box__cond{margin-top:8px;font-size:13px;line-height:1.5;color:var(--texte-gris)}
.carte-box ul{list-style:none;margin:22px 0 28px;padding:0;font-size:15px;color:var(--texte-clair)}
.carte-box li{position:relative;padding:6px 0 6px 22px}
.carte-box li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:1px;background:var(--or)}
.carte-box__actions{margin-top:auto;display:grid;gap:10px}
.carte-box__actions .btn{width:100%}
.carte-box__offrir{display:block;text-align:center;font-size:14px;color:var(--texte-clair);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:5px;padding:6px 0}
.carte-box__offrir:hover{color:#fff}
@media (max-width:980px){
  .boxes{grid-template-columns:1fr;max-width:560px;gap:56px}
  .carte-box__pour{min-height:0}
}
.garanties{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:clamp(48px,6vw,80px) 0 0;padding:0;border-top:1px solid var(--filet-noir)}
.garanties li{padding:22px 22px 0 0;font-size:14px;line-height:1.45;color:var(--texte-gris)}
.garanties li+li{padding-left:22px;border-left:1px solid var(--filet-noir)}
.garanties b{display:block;margin-bottom:4px;font-weight:500;font-size:15px;color:#fff}
@media (max-width:820px){.garanties{grid-template-columns:1fr 1fr}.garanties li:nth-child(3){padding-left:0;border-left:0}.garanties li{padding-bottom:20px}}

/* Sélection */
.terroirs{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.terroirs figure:last-child{margin-top:clamp(0px,8vw,120px)}
.terroirs img{width:100%;aspect-ratio:4/3;object-fit:cover}
.terroirs figcaption{display:flex;gap:14px;align-items:baseline;margin-top:14px;font-size:14px;color:var(--texte-2)}
.terroirs figcaption em{font:italic 400 26px/1 var(--serif);color:var(--or-fonce)}
@media (max-width:700px){.terroirs{grid-template-columns:1fr}.terroirs figure:last-child{margin-top:0}}
.contenu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:clamp(56px,7vw,96px) 0 0;padding:0;border-top:1px solid var(--encre)}
.contenu li{padding:26px 26px 0 0}
.contenu li+li{padding-left:26px;border-left:1px solid var(--filet)}
.contenu b{display:block;margin-bottom:8px;font-size:19px;font-weight:400;color:var(--encre)}
.contenu span{font-size:15px;color:var(--texte-2)}
@media (max-width:900px){.contenu{grid-template-columns:1fr 1fr}.contenu li:nth-child(3){padding-left:0;border-left:0}.contenu li{padding-bottom:22px}}
@media (max-width:520px){.contenu{grid-template-columns:1fr}.contenu li,.contenu li+li{padding:20px 0;border-left:0;border-top:1px solid var(--filet)}.contenu li:first-child{border-top:0}}

/* Patrick */
.patrick{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,104px);align-items:center}
.patrick__photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
.patrick__photo figcaption{margin-top:12px;font-size:13px;color:var(--texte-gris)}
.patrick h2{font-size:clamp(42px,5vw,74px)}
.patrick__titre{margin-top:18px;font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:#e2dcd1;max-width:32em}
.citation{margin:clamp(30px,3.4vw,44px) 0;padding:0}
.citation p{font:italic 400 clamp(28px,2.9vw,40px)/1.15 var(--serif);color:var(--or)}
.citation footer{margin-top:12px;font-size:14px;color:var(--texte-gris)}
.patrick__texte{font-size:17px;color:var(--texte-clair);max-width:36em}
.palmares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(36px,4vw,56px);padding-top:28px;border-top:1px solid var(--filet-noir)}
.palmares div{padding:0 22px}
.palmares div:first-child{padding-left:0}
.palmares div+div{border-left:1px solid var(--filet-noir)}
.palmares b{display:block;font-weight:300;font-size:clamp(28px,2.6vw,38px);line-height:1;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.palmares span{display:block;margin-top:8px;font-size:14px;line-height:1.35;color:var(--texte-gris)}
@media (max-width:900px){.patrick{grid-template-columns:1fr}.patrick__photo{max-width:480px}}
@media (max-width:520px){.palmares div{padding:0 12px}.palmares div:first-child{padding-left:0}}

/* Avis */
.note{display:flex;align-items:center;gap:14px;font-size:16px;color:var(--texte-2)}
.note b{font-weight:300;font-size:44px;letter-spacing:-.03em;color:var(--encre)}
.note .etoiles{color:var(--or);letter-spacing:.14em}
.avis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--encre)}
.avis figure{padding:32px 36px 0 0}
.avis figure+figure{padding-left:36px;border-left:1px solid var(--filet)}
.avis blockquote{margin:0;font:italic 400 clamp(20px,1.8vw,24px)/1.38 var(--serif);color:var(--encre)}
.avis figcaption{margin-top:22px;font-size:14px;color:var(--texte-2)}
.avis figcaption b{display:block;font-weight:500;color:var(--encre)}
@media (max-width:900px){.avis{grid-template-columns:1fr}.avis figure,.avis figure+figure{padding:28px 0;border-left:0;border-top:1px solid var(--filet)}.avis figure:first-child{border-top:0}}
.presse{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 34px;margin-top:clamp(48px,6vw,80px);padding-top:28px;border-top:1px solid var(--filet);color:var(--texte-2);font-size:14px}
.presse ul{display:flex;flex-wrap:wrap;gap:10px 34px;list-style:none;margin:0;padding:0}
.presse li{font:italic 400 21px/1.1 var(--serif);color:var(--encre)}

/* Offrir : vidéo de cave en fond */
.cadeau-bande{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(560px,62vw,780px)}
.cadeau__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;background:#000}
.cadeau-bande>.page{position:relative;width:100%}
.cadeau{max-width:620px}
.cadeau h2{font-size:clamp(38px,4.4vw,64px)}
.cadeau__texte{margin-top:24px;font-size:18px;color:#e2dcd1;max-width:30em}
.cadeau .actions{margin-top:36px}
.cadeau__tel{margin-top:22px;font-size:15px;color:var(--texte-clair)}
.cadeau__tel a{color:#fff;text-decoration-color:var(--or);text-underline-offset:4px}

/* Questions */
.faq-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 72px}
.faq-grille h2{font-size:clamp(36px,4.4vw,62px)}
.faq-grille .intro{margin-top:20px;font-size:16px;color:var(--texte-2)}
.faq-grille .intro a{color:var(--encre);text-decoration-color:var(--or);text-underline-offset:4px}
.faq{border-top:1px solid var(--encre)}
.faq details{border-bottom:1px solid var(--filet)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;font-size:clamp(18px,1.6vw,21px);color:var(--encre)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 14px;height:14px;background:linear-gradient(var(--or-fonce),var(--or-fonce)) center/14px 1.5px no-repeat,linear-gradient(var(--or-fonce),var(--or-fonce)) center/1.5px 14px no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 26px;max-width:46em;color:var(--texte)}
.faq details a{color:var(--encre);text-decoration-color:var(--or)}
@media (max-width:820px){.faq-grille{grid-template-columns:1fr}}

/* Pied de page */
.pied{padding:56px 0 40px;font-size:14px;color:var(--texte-gris);background:var(--noir);border-top:1px solid var(--filet-noir)}
.pied .page{display:grid;grid-template-columns:auto 1fr;gap:28px 56px;align-items:start}
.pied img{width:132px}
.pied nav{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:flex-end}
.pied nav a{text-decoration:none}
.pied nav a:hover{color:#fff}
.pied__contact{grid-column:1/-1;color:var(--texte-clair)}
.pied__contact a{color:#fff;text-decoration-color:var(--or);text-underline-offset:4px}
.sante{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--filet-noir);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.sante strong{color:#fff;font-weight:500}
.credits{grid-column:1/-1;font-size:12px;color:#77716a}
.credits a{color:inherit}
@media (max-width:700px){.pied .page{grid-template-columns:1fr}.pied nav{justify-content:flex-start}}

/* Barre d'achat sur mobile */
.barre-achat{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gouttiere) calc(10px + env(safe-area-inset-bottom));background:rgba(11,10,9,.97);border-top:1px solid var(--filet-noir);color:var(--texte-clair);font-size:14px;transform:translateY(110%);transition:transform .3s}
.barre-achat b{color:#fff;font-weight:500}
.barre-achat .btn{min-height:44px;padding:0 18px;font-size:14px}
.barre-achat.visible{transform:none}
@media (max-width:760px){.barre-achat{display:flex}.pied{padding-bottom:110px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sceau__anneau{animation:none}
  .barre-achat{transition:none}
}

/* Barre d'administration WordPress (utilisateurs connectés) */
.admin-bar .entete{top:32px}
@media (max-width:782px){.admin-bar .entete{top:46px}}
@media (max-width:600px){.admin-bar .entete{top:0}}