:root{--ec-shop-forest:#21372a;--ec-shop-bronze:#b78342;--ec-shop-ivory:#f8f7f3;--ec-shop-line:#deddd7}.page-module-espacechassesuite-boutique #wrapper{background:var(--ec-shop-ivory)}.page-module-espacechassesuite-boutique .page-header{width:min(calc(100% - 2rem),88rem);margin:0 auto;padding:2.2rem 0 1rem}.page-module-espacechassesuite-boutique .page-header h1{display:grid;gap:.3rem;margin:0}.ec-shop-page__eyebrow{color:var(--ec-shop-bronze);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ec-shop-page__title{color:var(--ec-shop-forest);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:400;line-height:1}.ec-shop-page{width:min(calc(100% - 2rem),88rem);margin:0 auto;padding:0 0 3rem}.ec-shop-page__intro{max-width:54rem;margin:0 0 1.8rem;color:#5d625d;font-size:1rem;line-height:1.6}.ec-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ec-shop-card{display:flex;min-width:0;min-height:25rem;flex-direction:column;padding:1.45rem;border:1px solid var(--ec-shop-line);background:#fff;box-shadow:0 10px 26px rgba(24,45,31,.05)}.ec-shop-card__number{margin-bottom:1.2rem;color:var(--ec-shop-bronze);font-size:.78rem;font-weight:700;letter-spacing:.08em}.ec-shop-card h2{margin:0 0 .55rem;font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-weight:400;line-height:1.15}.ec-shop-card h2 a{color:var(--ec-shop-forest)!important;text-decoration:none}.ec-shop-card p{margin:0 0 1rem;color:#686d68;font-size:.88rem;line-height:1.5}.ec-shop-card ul{display:grid;gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none}.ec-shop-card li a{display:flex;align-items:center;gap:.45rem;color:#313631!important;font-size:.88rem;text-decoration:none}.ec-shop-card li a::before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:var(--ec-shop-bronze)}.ec-shop-card li a:hover,.ec-shop-card li a:focus{color:var(--ec-shop-bronze)!important}.ec-shop-card__cta{margin-top:auto;color:var(--ec-shop-bronze)!important;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.ec-shop-card__cta:hover,.ec-shop-card__cta:focus{text-decoration:underline}@media(max-width:991px){.ec-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.page-module-espacechassesuite-boutique .page-header,.ec-shop-page{width:min(calc(100% - 1.25rem),88rem)}.ec-shop-grid{grid-template-columns:1fr}.ec-shop-card{min-height:0}.ec-shop-page__title{font-size:2.4rem}}

/* v1.0.6 - en-tete riche de la page Boutique + survol des cartes comme le menu */
.ec-shop-page__header{width:min(calc(100% - 2rem),88rem);margin:0 auto;padding:2.2rem 0 1rem}
.ec-shop-page__heading{display:grid;gap:.3rem;margin:0}
.ec-shop-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ec-shop-card:hover,.ec-shop-card:focus-within{transform:translateY(-4px);border-color:var(--ec-shop-bronze);box-shadow:0 16px 34px rgba(24,45,31,.14);background:#fdfaf4}
.ec-shop-card:hover h2 a,.ec-shop-card:focus-within h2 a{color:var(--ec-shop-bronze)!important}
@media (prefers-reduced-motion: reduce){.ec-shop-card{transition:none}}


/* ===========================================================================
   1.4.3 — Cartes de la page boutique : meme animation que le mega-menu
   ---------------------------------------------------------------------------
   Les cartes de la page "Explorer notre boutique" n'avaient aucune reaction au
   survol. On reprend a l'identique l'animation des cartes du mega-menu
   (.ec-category-card du theme) : legere elevation, bordure bronze, fond creme
   clair, ombre douce. La transition couvre les memes proprietes pour un rendu
   homogene entre le menu deroulant et cette page.
   =========================================================================== */
.ec-shop-card{
  border-radius:.8rem;
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
.ec-shop-card:hover,
.ec-shop-card:focus-within{
  transform:translateY(-2px);
  border-color:rgba(189,135,67,.62);
  background:#fbf5eb;
  box-shadow:0 .85rem 1.8rem rgba(27,48,34,.11);
}
/* Les liens de sous-categorie prennent le bronze au survol, comme dans le menu. */
.ec-shop-card li a:hover,
.ec-shop-card li a:focus{color:var(--ec-shop-bronze)!important}


/* ===========================================================================
   1.4.3 — Effet de survol unifie avec le mega-menu "Tout l'univers"
   ---------------------------------------------------------------------------
   La page boutique et le panneau deroulant du menu presentent les memes
   categories. Leurs effets de survol divergeaient : la page boutique montait de
   4px avec un fond #fdfaf4 et une transition 250ms, le mega-menu montait de 2px
   avec un fond #fbf5eb et une transition 160ms. On aligne la page boutique sur
   le mega-menu, reference visuelle la plus frequente pour le client.
   =========================================================================== */
.ec-shop-card{
  border-radius:.8rem;
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
.ec-shop-card:hover,.ec-shop-card:focus-within{
  transform:translateY(-2px);
  border-color:rgba(189,135,67,.62);
  background:#fbf5eb;
  box-shadow:0 .85rem 1.8rem rgba(27,48,34,.11);
}
.ec-shop-card:hover h2 a,.ec-shop-card:focus-within h2 a{color:var(--ec-shop-bronze)!important}

/* Les sous-categories de la page boutique reprennent l'aspect pastille du
   mega-menu : meme fond clair au repos, meme fond vert foret au survol. */
.ec-shop-card li a{
  display:inline-flex;
  width:auto;
  min-height:1.78rem;
  align-items:center;
  padding:.25rem .58rem;
  border-radius:.4rem;
  background:#f1f3ef;
  color:#4c5a50!important;
  font-size:.8rem;
  font-weight:700;
  line-height:1.15;
  text-decoration:none;
  transition:background-color 140ms ease,color 140ms ease;
}
.ec-shop-card li a::before{display:none}
.ec-shop-card li a:hover,.ec-shop-card li a:focus{
  background:var(--ec-shop-forest);
  color:#fff!important;
}
.ec-shop-card ul{flex-direction:row;flex-wrap:wrap;gap:.4rem}