/* Identité KoraZone : anthracite, blanc et citron. */
:root{--fond-page:#F6F5F0}
html,body,main{background-color:var(--fond-page)}
.section-a-reveler{opacity:0;transform:translateY(64px) scale(.975);transform-origin:center top}
.section-a-reveler:not(.section-visible){pointer-events:none}
.section-a-reveler.section-visible{opacity:1;transform:none;transition:opacity .45s ease-out,transform .85s cubic-bezier(.16,1.12,.3,1)}
@media(max-width:619px){.section-a-reveler:not(.section-visible){transform:translateY(44px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.section-a-reveler,.section-a-reveler:not(.section-visible),.section-a-reveler.section-visible{opacity:1;transform:none;transition:none;pointer-events:auto}}
@media print{.section-a-reveler{opacity:1!important;transform:none!important}}
.hero-mobile{display:none}
.hero-garanties{display:none}
@media(min-width:760px){
  .hero{background:#FFFFFF}
  .hero .wrap{padding-left:12px;padding-right:12px}
  .hero.hero-accueil{padding-bottom:12px}
  .hero-accueil .hero-panorama{min-height:calc(100svh - var(--hauteur-entete-accueil,106px) - 12px);object-position:center}
}
@media(max-width:619px){
  .hero.hero-accueil{padding-bottom:12px;background:#FFFFFF}
  .hero-accueil .hero-photo{display:flex;flex-direction:column;min-height:calc(100svh - var(--hauteur-entete-accueil,98px) - 12px);background:#151B19}
  .hero-photo .hero-panorama{display:none}
  .hero-mobile{display:flex;flex-direction:column;background:#151B19;color:#F9FBF7}
  .hero-mobile-piste{display:flex;flex-shrink:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .hero-mobile-piste::-webkit-scrollbar{display:none}
  .hero-mobile-piste:focus-visible{outline:2px solid #C5F24A;outline-offset:-3px}
  .hero-mobile-ruban{position:relative;flex:0 0 300%;min-width:0}
  .hero-photo .hero-mobile-ruban>img{display:block;width:100%;height:auto;aspect-ratio:1942 / 809;object-fit:contain}
  .hero-mobile-reperes{position:absolute;inset:0;display:flex;pointer-events:none}
  .hero-mobile-vue{position:absolute;top:0;width:calc(100% / 3);min-width:0;height:100%;margin:0;scroll-snap-align:start}
  .hero-mobile-vue:nth-child(1){left:7%}
  .hero-mobile-vue:nth-child(2){left:33.5%}
  .hero-mobile-vue:nth-child(3){left:59.6%}
  .hero-mobile-vue figcaption{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:100px;white-space:nowrap;background:#151B19;color:#F9FBF7;font-size:12px;font-weight:600}
  .hero-mobile-navigation{display:flex;justify-content:center;gap:2px;padding-top:2px;margin-top:auto}
  .hero-mobile-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
  .hero-mobile-navigation button span{display:block;width:7px;height:7px;border-radius:8px;background:#819084;transition:width .2s,background .2s}
  .hero-mobile-navigation button[aria-pressed="true"] span{width:24px;background:#C5F24A}
  .hero-mobile-navigation button:focus-visible{outline:2px solid #C5F24A;outline-offset:-4px;border-radius:8px}
  .hero-mobile-aide{text-align:center;font-size:11px;color:#C2CFC5;padding:0 16px 12px;margin:0}
  .hero-photo .hero-photo-actions{background:#151B19;padding-top:4px;padding-bottom:20px}
  .hero-garanties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:8px;flex:1;min-height:144px;list-style:none;margin:0;padding:16px 12px 18px;background:linear-gradient(180deg,#EDF3E5,#FAFCF7);color:#667160}
  .hero-garanties li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:14px 4px 12px;text-align:center;font-size:10px;line-height:1.55;background:#FFFFFF;border:1px solid #E4EBDCF0;border-radius:16px;box-shadow:0 4px 12px rgba(21,27,25,.04)}
  .hero-garanties svg{box-sizing:border-box;width:40px;height:40px;padding:9px;flex-shrink:0;fill:none;stroke:#456329;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:linear-gradient(145deg,#EDFACD,#DDF2AC);border:1px solid #D8EBAF;border-radius:13px}
  .hero-garanties strong{display:inline-block;font-size:11px;font-weight:700;letter-spacing:-.15px;color:#151B19}
}
@media(prefers-reduced-motion:reduce){.hero-mobile-navigation button span{transition:none}}
/* Vert plus lumineux pour le logo et la grande note des avis. */
svg text[x="95"][fill="#456329"],svg circle[cx="41"][cy="24"]{fill:#6B941F}
.avis-chiffre{color:#6B941F}
.topbar{background:rgba(246,245,240,.97);border-bottom:1px solid #E0E6DC}
.bandeau-promo{background:#151B19;color:#E8F4DB;border-bottom:1px solid #34452A}
.bandeau-promo strong{color:#C5F24A}
body::before{background:none}
.hero,.hero.hero-accueil{background:var(--fond-page)}
.btn-top,.btn-hero,.btn-commander,.btn-plein,.hero-decouvrir,.offre-choisir{
  background:#C5F24A;color:#151B19;border-color:#C5F24A;
  box-shadow:0 5px 16px rgba(21,27,25,.08);
  transition:background .18s,box-shadow .18s,transform .18s;
}
.btn-top:hover,.btn-hero:hover,.btn-commander:hover,.btn-plein:hover,.hero-decouvrir:hover,.offre-choisir:hover{
  background:#D6FF72;color:#151B19;border-color:#D6FF72;
  box-shadow:0 7px 20px rgba(21,27,25,.14);
}
.btn-top:focus-visible,.btn-hero:focus-visible,.btn-commander:focus-visible,.offre-choisir:focus-visible{
  outline:3px solid #24543D;outline-offset:4px;
}
.carte-prix,.mini-prix,.prix{color:#6B941F}
.carte{border-color:#E0E6DC}
.carte:hover{border-color:#8EA975}
.offre-cadre{background:radial-gradient(ellipse at 100% 0%,#35453B,transparent 65%),#151B19;border-color:#37443B}
.offre-palier{background:linear-gradient(145deg,#29352D,#1B241E);border-color:#47564A}
.offre-palier[data-pack="3"]{background:linear-gradient(145deg,#F5FAED,#E4EFD2);color:#151B19;border-color:#BED49A}
.offre-palier[data-pack="3"][aria-expanded="true"]{border-color:#C5F24A;box-shadow:0 0 0 2px #C5F24A}
.offre-note{color:#C2CFC5}
.offre-entete{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:36px;align-items:center}
.guide-invitation{display:flex;align-items:center;gap:16px;width:100%;padding:24px 20px;background:linear-gradient(135deg,rgba(197,242,74,.1),rgba(255,255,255,.025));border:1px solid #627651;border-radius:18px;color:#F9FBF7;text-align:left;font-family:var(--corps);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.guide-invitation:hover{background:#35482E;border-color:#C5F24A;transform:translateY(-3px)}
.guide-invitation:focus-visible{outline:3px solid #C5F24A;outline-offset:5px}
.guide-icone{display:grid;place-items:center;width:52px;height:60px;flex:none;border-radius:12px;background:#C5F24A;color:#151B19}
.guide-icone svg{width:38px;height:38px}
.guide-invitation-texte{display:flex;flex-direction:column;gap:6px;min-width:0}
.guide-kicker{font:600 10px/1.5 var(--corps);letter-spacing:.15em;color:#C5F24A}
.guide-invitation-texte strong{font-size:18px;line-height:1.2}
.guide-invitation-texte>span:last-child{font-size:11px;line-height:1.5;color:#C2CFC5}
.guide-fleche{margin-left:auto;color:#C5F24A;font-size:24px}
.offre-guide{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:580px;max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:22px;background:#FAFCF7;color:#1E2722;box-shadow:0 30px 100px #0006;overflow:auto}
.offre-guide:not([open]){display:none}
.offre-guide::backdrop{background:rgba(10,18,13,.65);backdrop-filter:blur(5px)}
.guide-modal-entete{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px;background:#1C2921;color:white}
.guide-modal-entete h2{font:400 36px/1.05 var(--display);text-transform:uppercase;margin-top:12px;letter-spacing:.01em}
.guide-fermer{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid #5A6A5D;background:transparent;color:white;font:400 28px/1 var(--corps);cursor:pointer}
.guide-fermer:hover{background:#C5F24A;color:#151B19;border-color:#C5F24A}
.guide-fermer:focus-visible{outline:3px solid #C5F24A;outline-offset:3px}
.offre-guide-contenu{padding:20px 30px 28px}
.guide-schema{display:flex;align-items:center;gap:18px;margin-bottom:10px}
.guide-schema svg{width:150px;height:120px;flex:none}
.offre-guide p{font-size:12px;line-height:1.7}
.guide-schema p{color:#59665E}
.offre-guide table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}
.offre-guide caption{text-align:left;padding:12px 0;color:#59665E;font-size:11px;letter-spacing:.04em}
.offre-guide th,.offre-guide td{padding:12px 8px;border-bottom:1px solid #E0E7D9}
.offre-guide thead{background:#EAF2DE;color:#24543D}
.offre-guide thead th{font-size:12px;font-weight:600}
.offre-guide tbody th{font-weight:700;color:#24543D}
.offre-guide tbody tr:nth-child(even){background:#F0F4EB}
.offre-guide table+p{margin-top:18px}
.guide-conseil{margin-top:14px;padding:12px 14px;border-left:3px solid #9AC833;background:#EDF4E3;color:#456329}
@media(max-width:850px){.offre-entete{grid-template-columns:1fr;gap:24px}.guide-invitation{max-width:380px;justify-self:end}}
@media(max-width:480px){.guide-invitation{max-width:none;padding:18px 16px;gap:12px}.guide-modal-entete{padding:22px}.guide-modal-entete h2{font-size:30px}.offre-guide-contenu{padding:16px 20px 22px}.guide-schema svg{width:115px;height:100px}.guide-schema{gap:12px}}
@media(prefers-reduced-motion:reduce){.guide-invitation{transition:none}.guide-invitation:hover{transform:none}}
.erreur,.message-promo.ko,.lt-stock.bas{color:#A32D34}
.champ.invalide input,.champ.invalide select,.champ.invalide textarea{border-color:#A32D34}
.message.ko{background:#FFF0F0;color:#8E2630;border-color:#E8BBC0}
@media(prefers-reduced-motion:reduce){
  .btn-top,.btn-hero,.btn-commander,.btn-plein,.hero-decouvrir,.offre-choisir{transition:none}
}