/* ===========================================================================
   ELVORA GROUP — Editorial design layer (surcouche Horizon)
   Bold editorial : Clash Display + General Sans, gros type, contrastes, blocs.
   =========================================================================== */

/* ---- Fonts globales (override des variables Horizon) ---- */
:root{
  --font-heading--family: "Clash Display","General Sans",ui-sans-serif,system-ui,sans-serif;
  --font-accent--family:  "Clash Display",sans-serif;
  --font-subheading--family: "General Sans",ui-sans-serif,system-ui,sans-serif;
  --font-body--family:    "General Sans",ui-sans-serif,system-ui,sans-serif;

  /* Palette Elvora */
  --el-ink:#0B0F14;
  --el-ink-2:#141A22;
  --el-paper:#FAFBFC;
  --el-fog:#6B7686;
  --el-line:#E7EBF0;
  --el-line-dark:#232B36;
  --el-ion:#12BECE;
  --el-ion-bright:#00E5C7;

  --el-maxw:1280px;
}

/* Titres plus tranchés partout sur le site */
h1,h2,h3,.h1,.h2,.h3{ letter-spacing:-0.02em; }

/* ============================ UTILITIES ============================ */
.el{ box-sizing:border-box; }
.el *,.el *::before,.el *::after{ box-sizing:border-box; }
.el-wrap{ max-width:var(--el-maxw); margin-inline:auto; padding-inline:clamp(20px,5vw,64px); }
.el-eyebrow{
  font-family:var(--font-subheading--family); font-weight:600;
  font-size:.72rem; letter-spacing:.22em; text-transform:uppercase; color:var(--el-ion);
  margin:0 0 .9rem;
}
.el-display{
  font-family:var(--font-heading--family); font-weight:700;
  line-height:.9; letter-spacing:-.03em; text-transform:uppercase; margin:0;
}
.el-btn{
  --b:var(--el-ink); --t:#fff;
  display:inline-flex; align-items:center; gap:.6em; cursor:pointer;
  font-family:var(--font-subheading--family); font-weight:600; font-size:.9rem;
  letter-spacing:.02em; text-transform:uppercase; text-decoration:none;
  padding:.95em 1.7em; border-radius:8px; background:var(--b); color:var(--t);
  border:1px solid var(--b); transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.el-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px -10px rgba(0,0,0,.5); }
