/* =========================================================================
 * BriShop — passe « automne lumineux » (18/10/2026)
 * Demande de l'utilisateur : plus de blanc, moins de beige, des rappels de
 * feuilles qui tombent. Chargée en dernier : elle redéfinit la palette et
 * ajoute les feuilles, sans toucher à la structure.
 * ====================================================================== */

:root{
  --creme:#FFFFFF;          /* fond principal : blanc franc */
  --lin:#F8F6F3;            /* sections alternées : blanc cassé très léger, neutre */
  --sable:#ECE7E1;          /* filets et bordures */
  --fond-photo:#F4F4F2;     /* derrière les photos produits détourées */
  --ombre:0 18px 40px -22px rgba(30,20,15,.28);
}
body{background:#fff}

/* ---------- En-tête blanc ---------- */
.entete{background:rgba(255,255,255,.96);border-bottom-color:#EFEAE4}
.logo strong{letter-spacing:.26em}

/* ---------- Photos : fonds neutres au lieu du beige ---------- */
.arche,.arche--1,.arche--2,.arche--page{background:var(--fond-photo)}
.univ figure,.univ:nth-child(2) figure,.univ:nth-child(3) figure,.univ:nth-child(4) figure{background:var(--fond-photo)}
.prod figure{background:var(--fond-photo)}
ul.products li.product a img,.woocommerce table.shop_table img,.single-product div.product .woocommerce-product-gallery img,.woocommerce-placeholder{background:var(--fond-photo)!important}

/* ---------- Petite feuille devant les sur-titres ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:.7em}
.eyebrow::before{content:"";width:13px;height:13px;flex:none;background:currentColor;-webkit-mask:url(../img/feuille-masque.svg) center/contain no-repeat;mask:url(../img/feuille-masque.svg) center/contain no-repeat;transform:rotate(-18deg)}
.lettre .eyebrow,.faq .eyebrow{justify-content:center}

/* ---------- Feuilles qui tombent ---------- */
.hero,.entete-page,.fidelite{position:relative;isolation:isolate}
.feuilles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hero .wrap,.entete-page .wrap,.fidelite .wrap{position:relative;z-index:2}
.feuille{position:absolute;top:-8%;left:var(--x);width:var(--s);height:var(--s);opacity:var(--o);background:center/contain no-repeat;animation:bs-tombe var(--t) linear var(--d) infinite;will-change:transform}
.feuille--erable-rouille{background-image:url(../img/feuille-erable-rouille.svg)}
.feuille--erable-citrouille{background-image:url(../img/feuille-erable-citrouille.svg)}
.feuille--bouleau{background-image:url(../img/feuille-bouleau.svg)}
.feuille--chene{background-image:url(../img/feuille-chene.svg)}
.feuille--chataigne{background-image:url(../img/feuille-chataigne.svg)}
@keyframes bs-tombe{
  0%  {transform:translate3d(0,0,0) rotate(var(--r))}
  25% {transform:translate3d(38px,30vh,0) rotate(calc(var(--r) + 80deg))}
  50% {transform:translate3d(-26px,60vh,0) rotate(calc(var(--r) + 170deg))}
  75% {transform:translate3d(30px,90vh,0) rotate(calc(var(--r) + 250deg))}
  100%{transform:translate3d(-12px,120vh,0) rotate(calc(var(--r) + 340deg))}
}
/* Dans le bandeau fidélité (court), les feuilles sont claires et plus lentes */
.fidelite .feuille{filter:brightness(1.7) saturate(.6);opacity:calc(var(--o) * .55)}
/* Les feuilles de l'en-tête des pages restent discrètes */
.entete-page .feuille{opacity:calc(var(--o) * .7)}
@media (prefers-reduced-motion:reduce){
  .feuille{animation:none;top:auto;bottom:calc(var(--x) * .6);transform:rotate(var(--r))}
}
@media (max-width:640px){ .feuille:nth-child(n+7){display:none} }

/* ---------- Hero ---------- */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,120,47,.5),transparent);z-index:2}
.sceau{background:var(--rouille)}
.sceau::after{content:"";position:absolute;top:-14px;right:-6px;width:38px;height:38px;background:url(../img/feuille-chene.svg) center/contain no-repeat;transform:rotate(28deg)}
.arche--1{box-shadow:var(--ombre)}

/* ---------- Bandeau défilant : des feuilles à la place des étoiles ---------- */
.defile span::after{content:"";display:inline-block;width:15px;height:15px;margin-left:3rem;vertical-align:middle;background:#fff;opacity:.75;-webkit-mask:url(../img/feuille-masque.svg) center/contain no-repeat;mask:url(../img/feuille-masque.svg) center/contain no-repeat;transform:rotate(-20deg)}

/* ---------- Univers ---------- */
.univ figure{transition:box-shadow .5s,transform .5s}
.univ:hover figure{box-shadow:var(--ombre);transform:translateY(-4px)}
.univ h3{transition:color .3s}
.univ:hover h3{color:var(--rouille)}

/* ---------- Nouveautés : section blanche, cartes nettes ---------- */
.saison{background:#fff;position:relative;overflow:hidden}
.saison::before{content:"";position:absolute;right:-70px;top:40px;width:260px;height:260px;background:url(../img/feuille-erable-citrouille.svg) center/contain no-repeat;opacity:.07;transform:rotate(24deg);pointer-events:none}
.prod figure{transition:box-shadow .5s}
.prod:hover figure{box-shadow:var(--ombre)}
.prod .tag{background:#fff}
.prod .tag--rouille{background:var(--rouille)}
.prod h3{transition:color .3s}
.prod:hover h3{color:var(--rouille)}

/* ---------- Histoire ---------- */
.histoire{background:var(--lin);position:relative;overflow:hidden}
.histoire::after{content:"";position:absolute;left:-60px;bottom:-50px;width:240px;height:240px;background:url(../img/feuille-chene.svg) center/contain no-repeat;opacity:.1;transform:rotate(-30deg);pointer-events:none}
.histoire-photos .p2{border-color:#fff;box-shadow:var(--ombre)}
.chiffres{border-top-color:var(--sable)}

/* ---------- Services (sombre) : une grande feuille en filigrane ---------- */
.services{position:relative;overflow:hidden}
.services::before{content:"";position:absolute;right:-90px;top:-60px;width:380px;height:380px;background:url(../img/feuille-erable-rouille.svg) center/contain no-repeat;opacity:.12;transform:rotate(18deg);pointer-events:none}
.services .wrap{position:relative}

/* ---------- Point relais / horaires ---------- */
.relais{background:#fff}
.horaires{background:#fff;border-color:var(--sable);box-shadow:var(--ombre)}

/* ---------- Bloc final ---------- */
.lettre{background:var(--lin)}

/* ---------- Pages intérieures ---------- */
.etapes{background:var(--lin)}
.faq{background:var(--lin)}
.carte-form{background:#fff;box-shadow:var(--ombre)}
.formulaire input[type=text],.formulaire input[type=email],.formulaire input[type=tel],.formulaire select,.formulaire textarea{background:#FCFBFA}

/* ---------- Boutons : léger relief au survol ---------- */
.btn{transition:background .35s,color .35s,border-color .35s,transform .35s,box-shadow .35s}
.btn--plein:hover,.btn--sombre:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(169,72,28,.55)}

/* ---------- Pied de page : une feuille devant la marque ---------- */
.pied{position:relative;overflow:hidden}
.pied::before{content:"";position:absolute;right:6%;top:-40px;width:150px;height:150px;background:url(../img/feuille-bouleau.svg) center/contain no-repeat;opacity:.08;transform:rotate(-24deg);pointer-events:none}

/* ---------- WooCommerce ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--lin)}
.cart-collaterals .cart_totals,#order_review{background:var(--lin)}

/* =========================================================================
 * v2 (18/10/2026) — « moins IA » : ouverture en photo plein écran,
 * titres d'une seule couleur, plus de sur-titres ni d'icônes en cercle.
 * ====================================================================== */

/* Titres sobres */
h2{font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.015em}
h2 em,h1 em{color:inherit}
.titre{align-items:baseline;border-bottom:1px solid var(--sable);padding-bottom:22px;margin-bottom:48px}
.titre p{margin:0}

/* Ouverture plein écran */
.ouverture{position:relative;isolation:isolate;min-height:min(92vh,860px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;padding:0;background:var(--espresso)}
.ouverture__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;z-index:-2}
.ouverture__voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,12,8,.78) 0%,rgba(20,12,8,.45) 42%,rgba(20,12,8,0) 70%),linear-gradient(0deg,rgba(20,12,8,.55),rgba(20,12,8,0) 40%)}
.ouverture .feuilles{z-index:0}
.ouverture__texte{position:relative;z-index:2;padding-top:140px;padding-bottom:90px;max-width:none}
.ouverture__texte>*{max-width:560px}
.ouverture__lieu{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#F3D9C2;margin-bottom:1.4rem}
.ouverture h1{font-size:clamp(3rem,6.4vw,6rem);line-height:1;margin-bottom:1.6rem;color:#fff}
.ouverture__texte p:not(.ouverture__lieu){font-size:1.12rem;font-weight:300;color:#F2EAE2;max-width:30em}
.ouverture .actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.2rem}
.ouverture .btn--ligne{color:#fff}
.ouverture__infos{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;width:min(1280px,100% - 48px);margin:0 auto;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.22);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#EADBCB}
.ouverture__infos a{color:#fff}
@media (max-width:700px){
  .ouverture{min-height:88vh}
  .ouverture__photo{object-position:50% 30%}
  .ouverture__voile{background:linear-gradient(0deg,rgba(20,12,8,.88) 0%,rgba(20,12,8,.55) 45%,rgba(20,12,8,.1) 75%)}
  .ouverture__texte{padding-top:90px;padding-bottom:40px}
  .ouverture__infos{width:calc(100% - 32px);flex-direction:column;gap:.3rem}
}

/* Univers : légende simple */
.univ h3{font-size:1.45rem;margin-top:18px}

/* Histoire : photos sans cadre décoratif */
.histoire .cadre{display:none}
.histoire h2{margin:0 0 .8em}
.histoire .lien{margin-top:1rem}

/* Services : cartes de texte, sans icônes */
.carte h3{font-size:1.7rem}
.services .titre{border-bottom-color:rgba(230,216,195,.18)}

/* Point relais */
.relais h2{margin:0 0 .6em}

/* Fidélité : photo + texte */
.fidelite{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--rouille)}
.fidelite__photo{min-height:520px}
.fidelite__photo img{width:100%;height:100%;object-fit:cover}
.fidelite__texte{position:relative;isolation:isolate;display:flex;align-items:center;padding:80px clamp(24px,6vw,96px);overflow:hidden}
.fidelite__contenu{position:relative;z-index:2;max-width:30em}
.fidelite .grand{font-size:clamp(4rem,8vw,7rem);line-height:.9;font-style:normal;margin-bottom:.3em}
.fidelite h2{margin-bottom:.5em}
.fidelite p{color:#F6DCC6}
.fidelite .btn{margin-top:1.8rem}
@media (max-width:900px){ .fidelite{grid-template-columns:1fr} .fidelite__photo{min-height:300px} }

/* Bloc final */
.lettre h2{margin-bottom:.3em}

/* Pages intérieures : plus de sur-titre, titre seul */
.entete-page .eyebrow{display:none}

.etapes span{font-style:normal;font-size:1rem;font-family:var(--sans);font-weight:600;letter-spacing:.1em;color:var(--rouille);display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--rouille);border-radius:50%}

.ouverture h1{max-width:900px!important}
@media (max-width:700px){.ouverture__photo{object-position:50% 35%}}

/* =========================================================================
 * v3 (18/10/2026) — ouverture en deux volets : boutique + point relais.
 * (L'utilisateur : la photo d'ambiance « n'a rien à voir avec une boutique ».)
 * ====================================================================== */
.volets{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;padding:10px;background:#fff;min-height:min(82vh,760px)}
.volet{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:var(--espresso)}
.volet__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.volet:hover .volet__photo{transform:scale(1.03)}
.volet__voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,12,8,.82) 0%,rgba(20,12,8,.45) 42%,rgba(20,12,8,.05) 72%)}
.volet .feuilles{z-index:0}
.volet__texte{position:relative;z-index:2;padding:clamp(28px,4vw,64px)}
.volet__lieu{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#F3D9C2;margin-bottom:1rem}
.volet--boutique h1{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.02;max-width:12em;margin-bottom:1.2rem;color:#fff}
.volet--relais h2{font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.08;margin-bottom:.9rem;color:#fff}
.volet__texte>p:not(.volet__lieu){font-weight:300;color:#F2EAE2;max-width:30em;font-size:1.05rem}
.volet .actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.volet .btn--ligne{color:#fff}
.volet--relais .volet__voile{background:linear-gradient(0deg,rgba(169,72,28,.92) 0%,rgba(120,50,20,.55) 45%,rgba(20,12,8,.05) 75%)}
.btn--blanc{background:#fff;color:var(--espresso)}
.btn--blanc:hover{background:var(--espresso);color:#fff;transform:translateY(-2px)}
.volets__infos{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:18px;padding-bottom:20px;font-size:.78rem;letter-spacing:.08em;color:var(--gris)}
.volets__infos a{color:var(--rouille);font-weight:600}
@media (max-width:900px){
  .volets{grid-template-columns:1fr;min-height:0}
  .volet--boutique{min-height:78vh}
  .volet--relais{min-height:380px}
  .volets__infos{flex-direction:column;gap:.35rem}
}
@media (max-width:640px){ .volets{padding:0;gap:0} .volet--boutique{min-height:82vh} }

/* =========================================================================
 * Pancarte de la porte (18/10/2026) — inspirée de celle du cabinet
 * vétérinaire, aux couleurs BriShop. État calculé par main.js.
 * ====================================================================== */
.pancarte{--etat:#4E8B3A;--etat-halo:rgba(78,139,58,.22);position:absolute;z-index:3;top:0;right:clamp(20px,5vw,72px);display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:bs-balance 7s ease-in-out infinite}
.pancarte.is-bientot{--etat:#D08A1E;--etat-halo:rgba(208,138,30,.24)}
.pancarte.is-ferme{--etat:#B4452A;--etat-halo:rgba(180,69,42,.22)}
.pancarte__clou{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F0D9A0,#9A7A34 70%);box-shadow:0 2px 4px rgba(0,0,0,.5);margin-top:18px;position:relative;z-index:2}
.pancarte__ficelle{width:150px;height:56px;margin-top:-6px;background:linear-gradient(to bottom right,transparent calc(50% - 1px),#C9A55A calc(50% - 1px),#C9A55A calc(50% + .6px),transparent calc(50% + .6px)) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1px),#C9A55A calc(50% - 1px),#C9A55A calc(50% + .6px),transparent calc(50% + .6px)) right/50% 100% no-repeat}
.pancarte__plaque{position:relative;width:250px;margin-top:-4px;padding:34px 22px 24px;text-align:center;background:linear-gradient(180deg,#FFFFFF,#F4F1EC);border:1px solid #E6E0D7;border-radius:6px;box-shadow:0 1px 0 #fff inset,0 0 0 5px #FBFAF8,0 0 0 6px #E3DCD2,0 24px 40px -14px rgba(0,0,0,.55)}
.pancarte.is-ferme .pancarte__plaque{background:linear-gradient(180deg,#F5F3EF,#EAE6DF)}
.pancarte__oeillet{position:absolute;top:10px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle,#2b1d16 30%,#C9A55A 34%,#8E7032 75%);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.pancarte__oeillet--g{left:50px}.pancarte__oeillet--d{right:50px}
.pancarte__kicker{margin:0 0 12px;font-family:var(--sans);font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--rouille)}
.pancarte__mot{margin:0;font-family:var(--serif);font-size:2.6rem;line-height:1;letter-spacing:.14em;padding-left:.14em;text-transform:uppercase;color:var(--espresso)}
.pancarte.is-ferme .pancarte__mot{color:#4A3A30}
.pancarte__filet{display:block;width:58px;height:2px;margin:14px auto 13px;border-radius:2px;background:var(--etat);transition:background .4s}
.pancarte__info{margin:0;display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.pancarte__lampe{position:relative;width:8px;height:8px;border-radius:50%;background:var(--etat);box-shadow:0 0 0 4px var(--etat-halo)}
.pancarte.is-ouvert .pancarte__lampe::after,.pancarte.is-bientot .pancarte__lampe::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--etat);animation:bs-pouls 2.2s ease-out infinite}
@keyframes bs-balance{0%,100%{transform:rotate(1.2deg)}50%{transform:rotate(-1.2deg)}}
@keyframes bs-pouls{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@media (max-width:900px){
  .pancarte{right:16px}
  .pancarte__ficelle{width:110px;height:40px}
  .pancarte__plaque{width:190px;padding:26px 14px 18px}
  .pancarte__oeillet--g{left:36px}.pancarte__oeillet--d{right:36px}
  .pancarte__mot{font-size:1.85rem}
  .pancarte__info{font-size:.58rem;letter-spacing:.12em}
}
@media (max-width:640px){
  .pancarte{transform-origin:50% 0;scale:.85;right:4px;top:-6px}
}
@media (prefers-reduced-motion:reduce){ .pancarte,.pancarte__lampe::after{animation:none} }

/* Nouvelle collection (18/10/2026) : vraies photos portées en boutique.
   Pas d'effet « multiply » (réservé aux produits détourés sur fond clair),
   cadrage sur le haut du vêtement. */
.prod--photo img{mix-blend-mode:normal;object-fit:cover;object-position:50% 18%}
ul.products li.product a img{object-fit:cover;object-position:50% 18%}
.prix-boutique,.prod .prix .prix-boutique{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.single-product .summary .price .prix-boutique{font-size:.85rem}
.saison .titre .lien{margin-left:.6rem}
.nav{gap:1.8rem}
@media (max-width:1180px){ .nav{gap:1.2rem;font-size:.7rem} .outils .tel span{display:none} }
.nav a{white-space:nowrap}
.woocommerce ul.products li.product .button{background:none;color:var(--rouille);padding:0 0 .3em;border-radius:0;border-bottom:1px solid var(--rouille);font:600 .66rem var(--sans);letter-spacing:.2em}
.woocommerce ul.products li.product .button:hover{color:var(--chataigne);border-color:var(--chataigne)}

@media (max-width:1500px){ .nav{gap:1.3rem;letter-spacing:.14em} }

/* =========================================================================
 * v4 (18/10/2026) — nouvelle mise en page de l'accueil
 * ====================================================================== */
section{padding:90px 0}
.saison::before{display:none}
.collection__tete{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:34px}
.collection__tete h2{margin:0}

/* Nouvelle collection : une grande + quatre */
.collection{padding-top:80px;background:#fff}
.collection__grille{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:28px 22px}
.piece{display:flex;flex-direction:column;color:inherit}
.piece--grande{grid-row:1 / span 2}
.piece__photo{position:relative;overflow:hidden;background:var(--fond-photo);aspect-ratio:4/5;margin:0}
.piece--grande .piece__photo{aspect-ratio:auto;flex:1;min-height:420px}
.piece__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transition:opacity .6s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.piece__dos{opacity:0}
.piece:hover .piece__dos{opacity:1}
.piece:hover .piece__photo img{transform:scale(1.03)}
.piece__tag{position:absolute;top:14px;left:14px;z-index:2;background:#fff;color:var(--espresso);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:.55em 1em}
.piece__legende{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:14px}
.piece__legende h3{font-family:var(--sans);font-size:.95rem;font-weight:500;margin:0;transition:color .3s}
.piece--grande .piece__legende h3{font-family:var(--serif);font-size:1.6rem;font-weight:400}
.piece:hover .piece__legende h3{color:var(--rouille)}
.piece__prix{white-space:nowrap;font-family:var(--serif);color:var(--chataigne)}
.piece__prix .prix-boutique{font-size:.62rem}
.collection__note{margin-top:34px;padding-top:22px;border-top:1px solid var(--sable);color:var(--gris);font-size:.92rem}
.collection__note a{color:var(--rouille);font-weight:600}
.collection__grille--courte{grid-template-columns:1.3fr 1fr}
@media (max-width:900px){
  .collection__grille,.collection__grille--courte{grid-template-columns:1fr 1fr;gap:24px 14px}
  .piece--grande{grid-row:auto;grid-column:1 / -1}
  .piece--grande .piece__photo{aspect-ratio:4/5;min-height:0}
  .piece__legende{flex-direction:column;gap:.2rem}
  .piece--grande .piece__legende h3{font-size:1.35rem}
}

/* Rayons : tuiles photo */
.rayons-section{background:var(--lin);padding-top:80px;padding-bottom:90px}
.rayons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rayons--3{grid-template-columns:repeat(3,1fr)}
.rayons--2{grid-template-columns:repeat(2,1fr)}
.rayon{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--espresso);color:#fff;isolation:isolate}
.rayon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.rayon::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,12,8,.75) 0%,rgba(20,12,8,0) 55%)}
.rayon:hover img{transform:scale(1.05)}
.rayon__nom{position:absolute;left:22px;right:22px;bottom:20px;font-family:var(--serif);font-size:1.6rem;line-height:1.1}
.rayon__nom small{display:block;margin-top:.4em;font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#F3D9C2}
@media (max-width:900px){ .rayons,.rayons--3{grid-template-columns:repeat(2,1fr);gap:12px} .rayon__nom{font-size:1.25rem;left:14px;bottom:14px} }
@media (max-width:640px){ section{padding:64px 0} .collection{padding-top:56px} .rayons-section{padding:56px 0 64px} .collection__tete{flex-direction:column;align-items:flex-start;gap:.6rem} }

@media (max-width:900px){ .volet--boutique{min-height:min(78vh,680px)} }
@media (max-width:640px){ .volet--boutique{min-height:min(82vh,640px)} }