.el-btn--ion{ --b:var(--el-ion); --t:#04222A; border-color:var(--el-ion); }
.el-btn--ghost{ --b:transparent; --t:currentColor; border-color:currentColor; }
.el-btn--lg{ padding:1.1em 2em; font-size:1rem; }
.el-btn .arw{ transition:transform .18s ease; }
.el-btn:hover .arw{ transform:translateX(4px); }

/* ============================ HERO ============================ */
.el-hero{ background:var(--el-ink); color:#fff; overflow:hidden; position:relative; }
.el-hero__grid{
  display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch;
  max-width:1440px; margin-inline:auto; min-height:clamp(520px,72vh,760px);
}
.el-hero__copy{ padding:clamp(28px,5vw,72px); display:flex; flex-direction:column; justify-content:center; gap:1.4rem; position:relative; z-index:2; }
.el-hero__title{ font-size:clamp(2.9rem,8vw,6.6rem); }
.el-hero__title span{ color:var(--el-ion); display:block; }
.el-hero__sub{ font-size:clamp(1rem,1.6vw,1.15rem); color:#AEB7C2; max-width:44ch; line-height:1.5; margin:0; }
.el-hero__cta{ display:flex; gap:1rem; flex-wrap:wrap; align-items:center; margin-top:.4rem; }
.el-hero__rating{ display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:#AEB7C2; }
.el-hero__rating b{ color:#fff; }
.el-hero__media{ position:relative; }
.el-hero__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.el-hero__media::after{ content:""; position:absolute; inset:0;
  background:radial-gradient(120% 90% at 80% 20%, rgba(18,190,206,.28), transparent 55%),
             linear-gradient(90deg, var(--el-ink) 0%, rgba(11,15,20,.15) 30%, transparent 60%); }
@media (max-width:820px){
  .el-hero__grid{ grid-template-columns:1fr; }
  .el-hero__media{ min-height:300px; order:-1; }
  .el-hero__media img{ position:relative; }
  /* mobile : image empilée au-dessus du titre -> fondu VERTICAL vers l'encre */
  .el-hero__media::after{
    background:linear-gradient(to bottom,
      transparent 45%,
      rgba(11,15,20,.55) 78%,
      var(--el-ink) 100%);
  }
}

/* ============================ MARQUEE ============================ */
.el-ticker{ background:var(--el-ion); color:#04222A; border-block:1px solid rgba(0,0,0,.12); overflow:hidden; }
.el-ticker__track{ display:flex; gap:0; width:max-content; animation:el-scroll 32s linear infinite; }
.el-ticker__track:hover{ animation-play-state:paused; }
.el-ticker span{ font-family:var(--font-subheading--family); font-weight:600; font-size:.82rem;
  letter-spacing:.14em; text-transform:uppercase; padding:.85em 2.2em; white-space:nowrap; display:inline-flex; align-items:center; }
.el-ticker span::after{ content:"✦"; margin-left:2.2em; opacity:.55; }
@keyframes el-scroll{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .el-ticker__track{ animation:none; } }

/* ============================ SECTION HEADERS ============================ */
.el-sec{ padding-block:clamp(38px,5vw,74px); }
.el-sec--ink{ background:var(--el-ink); color:#fff; }
.el-sec__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:2rem;
  padding-bottom:1.6rem; margin-bottom:2.4rem; border-bottom:2px solid currentColor; }
.el-sec--ink .el-sec__head{ border-color:var(--el-line-dark); }
.el-sec:not(.el-sec--ink) .el-sec__head{ border-color:var(--el-ink); }
.el-sec__title{ font-size:clamp(1.9rem,4.4vw,3.4rem); }
.el-sec__link{ font-family:var(--font-subheading--family); font-weight:600; text-transform:uppercase;
  letter-spacing:.08em; font-size:.82rem; text-decoration:none; color:inherit; white-space:nowrap; display:inline-flex; gap:.5em; }
.el-sec__link:hover{ color:var(--el-ion); }

/* ============================ CATEGORY BLOCKS ============================ */
.el-cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.el-cat{ position:relative; display:block; overflow:hidden; border-radius:14px; aspect-ratio:3/4; text-decoration:none; color:#fff; background:var(--el-ink); }
.el-cat img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.el-cat::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,15,20,.05) 30%,rgba(11,15,20,.82) 100%); }
.el-cat:hover img{ transform:scale(1.06); }
.el-cat__body{ position:absolute; inset:auto 0 0 0; padding:1.6rem; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.el-cat__name{ font-family:var(--font-heading--family); font-weight:700; text-transform:uppercase; letter-spacing:-.02em; font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:.95; }
.el-cat__go{ width:44px; height:44px; flex:none; border-radius:50%; background:var(--el-ion); color:#04222A; display:grid; place-items:center; font-size:1.1rem; transition:transform .18s ease; }
.el-cat:hover .el-cat__go{ transform:translateX(4px); }
@media (max-width:820px){ .el-cats{ grid-template-columns:1fr; } .el-cat{ aspect-ratio:16/10; } }

/* ============================ PRODUCT GRID / CARD ============================ */
.el-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:1100px){ .el-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){ .el-grid{ grid-template-columns:repeat(2,1fr); gap:10px; } }

.el-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit;
  border:1px solid var(--el-line); border-radius:14px; overflow:hidden; background:#fff; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.el-sec--ink .el-card{ background:var(--el-ink-2); border-color:var(--el-line-dark); color:#fff; }
.el-card:hover{ transform:translateY(-4px); border-color:var(--el-ion); box-shadow:0 18px 40px -22px rgba(0,0,0,.45); }
.el-card__media{ position:relative; aspect-ratio:1/1; background:#f1f3f6; overflow:hidden; }
.el-sec--ink .el-card__media{ background:#0c1117; }
.el-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.el-card:hover .el-card__media img{ transform:scale(1.05); }
.el-card__badge{ position:absolute; top:10px; left:10px; background:var(--el-ion); color:#04222A;
  font-family:var(--font-subheading--family); font-weight:600; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; padding:.35em .7em; border-radius:6px; }
.el-card__body{ padding:1rem 1.05rem 1.15rem; display:flex; flex-direction:column; gap:.35rem; flex:1; }
.el-card__vendor{ font-family:var(--font-subheading--family); font-weight:600; font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--el-ion); }
.el-card__title{ font-family:var(--font-heading--family); font-weight:600; font-size:1rem; line-height:1.15; letter-spacing:-.01em; margin:0; }
.el-card__foot{ margin-top:auto; padding-top:.6rem; display:flex; align-items:baseline; gap:.5rem; }
.el-card__price{ font-family:var(--font-heading--family); font-weight:700; font-size:1.15rem; }
.el-card__was{ font-size:.85rem; color:var(--el-fog); text-decoration:line-through; }

/* ============================ EDITORIAL PROMO BAND ============================ */
.el-promo{ position:relative; overflow:hidden; background:var(--el-ink); color:#fff; border-radius:18px; }
.el-promo__grid{ display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:clamp(340px,44vw,460px); }
.el-promo__media{ position:relative; height:100%; min-height:280px; }
.el-promo__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.el-promo__copy{ padding:clamp(28px,4vw,60px); display:flex; flex-direction:column; gap:1.1rem; align-items:flex-start; }
.el-promo__title{ font-family:var(--font-heading--family); font-weight:700; text-transform:uppercase; letter-spacing:-.02em; line-height:.92; font-size:clamp(2rem,4.6vw,3.6rem); margin:0; }
.el-promo__sub{ color:#AEB7C2; max-width:38ch; margin:0; line-height:1.5; }
@media (max-width:820px){ .el-promo__grid{ grid-template-columns:1fr; } .el-promo__media{ order:-1; } }

/* ============================ NEWSLETTER ============================ */
.el-news{ background:var(--el-ion); color:#04222A; border-radius:18px; text-align:center; padding:clamp(40px,6vw,72px) clamp(20px,5vw,40px); }
.el-news__title{ font-family:var(--font-heading--family); font-weight:700; text-transform:uppercase; letter-spacing:-.02em; font-size:clamp(1.8rem,4vw,3rem); margin:0 0 .6rem; line-height:.95; }
.el-news__sub{ margin:0 auto 1.6rem; max-width:46ch; font-weight:500; }
.el-news form{ display:flex; gap:.6rem; max-width:460px; margin-inline:auto; flex-wrap:wrap; justify-content:center; }
.el-news input[type=email]{ flex:1; min-width:220px; border:2px solid #04222A; background:#fff; border-radius:8px; padding:.9em 1.1em; font-size:1rem; font-family:var(--font-body--family); }
.el-news .el-btn{ --b:#04222A; --t:#fff; }

/* ============================ 100% BRITISH / 100% FRANÇAIS ============================ */
.el-british{ background:var(--el-ink); color:#fff; position:relative; border-top:3px solid transparent;
  border-image:repeating-linear-gradient(90deg,#012169 0 28px,#fff 28px 32px,#C8102E 32px 60px,#fff 60px 64px) 1; }
.el-british--fr{ border-image:linear-gradient(90deg,#0055A4 0 33%,#fff 33% 66%,#EF4135 66% 100%) 1; }
.el-british__in{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,5vw,4.5rem); align-items:center;
  padding-block:clamp(44px,6vw,80px); }
.el-british__flagchip{ display:inline-flex; align-items:center; gap:.55em; }
.el-british__title{ font-family:var(--font-heading--family); font-weight:700; text-transform:uppercase;
  letter-spacing:-.02em; line-height:.95; font-size:clamp(1.9rem,4.2vw,3.2rem); margin:.2rem 0 1rem; }
.el-british__copy{ color:#AEB7C2; line-height:1.6; max-width:52ch; margin:0 0 1.2rem; }
.el-british__reg{ font-family:var(--font-subheading--family); font-size:.74rem; letter-spacing:.04em;
  color:#7E8896; margin:0; text-transform:uppercase; }
.el-british__grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--el-line-dark); border:1px solid var(--el-line-dark); border-radius:14px; overflow:hidden; }
.el-british__grid li{ background:var(--el-ink); padding:1.3rem 1.4rem; display:flex; flex-direction:column; gap:.25rem; }
.el-british__k{ font-family:var(--font-heading--family); font-weight:700; font-size:1.5rem; color:var(--el-ion); line-height:1; }
.el-british__v{ font-family:var(--font-subheading--family); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#AEB7C2; }
@media (max-width:820px){
  .el-british__in{ grid-template-columns:1fr; gap:2rem; }
}

/* Version compacte sur la fiche produit */
.el-british--compact .el-british__in{ grid-template-columns:1fr; gap:1.4rem; padding-block:clamp(32px,5vw,52px); }
.el-british--compact .el-british__grid{ grid-template-columns:repeat(4,1fr); }
.el-british--compact .el-british__k{ font-size:1.2rem; }
@media (max-width:640px){ .el-british--compact .el-british__grid{ grid-template-columns:1fr 1fr; } }

/* ============================ FOOTER SUR MESURE ============================ */
.el-foot{ background:var(--el-ink); color:#C4CCD6; }
.el-foot__top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:clamp(1.5rem,4vw,3rem); padding-block:clamp(44px,6vw,72px); }
.el-foot__brand h3{ font-family:var(--font-heading--family); font-weight:700; text-transform:uppercase; letter-spacing:-.02em; color:#fff; font-size:1.6rem; margin:0 0 .8rem; }
.el-foot__brand p{ margin:0 0 1rem; line-height:1.6; max-width:34ch; font-size:.92rem; }
.el-foot__reg{ font-size:.74rem; color:#7E8896; line-height:1.7; }
.el-foot__col h4{ font-family:var(--font-subheading--family); font-weight:600; text-transform:uppercase; letter-spacing:.12em; font-size:.74rem; color:#fff; margin:0 0 1.1rem; }
.el-foot__col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }
.el-foot__col a{ color:#C4CCD6; text-decoration:none; font-size:.92rem; transition:color .15s ease; }
.el-foot__col a:hover{ color:var(--el-ion); }
.el-foot__bar{ border-top:1px solid var(--el-line-dark); padding-block:1.3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.el-foot__pay{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.el-foot__pay svg{ height:26px; width:auto; border-radius:4px; background:#fff; padding:2px; }
.el-foot__copy{ font-size:.78rem; color:#7E8896; }
.el-foot__copy b{ color:#C4CCD6; font-weight:600; }
@media (max-width:820px){
  .el-foot__top{ grid-template-columns:1fr 1fr; gap:2rem 1.5rem; }
  .el-foot__brand{ grid-column:1 / -1; }
}
@media (max-width:520px){ .el-foot__top{ grid-template-columns:1fr; } .el-foot__bar{ flex-direction:column; align-items:flex-start; } }

/* ============================ CONTACT & TRACK PAGES ============================ */
.el-page{ padding-block:clamp(40px,6vw,80px); }
.el-page__head{ max-width:60ch; margin-bottom:clamp(2rem,4vw,3rem); }
.el-page__title{ font-size:clamp(2.2rem,5vw,3.6rem); margin:.4rem 0 .8rem; }
.el-page__lead{ color:var(--el-fog); line-height:1.6; font-size:1.05rem; margin:0; }

.el-contact__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.el-contact__info{ display:flex; flex-direction:column; gap:1.4rem; }
.el-contact__item h4{ font-family:var(--font-subheading--family); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--el-ion); margin:0 0 .35rem; }
.el-contact__item p, .el-contact__item a{ margin:0; line-height:1.6; color:var(--el-ink); text-decoration:none; }
.el-contact__item a:hover{ color:var(--el-ion); }
.el-contact__card{ border:1px solid var(--el-line); border-radius:16px; padding:clamp(1.4rem,3vw,2.2rem); background:#fff; }

.el-form{ display:flex; flex-direction:column; gap:.9rem; }
.el-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.el-form input, .el-form textarea{ width:100%; box-sizing:border-box; border:1px solid var(--el-line); border-radius:10px; padding:.9em 1em; font-family:var(--font-body--family); font-size:1rem; background:#fff; color:var(--el-ink); }
.el-form input:focus, .el-form textarea:focus{ outline:none; border-color:var(--el-ion); box-shadow:0 0 0 3px rgba(18,190,206,.18); }
.el-form textarea{ resize:vertical; min-height:130px; }
.el-form button{ align-self:flex-start; border:none; }
.el-form__ok{ background:#E7FbFa; border:1px solid var(--el-ion); color:#04222A; padding:.9em 1em; border-radius:10px; font-weight:600; }

.el-track__box{ max-width:600px; border:1px solid var(--el-line); border-radius:16px; padding:clamp(1.4rem,3vw,2rem); background:#fff; }
.el-track__box label{ font-family:var(--font-subheading--family); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--el-fog); display:block; margin-bottom:.5rem; }
.el-track__row{ display:flex; gap:.7rem; }
.el-track__row input{ flex:1; box-sizing:border-box; border:1px solid var(--el-line); border-radius:10px; padding:.9em 1em; font-family:var(--font-body--family); font-size:1rem; }
.el-track__row input:focus{ outline:none; border-color:var(--el-ion); box-shadow:0 0 0 3px rgba(18,190,206,.18); }
.el-track__row button{ border:none; white-space:nowrap; }
.el-track__hint{ color:var(--el-fog); font-size:.9rem; margin:.9rem 0 0; }
.el-steps{ list-style:none; margin:2.4rem 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.el-steps li{ border:1px solid var(--el-line); border-radius:14px; padding:1.3rem; }
.el-steps b{ font-family:var(--font-heading--family); color:var(--el-ion); font-size:1.4rem; display:block; margin-bottom:.4rem; }
.el-steps span{ color:var(--el-fog); line-height:1.5; font-size:.94rem; }
@media (max-width:760px){ .el-contact__grid{ grid-template-columns:1fr; } .el-form__row{ grid-template-columns:1fr; } .el-steps{ grid-template-columns:1fr; } .el-track__row{ flex-direction:column; } .el-track__row button{ width:100%; } }

/* Trust row under hero */
.el-trust{ display:flex; flex-wrap:wrap; gap:clamp(1rem,4vw,3rem); justify-content:center; padding-block:1.3rem; border-bottom:1px solid var(--el-line); }
.el-trust span{ font-family:var(--font-subheading--family); font-weight:600; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color:var(--el-fog); display:inline-flex; gap:.5em; align-items:center; }
.el-trust span::before{ content:"›"; color:var(--el-ion); font-weight:700; }

/* ============ NORMALISATION DES CARTES HORIZON (collection + reco) ============ */
/* images uniformes en carré -> grilles alignées */
.product-card .product-media-container{ aspect-ratio:1/1 !important; height:auto !important; overflow:hidden; border-radius:12px; }
.product-card .product-media__image,
.product-card .product-media img{ width:100% !important; height:100% !important; object-fit:cover !important; }
.resource-card__media{ aspect-ratio:1/1 !important; overflow:hidden; border-radius:12px; }
.resource-card__image{ width:100%; height:100%; object-fit:cover; }
/* titres de carte un poil plus présents */
.product-card__title, .resource-card__title{ font-family:var(--font-heading--family); font-weight:600; letter-spacing:-.01em; }

/* Collection : gouttières latérales sur mobile (la grille collait aux bords) */
@media (max-width:749px){
  .product-grid-container{ padding-inline:0 !important; }
  .product-grid{ box-sizing:border-box !important; width:100% !important; padding-inline:20px !important; margin:0 !important; }
}

/* ============================ RESPONSIVE POLISH ============================ */
@media (max-width:640px){
  .el-sec__head{ flex-direction:column; align-items:flex-start; gap:.7rem; margin-bottom:1.6rem; }
  .el-sec__title{ font-size:clamp(1.7rem,7.5vw,2.3rem); }
  .el-hero__cta{ flex-direction:column; align-items:stretch; }
  .el-hero__cta .el-btn{ justify-content:center; }
  .el-cat{ aspect-ratio:16/11; }
  .el-trust{ gap:.8rem 1.4rem; }
}

/* ============================ Bouton "Ajouter au panier" mis en avant ============================ */
.add-to-cart-button{
  min-height:56px !important;
  font-size:1.05rem !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  border-radius:12px !important;
  background:var(--el-ion) !important;
  border-color:var(--el-ion) !important;
  color:#0B0F14 !important;
  box-shadow:0 14px 28px -12px rgba(18,190,206,.7);
  transform:translateZ(0);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.add-to-cart-button:hover{
  background:var(--el-ion-bright,#00E5C7) !important;
  border-color:var(--el-ion-bright,#00E5C7) !important;
  transform:translateY(-2px);
  box-shadow:0 18px 34px -12px rgba(18,190,206,.85);
}
.add-to-cart-button:active{ transform:translateY(0); }
@media (prefers-reduced-motion:reduce){
  .add-to-cart-button{ transition:none; }
}

/* ---- Titre de fiche produit sur mobile ----------------------------------
   Le titre est rendu a la taille h3 du theme, 32 px fixes. Sur un ecran de
   375 px la colonne ne fait que 343 px : « Fauteuil Massant Opera –
   Reconditionne » y tenait sur trois lignes, avec une premiere ligne de
   127 px et deux lignes pleines en dessous.

   Taille fluide a la place : 6,9vw, borne entre 21,6 et 28 px. Mesure faite
   sur le fauteuil, le titre le plus long du catalogue :
     320 px de large -> 22,1 px -> 2 lignes (185 et 246 px sur 288)
     375 px de large -> 25,9 px -> 2 lignes (216 et 288 px sur 343)
   Au-dela de 749 px la regle ne s applique plus, la mise en page bureau
   n est pas touchee.                                                      */
@media (max-width: 749px){
  .product-details .text-block h1{
    font-size: clamp(1.35rem, 6.9vw, 1.75rem);
    line-height: 1.14;
    text-wrap: balance;
  }
}

/* ---- Centimes réduits dans les prix de la fiche produit ------------------
   snippets/price.liquid isole les centimes dans <span class="price-dec">.
   Le span n'a aucun style ailleurs : collections, panier et recherche
   gardent leurs prix tels quels. Ici seulement, sur la colonne produit et
   la barre d'achat collante, les centimes passent en petit et remontent
   sur la ligne, comme sur une étiquette de prix.                          */
.product-details .price-dec{
  font-size: .62em;
  vertical-align: .38em;
  letter-spacing: 0;
  font-weight: inherit;
}
/* La barre d achat collante affiche deja le prix en 14 px : y reduire les
   centimes les ferait tomber sous 9 px, illisibles. On la laisse telle quelle. */