/* =========================================================================
   Smart Cut — jetons de design partagés (source de vérité unique).
   Toute couleur / espacement / typo réutilisé sur plusieurs pages passe ici.
   Les modules (health.css, header.js, …) consomment ces --sc-* au lieu de
   redéfinir leurs propres variables. Voir la feuille de route « Cap 10/10 » #3.
   ========================================================================= */
:root {
  /* — Neutres & marque marketplace (Amazon-like) — */
  --sc-ink: #0f1111;
  --sc-muted: #565959;
  --sc-link: #007185;
  --sc-link-hover: #c7511f;
  --sc-gold: #ffd814;
  --sc-gold-border: #fcd200;
  --sc-orange: #ffa41c;
  --sc-orange-border: #ff8f00;
  --sc-line: #d5d9d9;
  --sc-surface: #ffffff;
  --sc-canvas: #eaeded;
  --sc-navy: #131921;
  --sc-navy-soft: #232f3e;
  --sc-success: #007600;
  --sc-danger: #b12704;

  /* — Rayons — */
  --sc-radius-sm: 4px;
  --sc-radius: 8px;
  --sc-radius-lg: 16px;
  --sc-radius-pill: 999px;

  /* — Ombres — */
  --sc-shadow-sm: 0 1px 2px rgba(15, 17, 17, .08);
  --sc-shadow: 0 2px 5px rgba(15, 17, 17, .15);
  --sc-shadow-lg: 0 12px 32px rgba(15, 17, 17, .12);

  /* — Typographie — */
  --sc-font-sans: 'Amazon Ember', Arial, Helvetica, sans-serif;
  --sc-font-brand: 'Playfair Display', 'Amazon Ember', Arial, serif;
  --sc-text-xs: .75rem;
  --sc-text-sm: .875rem;
  --sc-text-base: 1rem;
  --sc-text-md: 1.125rem;
  --sc-text-lg: 1.375rem;
  --sc-text-xl: 1.75rem;
  --sc-text-2xl: 2.25rem;
  --sc-text-3xl: 3rem;

  /* — Échelle d'espacement (base 4px) — */
  --sc-space-1: .25rem;
  --sc-space-2: .5rem;
  --sc-space-3: .75rem;
  --sc-space-4: 1rem;
  --sc-space-5: 1.5rem;
  --sc-space-6: 2rem;
  --sc-space-8: 3rem;
  --sc-space-10: 4rem;

  /* — Accents par service (une seule définition canonique) — */
  --sc-brand: #3a4e3f;          /* en-tête / vitrine marketplace */
  --sc-brand-2: #b89b7b;
  --sc-brand-accent: #7c3e3e;
  --sc-health: #0f6958;         /* Smart Cut Health */
  --sc-health-deep: #0c453b;
  --sc-health-ink: #17211f;
  --sc-health-muted: #62706c;
  --sc-health-soft: #eaf6f2;
  --sc-health-line: #dbe7e3;
  --sc-health-warm: #f5b848;
  --sc-education: #c93a24;      /* Smart Academi */
  --sc-education-hover: #a82e1b;
  --sc-content-max: 1380px;
  --sc-content-gutter: clamp(1rem, 3vw, 2rem);
  --sc-control-height: 44px;
  /* Auto & Parts : --sc-orange ci-dessus */

  --sc-footer-bg: #131921;
  --sc-footer-heading: #ffffff;
  --sc-footer-text: rgba(255, 255, 255, .72);
  --sc-footer-link-hover: #ffffff;
}

html { scroll-behavior: smooth; }
body { background: var(--sc-canvas); color: var(--sc-ink); overflow-x: hidden; }

/* Shared layout primitives: predictable page rhythm on desktop and mobile. */
.sc-page-width,
.page-width,
.container { width: min(calc(100% - (var(--sc-content-gutter) * 2)), var(--sc-content-max)); margin-inline: auto; }

button,
input,
select,
textarea { font: inherit; }

button,
[role="button"] { min-height: var(--sc-control-height); }

img { max-width: 100%; }

/* Keep fixed headers from hiding anchors and first content. */
[id] { scroll-margin-top: calc(var(--header-height, 0px) + 1rem); }

.auto-parts-teaser {
  width: min(100% - 2rem, 1380px);
  min-height: 230px;
  margin: 1rem auto;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius);
  background: var(--sc-navy);
  color: #fff;
  overflow: hidden;
}
.auto-parts-teaser__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(1.5rem, 3vw, 2.5rem); }
.auto-parts-teaser span:first-child { color: var(--sc-orange); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.auto-parts-teaser h2 { margin: .35rem 0 0; font-size: clamp(1.5rem, 3vw, 2.25rem); letter-spacing: -.03em; }
.auto-parts-teaser p { margin: .35rem 0 0; color: #c7ced7; }
.auto-parts-teaser a { min-height: 44px; display: inline-flex; align-items: center; gap: .6rem; margin-top: 1.25rem; border-radius: var(--sc-radius); background: var(--sc-orange); color: var(--sc-ink); padding: .75rem 1rem; font-weight: 800; text-decoration: none; }
.auto-parts-teaser a span { color: inherit !important; font-size: 1rem !important; letter-spacing: 0 !important; }
.auto-parts-teaser__media { min-width: 0; min-height: 230px; background: #f6f5f3; overflow: hidden; }
.auto-parts-teaser__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 68% center; }
@media (max-width: 640px) {
  .auto-parts-teaser { width: calc(100% - 1rem); min-height: 0; grid-template-columns: 1fr; }
  .auto-parts-teaser__content { padding: 1.35rem; }
  .auto-parts-teaser__media { min-height: 180px; }
  .auto-parts-teaser a { width: 100%; justify-content: center; }
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--sc-orange-border, #e77600) !important;
  outline-offset: 1px !important;
}

button, a, input, select { -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: not-allowed !important; }

/* Titres : meilleure répartition des lignes sur les retours à la ligne. */
:where(h1, h2, h3) { text-wrap: balance; }

/* Accessibilité : respecter la préférence système « réduire les animations ». */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

.cart-container { border-radius: 0 !important; }

#sierra-products-root,
#sierra-home-discovery-root {
  margin-block: 0 !important;
}

#sierra-products-root { padding-block: clamp(2rem, 4vw, 4rem); }
#sierra-home-discovery-root { padding-top: clamp(1rem, 2vw, 2rem); }

[class^="products-grid-shell-"] {
  width: min(100% - 2rem, 1380px) !important;
  margin-inline: auto !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
}

[class^="product-card-products_"] {
  overflow: hidden;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-sm);
  background: var(--sc-surface);
  box-shadow: none;
}

[class^="product-card-products_"] .product-content {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

[class^="product-card-products_"] [class^="product-image-container-"] {
  margin-bottom: .8rem !important;
  border-radius: 0 !important;
  aspect-ratio: 1 / 1;
  background: #ffffff;
}

[class^="product-card-products_"] .product-main-image { object-fit: cover; }
[class^="product-card-products_"] .product-content > div:last-child {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 .85rem .9rem !important;
}

[class^="product-card-products_"] h3 {
  min-height: 2.8em;
  margin-bottom: .35rem !important;
  font-size: 1rem !important;
  line-height: 1.4;
}

[class^="product-card-products_"] p { line-height: 1.45; }
[class^="product-card-products_"] [class^="mobile-actions-"] {
  display: flex !important;
  margin-top: auto !important;
  padding-top: .75rem;
}
[class^="product-card-products_"] .mobile-cart-btn {
  min-height: 44px;
  border-radius: var(--sc-radius) !important;
}

.nav-arrow { border: 0; }

.product-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: -.35rem;
}
.product-trust-item {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-sm);
  background: var(--sc-canvas);
  color: var(--sc-muted);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.3;
}
.product-trust-item i { color: var(--sc-success); }

@media (max-width: 1024px) {
  #sierra-header-root { height: 0 !important; }
  #headerNebulaX92 .mobile-header-inner { padding: .42rem .65rem .45rem; gap: .35rem; }
  #headerNebulaX92 .mobile-top-bar { gap: .42rem; }
  #headerNebulaX92 .mobile-logo { height: 42px; }
  #headerNebulaX92 .mobile-search-bar,
  #headerNebulaX92 .currency-selector,
  #headerNebulaX92 .mobile-icon-button,
  #headerNebulaX92 .cart-icon-shell { min-height: 44px; }
  #headerNebulaX92 .mobile-search-bar { padding-inline: .65rem; }
  #headerNebulaX92 .mobile-right-group { gap: .25rem; }
  #headerNebulaX92 .mobile-nav-scroll { gap: .4rem; }
  #headerNebulaX92 .mobile-nav-all,
  #headerNebulaX92 .mobile-nav-item {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: .45rem .7rem;
  }
  #sierra-hero-root { padding-top: var(--header-height-mobile, 104px) !important; }
}

@media (max-width: 767px) {
  .cart-container {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  [class^="products-grid-shell-"] {
    width: calc(100% - 1rem) !important;
    gap: .65rem !important;
  }
  [class^="product-card-products_"] h3 { min-height: 0 !important; font-size: .92rem !important; margin-bottom: .2rem !important; }
  [class^="product-card-products_"] .product-content > div:last-child { padding: 0 .65rem .7rem !important; }
  [class^="product-card-products_"] p { display: none !important; }
  [class^="product-card-products_"] .text-xl { font-size: 1.05rem !important; }
  [class^="product-card-products_"] .mobile-cart-btn { font-size: .8rem !important; padding-inline: .45rem !important; }
  /* The card's biggest single cost is the square product photo (shortened
     further down this file, near the other aspect-ratio:1/1 rule, since that
     one comes later in the cascade and would otherwise win). The
     "N variante(s) disponible(s)" line is dropped too: useful on the product
     page, not worth its own line in a compact mobile card. */
  [class^="product-card-products_"] [class^="product-image-container-"] {
    margin-bottom: .55rem !important;
  }
  [class^="product-card-products_"] .product-store-link { margin-bottom: .3rem !important; }
  [class^="product-card-products_"] .text-xs.text-accent.mt-1 { display: none !important; }
  .product-trust-strip { grid-template-columns: 1fr; }
  .product-trust-item { min-height: 48px; }

  [class^="footer-grid-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem 1rem !important;
  }
  [class^="footer-grid-"] > [class^="footer-col-"]:first-child,
  [class^="footer-grid-"] > [class^="footer-col-"]:last-child {
    grid-column: 1 / -1;
  }
  [class^="footer-description-"] {
    max-width: 38rem;
    margin-bottom: 1rem !important;
  }
  [class^="footer-contact-item-"] {
    min-width: 0;
  }
  [class^="footer-contact-item-"] a,
  [class^="footer-contact-item-"] span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  [class^="footer-social-link-"] {
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 370px) {
  /* Not width:63px — that clipped "HTG" down to "H·", which read as broken
     rather than compact. Sized to content instead (native <select> default),
     just with tighter padding/font so it stays as small as it can legibly be. */
  #headerNebulaX92 .currency-selector { padding-inline: .5rem; font-size: .74rem; min-height: 40px; }
  #headerNebulaX92 .mobile-icon-button,
  #headerNebulaX92 .cart-icon-shell { width: 40px; height: 40px; }
  #headerNebulaX92 .mobile-logo { height: 40px; }
  #headerNebulaX92 .mobile-right-group { gap: .3rem; }
  #headerNebulaX92 .mobile-top-bar { gap: .35rem; }
  #headerNebulaX92 .mobile-search-bar { padding-inline: .55rem; }
  #headerNebulaX92 .mobile-search-input { font-size: .8rem; }
  #headerNebulaX92 .mobile-logo-link { gap: .3rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Smart Cut Commerce System v3 — Amazon-style ---------------------------- */

body {
  background: var(--sc-canvas) !important;
  color: var(--sc-ink) !important;
  font-family: "Amazon Ember", Arial, Helvetica, sans-serif !important;
}

/* Global commerce controls */
:where(button, a, input, select, textarea) { font-family: inherit; }
:where(button, [role="button"]) { touch-action: manipulation; }

/* Shared marketplace header — consistent white surface across the site. */
#headerNebulaX92 {
  background: #fff !important;
  color: var(--sc-ink, #17212b) !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .09) !important;
  backdrop-filter: none !important;
}
#headerNebulaX92 .desktop-header-inner {
  max-width: 1540px !important;
  padding: .65rem 1.25rem 0 !important;
  gap: .55rem !important;
}
#headerNebulaX92 .desktop-top-row { gap: 1rem !important; }
#headerNebulaX92 .desktop-company-name,
#headerNebulaX92 .mobile-logo-text { color: #fff !important; font-family: "Amazon Ember", Arial, sans-serif !important; }
#headerNebulaX92 .desktop-company-name,
#headerNebulaX92 .mobile-logo-text { display: none !important; }
#headerNebulaX92 .desktop-company-name { font-size: 1.15rem !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
#headerNebulaX92 .desktop-logo,
#headerNebulaX92 .mobile-logo { background: transparent; border-radius: 0; padding: 0; }
#headerNebulaX92 .desktop-search-bar,
#headerNebulaX92 .mobile-search-bar {
  min-height: 52px !important;
  border: 1px solid rgba(15,17,17,.12) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(15,17,17,.08) !important;
  padding-inline: 1rem !important;
}
#headerNebulaX92 .desktop-search-bar:focus-within,
#headerNebulaX92 .mobile-search-bar:focus-within { border-color: var(--sc-orange) !important; }
#headerNebulaX92 .desktop-search-input,
#headerNebulaX92 .mobile-search-input { color: var(--sc-ink) !important; }
#headerNebulaX92 .desktop-search-bar i,
#headerNebulaX92 .mobile-search-bar i { color: var(--sc-muted) !important; }
#headerNebulaX92 .currency-selector {
  min-height: 48px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #1f2937 !important;
  padding-inline: .9rem !important;
  font-weight: 700 !important;
}
#headerNebulaX92 .currency-selector option { color: var(--sc-ink); }
#headerNebulaX92 .desktop-icon-button,
#headerNebulaX92 .mobile-icon-button,
#headerNebulaX92 .cart-icon-shell {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--sc-radius-sm) !important;
  background: #f8fafc !important;
  color: var(--sc-ink, #17212b) !important;
}
#headerNebulaX92 .desktop-icon-button:hover,
#headerNebulaX92 .mobile-icon-button:hover,
#headerNebulaX92 .cart-icon-shell:hover { border-color: #94a3b8 !important; transform: none !important; }
#headerNebulaX92 .desktop-icon,
#headerNebulaX92 .mobile-icon { color: var(--sc-orange) !important; }
#headerNebulaX92 #mobileProfileIcon .mobile-icon,
#headerNebulaX92 #mobileCartIcon { color: #12264f !important; }
#headerNebulaX92 .cart-icon-shell {
  width: 48px !important;
  height: 48px !important;
}
#headerNebulaX92 .cart-icon-shell .desktop-icon,
#headerNebulaX92 .cart-icon-shell .mobile-icon {
  font-size: 1.4rem !important;
}
@media (max-width: 1024px) {
  #headerNebulaX92 #mobileCartButton {
    box-sizing: border-box !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border: 1px solid #e0e6ef !important;
    border-radius: 15px !important;
    background: #f1f4f9 !important;
    color: #12264f !important;
    box-shadow: 5px 5px 11px rgba(32, 48, 76, .13), -5px -5px 11px rgba(255, 255, 255, .96) !important;
  }
  #headerNebulaX92 #mobileCartButton .mobile-icon,
  #headerNebulaX92 #mobileProfileIcon .mobile-icon {
    color: #12264f !important;
  }
}
#headerNebulaX92 .desktop-nav-row {
  margin-inline: -1.25rem !important;
  margin-top: .65rem !important;
  padding: .15rem 1.25rem .2rem !important;
  border: 0 !important;
  background: transparent !important;
}
#headerNebulaX92 .desktop-all-button,
#headerNebulaX92 .desktop-nav-action,
#headerNebulaX92 .categoryTriggerLux77 {
  min-height: 42px !important;
  border: 1px solid transparent !important;
  border-radius: var(--sc-radius-sm) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sc-ink, #17212b) !important;
}
#headerNebulaX92 .desktop-all-button:hover,
#headerNebulaX92 .desktop-nav-action:hover,
#headerNebulaX92 .categoryTriggerLux77:hover { border-color: #cbd5e1 !important; color: var(--sc-ink, #17212b) !important; transform: none !important; }

/* Compact button-like navigation links on the transparent secondary row. */
#headerNebulaX92 .desktop-all-button,
#headerNebulaX92 .desktop-nav-action,
#headerNebulaX92 .smartsolution-menu__trigger,
#headerNebulaX92 .mobile-nav-all,
#headerNebulaX92 .mobile-nav-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
#headerNebulaX92 .desktop-nav-items { gap: 1.1rem !important; }
#headerNebulaX92 .desktop-nav-action,
#headerNebulaX92 .smartsolution-menu__trigger,
#headerNebulaX92 .desktop-all-button { padding-inline: 1rem !important; }
#headerNebulaX92 .desktop-all-button:hover,
#headerNebulaX92 .desktop-nav-action:hover,
#headerNebulaX92 .smartsolution-menu__trigger:hover,
#headerNebulaX92 .mobile-nav-all:hover,
#headerNebulaX92 .mobile-nav-item:hover {
  background: #eef2f7 !important;
  border-color: #cbd5e1 !important;
}

/* Keep the secondary navigation on the same white header surface. */
@media (min-width: 769px) {
  #headerNebulaX92 {
    background: #fff !important;
  }
  #headerNebulaX92 .desktop-nav-row {
    color: var(--sc-ink) !important;
  }

  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .smartsolution-menu__trigger,
  #headerNebulaX92 .categoryTriggerLux77,
  #headerNebulaX92 .mobile-nav-all,
  #headerNebulaX92 .mobile-nav-item {
    background: rgba(255,255,255,.94) !important;
    border-color: rgba(15,17,17,.14) !important;
    color: var(--sc-ink) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 7px rgba(15,17,17,.10) !important;
  }

  /* Distinct, restrained tones make each destination scannable. Same colors
     on .mobile-nav-item as .desktop-nav-action below (768-1024px keeps the
     compact scrollable layout — header.js's own breakpoint for that switch
     is 1024px, not this file's 769px — but must share the same palette,
     matched here by href since the mobile items list has an extra <details>
     element at the SmartSolutionTek position that would throw off nth-child). */
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(1) { background: #e8ddff !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(2) { background: #ffe0bd !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(3) { background: #cfe7ff !important; }
  #headerNebulaX92 .desktop-nav-items > .smartsolution-menu:nth-child(4) .smartsolution-menu__trigger { background: #d9f3e5 !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(5) { background: #fff0b8 !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(6) { background: #d9e8ff !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action:nth-child(7) { background: #f3d8e8 !important; }

  /* Same nth-child fallback as desktop above, so a future href change (like the
     "logiciel proformat" -> "services.html" one already caught while fixing this)
     can't silently drop a color here without breaking desktop too. */
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(1) { background: #e8ddff !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(2) { background: #ffe0bd !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(3) { background: #cfe7ff !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(5) { background: #fff0b8 !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(6) { background: #d9e8ff !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-nav-item:nth-child(7) { background: #f3d8e8 !important; }

  #headerNebulaX92 .desktop-nav-items > a[href*="printing"],
  #headerNebulaX92 .mobile-nav-items > a[href*="printing"] { background: #e8ddff !important; }
  #headerNebulaX92 .desktop-nav-items > a[href*="vendor"],
  #headerNebulaX92 .mobile-nav-items > a[href*="vendor"] { background: #ffe0bd !important; }
  #headerNebulaX92 .desktop-nav-items > a[href*="auto-parts"],
  #headerNebulaX92 .mobile-nav-items > a[href*="auto-parts"] { background: #cfe7ff !important; }
  #headerNebulaX92 .desktop-nav-items > a[href*="education"],
  #headerNebulaX92 .mobile-nav-items > a[href*="education"] { background: #fff0b8 !important; }
  #headerNebulaX92 .desktop-nav-items > a[href*="services.html"],
  #headerNebulaX92 .mobile-nav-items > a[href*="services.html"] { background: #d9e8ff !important; }
  #headerNebulaX92 .desktop-nav-items > a[href*="health"],
  #headerNebulaX92 .mobile-nav-items > a[href*="health"] { background: #f3d8e8 !important; }
  #headerNebulaX92 .mobile-nav-items > .mobile-smartsolution-menu > summary.mobile-nav-item { background: #d9f3e5 !important; }

  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .mobile-nav-all { background: #ffe3a3 !important; }

  #headerNebulaX92 .desktop-all-button:hover,
  #headerNebulaX92 .desktop-nav-action:hover,
  #headerNebulaX92 .smartsolution-menu__trigger:hover,
  #headerNebulaX92 .categoryTriggerLux77:hover,
  #headerNebulaX92 .mobile-nav-all:hover,
  #headerNebulaX92 .mobile-nav-item:hover {
    background: var(--sc-gold) !important;
    border-color: var(--sc-gold-border) !important;
    color: var(--sc-ink) !important;
  }
}

@media (min-width: 1200px) {
  /* Five equal cards fill the desktop rail without a clipped sixth slot. */
  .home-discovery__section[data-section="sponsored"] .home-discovery-card,
  .home-discovery__section[data-section="recommended"] .home-discovery-card {
    flex: 0 0 calc((100% - 4rem) / 5) !important;
    width: calc((100% - 4rem) / 5) !important;
    max-width: calc((100% - 4rem) / 5) !important;
  }
}

/* Curated product grid */
#home-hero-categories-shell {
  position: relative;
  overflow: hidden;
  width: calc(100% - 2rem) !important;
  margin-inline: auto !important;
  background: linear-gradient(135deg, var(--hero-dominant-color, #081b3a) 0%, var(--hero-secondary-color, #123f78) 100%) !important;
}
#home-hero-categories-shell #sierra-hero-root,
#home-hero-categories-shell #sierra-home-categories-root { background: transparent !important; }
#home-hero-categories-shell #sierra-hero-root,
#home-hero-categories-shell #sierra-home-categories-root {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#sierra-home-categories-root {
  padding: .75rem 1rem 0 !important;
  background: transparent !important;
}
#sierra-hero-root,
#sierra-hero-root .posterHeroRoot913 {
  background: linear-gradient(135deg, var(--hero-dominant-color, #081b3a) 0%, var(--hero-secondary-color, #123f78) 100%) !important;
}
#sierra-hero-root .posterHeroArrows913 { display: none !important; }
#sierra-hero-root .posterHeroDots913 { display: none !important; }
#sierra-hero-root .posterHeroArrows913 { display: flex !important; }
#sierra-hero-root .posterHeroArrows913 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}
#sierra-hero-root .posterHeroFooter913 { position: static !important; }
#sierra-hero-root .posterHeroArrow913 {
  pointer-events: auto !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 3.65rem !important;
  height: 3.65rem !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.38), rgba(215,245,248,.16) 52%, rgba(255,255,255,.28)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 1px 0 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(18,53,81,.16), 0 12px 28px rgba(9,31,57,.22), 0 2px 7px rgba(9,31,57,.12) !important;
  backdrop-filter: blur(22px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(190%) !important;
  color: #fff !important;
  font-size: 2.35rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: 0 1px 4px rgba(5,22,44,.48), 0 0 1px rgba(5,22,44,.35) !important;
  animation: none !important;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
#sierra-hero-root .posterHeroArrow913::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto !important;
  height: 44% !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
#sierra-hero-root .posterHeroArrow913[data-hero-prev]:hover,
#sierra-hero-root .posterHeroArrow913[data-hero-next]:hover {
  transform: translateY(-50%) scale(1.06) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(215,245,248,.25) 52%, rgba(255,255,255,.4)) !important;
  border-color: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), inset 1px 0 0 rgba(255,255,255,.48), 0 16px 34px rgba(9,31,57,.28), 0 0 0 4px rgba(255,255,255,.11) !important;
}
#sierra-hero-root .posterHeroArrow913[data-hero-prev]:active,
#sierra-hero-root .posterHeroArrow913[data-hero-next]:active {
  transform: translateY(-50%) scale(.96) !important;
  box-shadow: inset 0 2px 7px rgba(9,31,57,.2), 0 5px 13px rgba(9,31,57,.15) !important;
}
#sierra-hero-root .posterHeroArrow913:focus-visible {
  outline: 2px solid rgba(255,255,255,.96) !important;
  outline-offset: 3px !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #sierra-hero-root .posterHeroArrow913 {
    background: rgba(22,53,82,.78) !important;
  }
}
#sierra-hero-root .posterHeroArrow913[data-hero-prev],
#sierra-hero-root .posterHeroArrow913[data-hero-next] {
  position: absolute !important;
  top: 42% !important;
  z-index: 30 !important;
  transform: translateY(-50%) !important;
}
#sierra-hero-root .posterHeroArrow913[data-hero-prev] { left: .5rem !important; }
#sierra-hero-root .posterHeroArrow913[data-hero-next] { right: .5rem !important; }
#sierra-hero-root .posterHeroRoot913,
#sierra-hero-root .posterHeroPoster913 {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
#sierra-hero-root .posterHeroRoot913 { margin-top: 0 !important; }
#sierra-hero-root .posterHeroSlide913 { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

@media (min-width: 769px) {
  #sierra-hero-root,
  #sierra-home-categories-root {
    width: calc(100% - 2rem) !important;
    margin-inline: auto !important;
  }

  #sierra-hero-root { position: relative; z-index: 1 !important; }

  #sierra-hero-root .posterHeroRoot913 {
    height: clamp(360px, 48vh, 560px) !important;
    min-height: 0 !important;
  }
  #sierra-hero-root .posterHeroViewport913,
  #sierra-hero-root .posterHeroTrack913 {
    height: 100% !important;
    min-height: 0 !important;
  }
  #sierra-hero-root .posterHeroSlide913,
  #sierra-hero-root .posterHeroPoster913 {
    height: 100% !important;
    min-height: 0 !important;
  }
  #sierra-hero-root .posterHeroPosterImage913 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  #sierra-home-categories-root {
    position: relative;
    z-index: 2;
    margin-top: -132px !important;
    padding-top: 0 !important;
  }
}

/* Tablette (768–1023 px)
   Le header utilise encore le rendu mobile jusqu'à 1024 px, alors que le
   hero basculait déjà sur la hauteur desktop. L'image restait donc à sa
   hauteur intrinsèque et laissait une grande zone vide sous la bannière.
   Le visuel remplit maintenant toute la hauteur du hero et le rail reprend
   son chevauchement contrôlé, comme sur les autres formats. */
@media (min-width: 768px) and (max-width: 1023px) {
  #sierra-hero-root,
  #sierra-hero-root .posterHeroRoot913,
  #sierra-hero-root .posterHeroViewport913,
  #sierra-hero-root .posterHeroTrack913,
  #sierra-hero-root .posterHeroSlide913,
  #sierra-hero-root .posterHeroPoster913 {
    height: clamp(320px, 43vw, 430px) !important;
    min-height: 0 !important;
  }

  #sierra-hero-root .posterHeroPosterImage913 {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  #sierra-home-categories-root {
    position: relative !important;
    z-index: 2 !important;
    margin-top: -104px !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 1rem !important;
  }

  /* Les boutons de la rangée tablette doivent conserver les mêmes pastilles
     arrondies que sur mobile et desktop, malgré le style mobile injecté par
     header.js. */
  #headerNebulaX92 .mobile-nav-all,
  #headerNebulaX92 .mobile-nav-item,
  #headerNebulaX92 .mobile-smartsolution-menu > summary.mobile-nav-item {
    border-radius: 14px !important;
  }
}

#sierra-home-categories-root .categories-wrapper-carousel {
  width: min(100%, 1500px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

/* Uniformiser les liens de navigation : de vraies pastilles sur chaque
   breakpoint, y compris la plage tablette 768–1024 px. */
#headerNebulaX92 .desktop-all-button,
#headerNebulaX92 .desktop-nav-action,
#headerNebulaX92 .smartsolution-menu__trigger,
#headerNebulaX92 .mobile-nav-all,
#headerNebulaX92 .mobile-nav-item,
#headerNebulaX92 .mobile-smartsolution-menu > summary.mobile-nav-item {
  border-radius: 999px !important;
}
#sierra-home-categories-root .categories-head { display: none !important; }
#sierra-home-categories-root .categories-nav-buttons { display: none !important; }
#sierra-home-categories-root .categories-head { margin-bottom: .7rem !important; }
#sierra-home-categories-root .categories-head h2 { font-size: 1.2rem !important; font-weight: 700 !important; }
#sierra-home-categories-root .categories-row { gap: .75rem !important; padding-bottom: .35rem !important; }
#sierra-home-categories-root .category-card {
  flex: 0 0 clamp(190px, 20vw, 280px) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  box-shadow: none !important;
}
#sierra-home-categories-root .category-image-container {
  aspect-ratio: 3 / 2 !important;
}
#sierra-home-categories-root .category-card:hover { transform: translateY(-3px) !important; box-shadow: var(--sc-shadow) !important; }
#sierra-home-categories-root .category-name {
  display: block !important;
  padding: .75rem .8rem .85rem !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  color: var(--sc-ink) !important;
  background: #fff !important;
}
#sierra-home-categories-root .ecosystem-description {
  display: block;
  margin-top: .3rem;
  color: var(--sc-muted) !important;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  #headerNebulaX92 .mobile-nav-all {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 5 !important;
    white-space: nowrap !important;
    margin-right: .45rem !important;
  }
  #headerNebulaX92 .mobile-nav-items {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding-left: .2rem !important;
  }

  #home-hero-categories-shell { width: calc(100% - 1rem) !important; }
}
#sierra-home-categories-root .category-card--grouped { padding: 1.1rem !important; background: #fff !important; }
#sierra-home-categories-root .category-group-title {
  margin-top: .8rem;
  margin-bottom: 0;
  color: var(--sc-ink);
  font-size: clamp(.76rem, .9vw, .9rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
  max-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#sierra-home-categories-root .category-group-main { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 8px; }
#sierra-home-categories-root .category-group-link { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; }
#sierra-home-categories-root .category-group-link:focus-visible { outline: 3px solid var(--sc-orange); outline-offset: -3px; }
#sierra-home-categories-root .category-group-main .category-image { aspect-ratio: 16 / 10; }
#sierra-home-categories-root .category-group-subgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; margin-top: .7rem; }
#sierra-home-categories-root .category-group-subgrid > div { min-width: 0; overflow: hidden; }
#sierra-home-categories-root .category-group-subgrid .category-image { aspect-ratio: 1 / 1; border-radius: 6px; }
#sierra-home-categories-root .category-group-subgrid span { display: block; margin-top: .3rem; color: var(--sc-muted); font-size: .78rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 1600px) {
  #sierra-home-categories-root .categories-wrapper-carousel {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
}
@media (min-width: 769px) {
  #sierra-home-categories-root .categories-row {
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  #sierra-home-categories-root .categories-row .category-card--grouped {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
  }
  #sierra-home-categories-root .category-card {
    flex-basis: calc((100% - 2.25rem) / 4) !important;
    max-width: none !important;
  }
}
/* This whole block used to stop at 767px — the fixed header's dynamic-color,
   see-through overlap onto the hero (and matching mobile-nav-item look) then
   simply didn't exist at 768px: neither this block nor the ≥769px desktop
   block (further up this file) fired there, leaving a flat, static, opaque
   header with no hero color showing through. Widened to 1024px so it covers
   every width where header.js actually renders the mobile header markup
   (.mobile-header-inner, per header.js's own 1024/1025px breakpoint) instead
   of stopping short of it. */
@media (max-width: 1024px) {
  #home-hero-categories-shell {
    padding-top: var(--header-height-mobile, 104px) !important;
    background: transparent !important;
  }
  /* Keep the shared hero/category gradient below the fixed transparent header. */
  #home-hero-categories-shell::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: var(--header-height-mobile, 104px);
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(135deg, var(--hero-dominant-color, #081b3a) 0%, var(--hero-secondary-color, #123f78) 100%);
  }
  #home-hero-categories-shell > * { position: relative; z-index: 1; }
  #sierra-hero-root { padding-top: 0 !important; }
  #headerNebulaX92 {
    background: #fff !important;
  }
  #headerNebulaX92 .mobile-nav-item {
    min-height: 38px !important;
    padding-inline: .8rem !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: var(--sc-ink, #17212b) !important;
  }
  #headerNebulaX92 .mobile-nav-item:hover,
  #headerNebulaX92 .mobile-smartsolution-menu[open] > summary {
    background: #eef2f7 !important;
    color: var(--sc-ink, #17212b) !important;
  }
  #sierra-hero-root,
  #sierra-home-categories-root { width: calc(100% - 1rem) !important; margin-inline: .5rem !important; }
  #sierra-home-categories-root { padding-inline: .5rem !important; }
  #sierra-home-categories-root .categories-wrapper-carousel { width: 100% !important; }
}
#sierra-products-root {
  width: calc(100% - 2rem) !important;
  margin-inline: auto !important;
  padding-block: 1.25rem 1rem !important;
  background: var(--sc-canvas) !important;
}
#sierra-products-root [class^="products-grid-header-"] {
  display: flex !important;
}
#sierra-products-root [class*=" products-grid-layout-"] {
  padding-top: 0 !important;
}
[class*=" products-grid-layout-"] { max-width: 1500px !important; padding-inline: 1rem !important; }
[class^="products-grid-header-"] {
  margin-bottom: .8rem !important;
  padding: .9rem 1rem !important;
  border-radius: var(--sc-radius) !important;
  background: #fff !important;
  box-shadow: var(--sc-shadow) !important;
}
.home-section-heading {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin: 0 0 .8rem !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius) !important;
  background: #fff !important;
  box-shadow: var(--sc-shadow) !important;
}
.home-section-heading .home-section-title {
  margin: 0 !important;
  color: var(--sc-ink) !important;
  font-family: "Amazon Ember", Arial, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}
[class^="products-grid-header-"] h2,
.home-discovery__heading h2 {
  font-family: "Amazon Ember", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}
[class^="products-grid-eyebrow-"] { color: var(--sc-link); }
[class^="products-grid-all-"] {
  border-color: #a2a6ac !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 2px rgba(15,17,17,.15) !important;
}
[class^="products-grid-shell-"] { gap: .75rem !important; }
[class^="product-card-products_"] {
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  box-shadow: none !important;
  transition: box-shadow .18s ease, transform .18s ease !important;
}
[class^="product-card-products_"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--sc-shadow) !important;
}
[class^="product-card-products_"] [class^="product-image-container-"] {
  background: #fff !important;
  aspect-ratio: 1 / 1 !important;
}
@media (max-width: 767px) {
  /* Overrides the 1/1 two lines up — that rule comes later in the cascade than
     the one in the max-width:767px block near the top of this file, so this
     needs to sit after it too, or it never wins. */
  [class^="product-card-products_"] [class^="product-image-container-"] {
    aspect-ratio: 5 / 4 !important;
  }
}
[class^="product-card-products_"] .product-main-image {
  object-fit: contain !important;
  padding: .75rem !important;
  transform: none !important;
}
[class^="product-card-products_"] h3 {
  color: var(--sc-link) !important;
  font-size: .94rem !important;
  font-weight: 400 !important;
}
[class^="product-card-products_"] p { color: var(--sc-muted) !important; font-size: .8rem !important; }
[class^="product-card-products_"] .text-xl { color: var(--sc-ink) !important; font-size: 1.08rem !important; font-weight: 700 !important; }
[class^="product-card-products_"] .nav-arrow {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.94) !important;
  color: #111827 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.22) !important;
}
[class^="product-card-products_"] .nav-arrow i,
[class^="product-card-products_"] .nav-arrow svg,
[class^="product-card-products_"] .nav-arrow span {
  color: #111827 !important;
  fill: #111827 !important;
}
[class^="product-card-products_"] .nav-arrow.left { left: .35rem !important; }
[class^="product-card-products_"] .nav-arrow.right { right: .35rem !important; }
[class^="product-card-products_"] .mobile-cart-btn,
.add-to-cart-btn,
.checkout-btn,
.pay-now-btn {
  min-height: 48px !important;
  border: 1px solid var(--sc-gold-border) !important;
  border-radius: var(--sc-radius) !important;
  background: var(--sc-gold) !important;
  color: var(--sc-ink) !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.4) inset !important;
}
[class^="product-card-products_"] .mobile-cart-btn:hover,
.add-to-cart-btn:hover,
.checkout-btn:hover,
.pay-now-btn:hover { background: #f7ca00 !important; }

/* Discovery rails use one visual language */
#sierra-products-root,
#sierra-home-discovery-root,
#sierra-services-teaser-root,
#ecosystem-sections-rail,
#sierra-sst-showcase-root,
#sierra-home-tickets-root { background: transparent !important; }
#sierra-services-teaser-root .services-teaser,
#sierra-sst-showcase-root .sst-showcase {
  background: transparent !important;
}
#sierra-home-discovery-root { padding: .25rem 1rem 1.5rem !important; }
.home-discovery { max-width: 1500px !important; margin: 0 auto !important; }

/* Keep the homepage composition fluid on wide and ultra-wide displays.
   The desktop baseline remains intentionally compact; once there is enough
   room, the product rails grow with the viewport instead of leaving large
   empty gutters on either side. */
@media (min-width: 1600px) {
  [class*=" products-grid-layout-"],
  .home-discovery {
    width: calc(100% - 4rem) !important;
    max-width: 2200px !important;
  }

  [class^="products-grid-shell-"] {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2300px) {
  [class*=" products-grid-layout-"],
  .home-discovery {
    width: calc(100% - 6rem) !important;
    max-width: 2600px !important;
  }

  [class^="products-grid-shell-"] {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

/* Ultra-wide viewport correction: the original desktop caps below would
   otherwise keep the header and product rail visually tiny at 2K/4K sizes. */
@media (min-width: 1600px) {
  :root { --header-height: 176px; }
  #headerNebulaX92 .desktop-header-inner {
    padding: 1rem 2rem .75rem !important;
    gap: .9rem !important;
  }
  #headerNebulaX92 .desktop-logo { height: 66px !important; }
  #headerNebulaX92 .desktop-search-bar { min-height: 58px !important; }
  #headerNebulaX92 .desktop-search-input { font-size: 1rem !important; }
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .smartsolution-menu__trigger { min-height: 46px !important; font-size: .96rem !important; }
  #headerNebulaX92 .desktop-header-inner {
    width: calc(100% - 3rem) !important;
    max-width: none !important;
  }

  #sierra-products-root [class^="products-grid-shell-"] {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Match the proportions of the featured-product rail: keep product cards
   readable instead of packing too many tiny columns on desktop. */
@media (min-width: 1024px) {
  #headerNebulaX92 .desktop-header-inner {
    width: calc(100% - 2rem) !important;
    max-width: none !important;
  }

  [class*=" products-grid-layout-"] {
    width: calc(100% - 2rem) !important;
    max-width: none !important;
  }

  #sierra-products-root [class^="products-grid-shell-"] {
    width: 100% !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 2000px) {
  [class*=" products-grid-layout-"] {
    width: calc(100% - 4rem) !important;
  }

  #sierra-products-root [class^="products-grid-shell-"] {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
.home-discovery__section {
  margin-bottom: 1rem !important;
  padding: 1rem !important;
  border: 0 !important;
  border-radius: var(--sc-radius) !important;
  background: #fff !important;
  box-shadow: var(--sc-shadow) !important;
}
.home-discovery__section,
.home-discovery__section[data-section="sponsored"],
.home-discovery__section[data-section="recommended"],
.home-discovery__section[data-section="vendors"] {
  background: transparent !important;
  box-shadow: none !important;
}
.home-discovery__section::before { display: none !important; }
.home-discovery__heading { margin-bottom: .85rem !important; }
.home-discovery__section .home-discovery__heading h2 { color: var(--sc-ink) !important; font-size: 1.35rem !important; }
.home-discovery__section .home-discovery__heading .home-section-title { font-size: 1.25rem !important; }
.home-discovery__rail { gap: .75rem !important; }
.home-discovery-card {
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  box-shadow: none !important;
}

/* Top sellers use the same product-card proportions as "Produits à la une". */
@media (min-width: 769px) {
  .home-discovery__section[data-section="vendors"] .home-discovery__vendors {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 1rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-inline: 0 !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card {
    flex: 0 0 clamp(220px, 22vw, 280px) !important;
    width: clamp(220px, 22vw, 280px) !important;
    max-width: clamp(220px, 22vw, 280px) !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__image {
    flex: 0 0 auto !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 1rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card h3 {
    min-height: 3.05rem !important;
    font-size: 1.125rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__desc {
    min-height: 2.5rem !important;
    font-size: .875rem !important;
  }
}
@media (min-width: 1200px) {
  .home-discovery__section[data-section="vendors"] .home-discovery-card {
    flex-basis: calc((100% - 4rem) / 5) !important;
    width: calc((100% - 4rem) / 5) !important;
    max-width: calc((100% - 4rem) / 5) !important;
  }
}
/* Desktop top-vendor rail: compact service-style cards with one shared
   media height and a fixed content rhythm, so no card grows independently. */
@media (min-width: 769px) {
  .home-discovery__section[data-section="vendors"] {
    margin-top: 1.25rem !important;
    padding: 1rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery__heading {
    margin-bottom: .75rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery__vendors {
    align-items: stretch !important;
    padding: 0 0 .55rem !important;
    gap: .75rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card {
    height: auto !important;
    min-height: 0 !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__image {
    aspect-ratio: auto !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    overflow: hidden !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: .85rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card h3 {
    min-height: 2.55rem !important;
    margin-bottom: .3rem !important;
    line-height: 1.25 !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__desc {
    min-height: 2.35rem !important;
  }
  .home-discovery__section[data-section="vendors"] .home-discovery-card__footer {
    margin-top: auto !important;
  }
}
@media (max-width: 520px) {
  .home-discovery__section[data-section="vendors"] .home-discovery-card {
    flex-basis: 68vw !important;
    max-width: 270px !important;
  }
}
.home-discovery-card:hover { transform: translateY(-2px) !important; box-shadow: var(--sc-shadow) !important; }
.home-discovery-card__image { background: #fff !important; }
.home-discovery-card__image img { object-fit: contain !important; padding: .65rem !important; }
.home-discovery-card h3 { font-family: "Amazon Ember", Arial, sans-serif !important; font-size: .92rem !important; font-weight: 400 !important; color: var(--sc-link) !important; }
.home-discovery-card__desc { color: var(--sc-muted) !important; }
.home-discovery-card__footer strong { color: var(--sc-ink) !important; }
.home-discovery-card__section-badge {
  border-radius: 3px !important;
  background: var(--sc-navy-soft) !important;
  box-shadow: none !important;
}

/* Catalogue */
[class^="catalogue-wrapper-"] { background: var(--sc-canvas) !important; }
[class^="catalogue-wrapper-"] > .catalogue-header {
  position: relative !important;
  border-bottom: 1px solid var(--sc-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}
[class^="catalogue-wrapper-"] > .catalogue-header > div { max-width: 1500px !important; }
[class^="catalogue-wrapper-"] > .catalogue-header h1 {
  font-family: "Amazon Ember", Arial, sans-serif !important;
  font-size: clamp(1.45rem, 3vw, 2.1rem) !important;
  font-weight: 700 !important;
}
[class^="catalogue-wrapper-"] .search-bar input {
  min-height: 48px !important;
  border: 2px solid #879596 !important;
  border-radius: var(--sc-radius-sm) !important;
}
[class^="catalogue-wrapper-"] .search-bar input:focus { border-color: var(--sc-orange) !important; box-shadow: 0 0 0 2px rgba(255,164,28,.3) !important; }
[class^="catalogue-container-"] { max-width: 1500px !important; padding: 1rem !important; gap: 1rem !important; }
.catalogue-body #sierra-footer-root { display: none !important; }
.catalogue-body #catalogue-page-root { overflow: hidden !important; }
.catalogue-body .catalogue-shell { height: 100% !important; min-height: 0 !important; padding-bottom: 0 !important; overflow: hidden !important; }
.catalogue-body #catalogue-section-root { height: 100% !important; min-height: 0 !important; overflow: hidden !important; }
[class^="catalogue-wrapper-"] { height: 100% !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }
[class^="catalogue-wrapper-"] > [class^="catalogue-container-"] { flex: 1 1 auto !important; }
[class^="catalogue-container-"] {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Final homepage polish: keep discovery cards compact, aligned and predictable
   at every desktop width instead of letting long copy stretch individual cards. */
.home-discovery__section[data-section="sponsored"] .home-discovery-card,
.home-discovery__section[data-section="recommended"] .home-discovery-card {
  min-height: 0 !important;
}
.home-discovery__section[data-section="sponsored"] .home-discovery-card__image,
.home-discovery__section[data-section="recommended"] .home-discovery-card__image {
  aspect-ratio: 1 / .92 !important;
  min-height: 0 !important;
}
.home-discovery__section[data-section="sponsored"] .home-discovery-card h3,
.home-discovery__section[data-section="recommended"] .home-discovery-card h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 2.35em !important;
  line-height: 1.18 !important;
}
.home-discovery__section[data-section="sponsored"] .home-discovery-card__desc,
.home-discovery__section[data-section="recommended"] .home-discovery-card__desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 2.35em !important;
  line-height: 1.35 !important;
}

/* Desktop rhythm: all homepage content bands share the same centered column
   so their left and right edges line up visually. */
@media (min-width: 768px) {
  #sierra-home-categories-root,
  #sierra-products-root,
  #sierra-home-discovery-root,
  #sierra-sst-showcase-root {
    width: calc(100% - 1rem) !important;
    max-width: 1800px !important;
    margin-inline: auto !important;
  }
  #sierra-products-root [class*=" products-grid-layout-"],
  #sierra-home-discovery-root .home-discovery,
  #sierra-sst-showcase-root .sst-showcase-inner {
    width: 100% !important;
    max-width: none !important;
  }
  #sierra-sst-showcase-root .sst-showcase { margin-inline: 0 !important; }
  #ecosystem-sections-rail {
    width: calc(100% - 1rem) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
}

@media (min-width: 769px) {
  .home-discovery__section[data-section="sponsored"] .home-discovery__rail,
  .home-discovery__section[data-section="recommended"] .home-discovery__rail {
    gap: 1rem !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 769px) {
  .home-discovery__section[data-section="recommended"] .home-discovery__rail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }
  .home-discovery__section[data-section="recommended"] .home-discovery-card {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .home-discovery__section[data-section="recommended"] .home-discovery-card__image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
  }
  .home-discovery__section[data-section="recommended"] .home-discovery-card__body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}
@media (min-width: 1200px) {
  .home-discovery__section[data-section="recommended"] .home-discovery__rail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 769px) {
  /* The trends rail stays on one desktop row: show five cards and hide the overflow item. */
  .home-discovery__section[data-section="recommended"] .home-discovery__rail {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .home-discovery__section[data-section="recommended"] .home-discovery__rail > :nth-child(n + 6) {
    display: none !important;
  }
}
[class^="catalogue-container-"] > aside {
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
[class^="catalogue-container-"] > aside > div { position: static !important; }
[class^="catalogue-container-"] > main {
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
[class^="catalogue-container-"] > main > * { min-width: 0; }
@media (max-width: 1023px) {
  .catalogue-body #catalogue-page-root { height: 100dvh !important; padding-top: var(--header-height-mobile, 92px) !important; }
  [class^="catalogue-container-"] { height: 100% !important; }
  [class^="catalogue-container-"] > main > [class^="catalogue-toolbar-"] {
    position: sticky !important;
    top: 0 !important;
    z-index: 12 !important;
    margin-top: 0 !important;
    background: var(--sc-canvas, #f3f4f4) !important;
  }
}
@media (min-width: 1024px) {
  .catalogue-body #catalogue-page-root { height: calc(100dvh - var(--header-height, 156px)) !important; padding-top: 0 !important; }
}
[class^="desktop-sidebar-"] > div {
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius) !important;
  box-shadow: none !important;
}
[class^="catalogue-toolbar-"] {
  min-height: 54px;
  margin-bottom: .75rem !important;
  padding: .5rem .75rem !important;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius);
  background: #fff;
}
[class^="sort-select-"] { min-height: 42px !important; border-color: #a2a6ac !important; border-radius: var(--sc-radius-sm) !important; }
#catalogue-page-root [class^="products-grid-catalogue_"] { gap: .75rem !important; }
#catalogue-page-root [class^="product-card-catalogue_"] {
  border: 1px solid var(--sc-line) !important;
  border-radius: var(--sc-radius-sm) !important;
  background: #fff !important;
  box-shadow: none !important;
}
#catalogue-page-root [class^="product-card-catalogue_"]:hover { transform: translateY(-2px) !important; box-shadow: var(--sc-shadow) !important; }
#catalogue-page-root [class^="product-card-catalogue_"]:focus-visible,
[class^="product-card-products_"]:focus-visible {
  outline: 3px solid #e77600 !important;
  outline-offset: 2px !important;
}
#catalogue-page-root [class^="product-image-container-catalogue_"] { background: #fff !important; }
#catalogue-page-root [class^="product-main-image-catalogue_"] { object-fit: contain !important; padding: .75rem !important; transform: none !important; }
#catalogue-page-root [class^="product-name-catalogue_"] { font-family: "Amazon Ember", Arial, sans-serif !important; font-size: .94rem !important; font-weight: 400 !important; color: var(--sc-link) !important; }
#catalogue-page-root [class^="current-price-catalogue_"] { color: var(--sc-ink) !important; font-weight: 700 !important; }
#catalogue-page-root [class^="page-btn-"] { min-width: 44px !important; min-height: 44px !important; border-radius: var(--sc-radius-sm) !important; }
#catalogue-page-root .nav-arrow {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  background: rgba(255,255,255,.95) !important;
  color: var(--sc-ink) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.24) !important;
}

/* Product detail and purchase box */
[class^="product-page-shell-"] {
  background: #fff !important;
  color: var(--sc-ink) !important;
}
[class^="product-page-shell-"] > div:first-child { max-width: 1500px !important; }
[class^="product-page-shell-"] .hidden.md\:flex {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
[class^="product-page-shell-"] .hidden.md\:flex > div:first-child {
  position: sticky;
  top: calc(var(--header-height, 120px) + .75rem);
  align-self: flex-start;
}
[class^="product-page-shell-"] .hidden.md\:flex > div:last-child {
  border-left: 1px solid var(--sc-line);
  background: #fff;
}
[class^="product-page-shell-"] h1 {
  font-family: "Amazon Ember", Arial, sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 1.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
[class^="product-page-shell-"] .product-current-price { color: var(--sc-ink) !important; }
[class^="product-page-shell-"] .desktop-image-item { border: 1px solid var(--sc-line) !important; border-radius: var(--sc-radius-sm) !important; box-shadow: none !important; }
[class^="product-page-shell-"] .desktop-image-item img { object-fit: contain !important; }
[class^="product-page-shell-"] .mobile-image-slide img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}
[class^="product-page-shell-"] .product-page-mobile-gallery img,
[class^="product-page-shell-"] .mobile-image-slide img {
  display: block !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
}
[class^="product-page-shell-"] .related-products-carousel .related-product-image {
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  transform: none !important;
}
[class^="product-page-shell-"] .product-page-mobile-gallery .mobile-image-carousel,
[class^="product-page-shell-"] .product-page-mobile-gallery .product-images-mobile-root,
[class^="product-page-shell-"] .product-page-mobile-gallery .mobile-image-container,
[class^="product-page-shell-"] .product-page-mobile-gallery .mobile-image-slide {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
[class^="product-page-shell-"] .product-page-mobile-gallery .mobile-nav-btn {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.product-page-body #sierra-footer-root { display: none !important; }
.product-page-body #product-page-root {
  height: 100dvh !important;
  min-height: 0 !important;
  padding-top: var(--header-height, 156px) !important;
  overflow: hidden !important;
}
.product-page-body #product-page-content { height: 100% !important; min-height: 0 !important; overflow: hidden !important; }
[class^="product-page-shell-"] {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
[class^="product-page-shell-"] > .product-page-frame {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
[class^="product-page-shell-"] .product-page-topline { flex: 0 0 auto !important; }
[class^="product-page-shell-"] .product-modal-main-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
[class^="product-page-shell-"] .product-page-desktop-layout {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
}
[class^="product-page-shell-"] .product-page-desktop-gallery,
[class^="product-page-shell-"] .product-page-desktop-info {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
[class^="product-page-shell-"] .product-page-desktop-gallery {
  overflow: hidden !important;
  overscroll-behavior: contain;
}
[class^="product-page-shell-"] .product-page-desktop-gallery.is-scrollable {
  overflow-y: scroll !important;
  max-height: 100% !important;
  scrollbar-gutter: stable;
}
[class^="product-page-shell-"] .product-page-desktop-gallery.is-scrollable .product-images-desktop-root {
  height: max-content !important;
  min-height: 100% !important;
}
[class^="product-page-shell-"] .product-page-desktop-gallery.is-single { overflow: hidden !important; }
[class^="product-page-shell-"] .product-page-desktop-info {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
[class^="product-page-shell-"] .product-images-desktop-root { min-height: 100%; }
[class^="product-page-shell-"] .desktop-image-grid { padding-bottom: .25rem; }
.product-trust-item { border-radius: var(--sc-radius-sm) !important; background: var(--sc-canvas) !important; }
.product-trust-item i { color: var(--sc-success) !important; }
.product-page-mobile-buybar { border-radius: var(--sc-radius) !important; }
.product-page-buybar-action { border-radius: var(--sc-radius) !important; background: var(--sc-orange) !important; color: var(--sc-ink) !important; }

@media (max-width: 1023px) {
  html.product-page-document {
    height: auto !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
  }
  body.product-page-body {
    height: auto !important;
    overflow: visible !important;
  }
  .product-page-body #product-page-root {
    height: 100dvh !important;
    padding-top: var(--header-height-mobile, 104px) !important;
  }
  [class^="product-page-shell-"] > .product-page-frame {
    padding-bottom: .75rem !important;
  }
  [class^="product-page-shell-"] .product-modal-main-scroll {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  [class^="product-page-shell-"] .md\:hidden {
    min-height: 100%;
  }
  [class^="product-page-shell-"] .product-page-mobile-card {
    min-height: 100%;
  }
  [class^="product-page-shell-"] .product-page-mobile-info {
    max-height: none;
  }
  .product-page-body,
  .product-page-body html { height: auto !important; overflow-y: visible !important; }
  .product-page-body #product-page-root {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }
  .product-page-body #product-page-content,
  [class^="product-page-shell-"] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  [class^="product-page-shell-"] > .product-page-frame {
    height: auto !important;
    display: block !important;
    overflow: visible !important;
  }
  [class^="product-page-shell-"] .product-modal-main-scroll {
    display: block !important;
    overflow: visible !important;
  }
  [class^="product-page-shell-"] .md\:hidden { display: block !important; }
  [class^="product-page-shell-"] .product-page-desktop-layout { display: none !important; }
}

@media (min-width: 1024px) {
  .product-page-body #product-page-root {
    height: calc(100dvh - var(--header-height, 156px)) !important;
    padding-top: 0 !important;
  }
}

/* Cart and checkout */
.cart-overlay { background: rgba(0,0,0,.55) !important; backdrop-filter: none !important; }
.cart-container {
  max-width: 540px !important;
  border-left: 1px solid var(--sc-line) !important;
  background: #fff !important;
  box-shadow: -12px 0 32px rgba(0,0,0,.25) !important;
}
.cart-container .cart-item {
  border: 0 !important;
  border-bottom: 1px solid var(--sc-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.cart-container .continue-shopping-btn { min-height: 46px !important; border-radius: var(--sc-radius) !important; }
.cart-container > div:first-of-type { padding: 1rem 1.25rem !important; border-bottom: 1px solid var(--sc-line) !important; background: #fff !important; }
.cart-container h2 { font-family: "Amazon Ember", Arial, sans-serif !important; font-size: 1.25rem !important; font-weight: 700 !important; }
.cart-container .close-cart-btn { width: 44px !important; height: 44px !important; border: 1px solid var(--sc-line) !important; border-radius: 50% !important; background: #fff !important; }
[class^="checkout-container-"] {
  border-radius: var(--sc-radius) !important;
  background: #fff !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.3) !important;
}
[class^="checkout-modal-"] { background: rgba(0,0,0,.62) !important; backdrop-filter: none !important; }
[class^="checkout-container-"] > div:first-child { border: 0 !important; border-radius: var(--sc-radius) var(--sc-radius) 0 0 !important; background: var(--sc-navy) !important; }
[class^="checkout-container-"] > div:first-child h2 { color: #fff !important; font-family: "Amazon Ember", Arial, sans-serif !important; font-size: 1.4rem !important; font-weight: 700 !important; }
[class^="checkout-container-"] > div:first-child h2 i { color: var(--sc-orange) !important; }
[class^="checkout-container-"] > div:first-child .close-checkout { width: 44px !important; height: 44px !important; color: #fff !important; }
[class^="checkout-container-"] > div:nth-child(2),
[class^="delivery-section-"] { border-color: var(--sc-line) !important; background: #f7fafa !important; }
[class^="checkout-content-"] { background: #fff !important; }
[class^="delivery-section-"] { border-radius: var(--sc-radius-sm) !important; }
.apply-promo { min-height: 46px !important; border: 1px solid #a2a6ac !important; border-radius: var(--sc-radius) !important; background: #fff !important; color: var(--sc-ink) !important; font-weight: 700 !important; }
[class^="checkout-container-"] input,
[class^="checkout-container-"] select { min-height: 46px !important; border-color: #879596 !important; border-radius: var(--sc-radius-sm) !important; }
[class^="checkout-container-"] input:focus,
[class^="checkout-container-"] select:focus { border-color: var(--sc-orange) !important; box-shadow: 0 0 0 2px rgba(255,164,28,.3) !important; }

/* Compact trust/review/footer */
#sierra-commentaire-root {
  width: 100% !important;
  max-width: none !important;
  margin-block: 0 1rem !important;
  padding: 1.25rem 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#sierra-footer-root > [class^="footer-"] { background: var(--sc-footer-bg) !important; }
[class^="footer-heading-"] { color: var(--sc-footer-heading) !important; font-family: "Amazon Ember", Arial, sans-serif !important; }
[class^="footer-links-"] a,
[class^="footer-contact-item-"] a { min-height: 44px; display: inline-flex; align-items: center; }

/* Devise HTG/USD : fond volontairement opaque pour rester visible même quand
   la couleur dynamique du header est identique à celle du bouton. Cette règle
   s'applique à toutes les tailles d'écran et aux deux sélecteurs. */
#headerNebulaX92 #desktopCurrencySelector,
#headerNebulaX92 #mobileCurrencySelector,
#headerNebulaX92 .currency-selector {
  background-color: #f8fafc !important;
  color: #1f2937 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .14) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

@media (max-width: 370px) {
  #headerNebulaX92 .cart-icon-shell { width: 42px !important; height: 42px !important; }
  #headerNebulaX92 .cart-icon-shell .mobile-icon { font-size: 1.25rem !important; }
}

/* Win over legacy desktop width clamps without changing mobile carousel sizing. */
@media (min-width: 768px) {
  #sierra-products-root [class^="products-carousel-"] > .flex > [class^="product-card-products_"] {
    flex: 0 0 clamp(176px, 12vw, 238px) !important;
    width: clamp(176px, 12vw, 238px) !important;
    max-width: clamp(176px, 12vw, 238px) !important;
  }
  #sierra-products-root [class^="products-carousel-"] > .flex {
    gap: .75rem !important;
    padding-inline: .75rem !important;
  }

  #sierra-home-discovery-root .home-discovery__section[data-section="sponsored"] .home-discovery-card,
  #sierra-home-discovery-root .home-discovery__section[data-section="recommended"] .home-discovery-card {
    flex: 0 0 clamp(176px, 12vw, 238px) !important;
    width: clamp(176px, 12vw, 238px) !important;
    max-width: clamp(176px, 12vw, 238px) !important;
  }
}

/* Product cards: compact marketplace treatment from the homepage reference. */
#sierra-products-root [class^="product-card-products_"],
#sierra-home-discovery-root .home-discovery-card {
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid #e6e9ec !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .07) !important;
  color: #111827 !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content,
#sierra-home-discovery-root .home-discovery-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#sierra-products-root [class^="product-card-products_"] [class^="product-image-container-"],
#sierra-home-discovery-root .home-discovery-card__image {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 6px 6px 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #eef0f0 !important;
  padding: 5px !important;
}

#sierra-products-root [class^="product-card-products_"] .product-main-image,
#sierra-home-discovery-root .home-discovery-card__image img {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 5px !important;
  background: #fff !important;
  padding: 0 !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content > div:last-child,
#sierra-home-discovery-root .home-discovery-card__body {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 8px 9px 9px !important;
}

#sierra-products-root [class^="product-card-products_"] h3 {
  min-height: 2.35em !important;
  margin: 0 0 4px !important;
  color: #111827 !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

#sierra-products-root [class^="product-card-products_"] .product-card-rating,
#sierra-home-discovery-root .home-discovery-card__rating {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 0 4px !important;
  color: #f59e0b !important;
  font-size: .67rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#sierra-products-root [class^="product-card-products_"] .product-card-rating > span,
#sierra-home-discovery-root .home-discovery-card__rating > span {
  display: inline-flex !important;
  gap: 1px !important;
}

#sierra-products-root [class^="product-card-products_"] .product-card-rating i,
#sierra-home-discovery-root .home-discovery-card__rating i {
  color: #cbd5e1 !important;
  font-size: .67rem !important;
}

#sierra-products-root [class^="product-card-products_"] .product-card-rating i.is-on,
#sierra-home-discovery-root .home-discovery-card__rating i.is-on {
  color: #f59e0b !important;
}

#sierra-products-root [class^="product-card-products_"] .product-card-rating small,
#sierra-home-discovery-root .home-discovery-card__rating small {
  color: #687586 !important;
  font-size: .65rem !important;
  font-weight: 400 !important;
}

#sierra-products-root [class^="product-card-products_"] .product-store-link,
#sierra-home-discovery-root .home-discovery-card__store {
  display: block !important;
  max-width: 100% !important;
  margin: 2px 0 5px !important;
  overflow: hidden !important;
  color: #8490a0 !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .075em !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#sierra-products-root [class^="product-card-products_"] p.text-accent.text-sm,
#sierra-home-discovery-root .home-discovery-card__desc {
  display: none !important;
}

#sierra-products-root [class^="product-card-products_"] .text-xl.font-bold,
#sierra-home-discovery-root .home-discovery-card__footer strong {
  color: #101828 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#sierra-products-root [class^="product-card-products_"] .text-xs.text-accent.mt-1 {
  margin-top: 3px !important;
  color: #737d8c !important;
  font-size: .65rem !important;
}

#sierra-products-root [class^="product-card-products_"] [class^="mobile-actions-"] {
  display: flex !important;
  margin-top: auto !important;
  padding-top: 8px !important;
}

#sierra-products-root [class^="product-card-products_"] .mobile-cart-btn {
  width: 100% !important;
  min-height: 36px !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid #f2c500 !important;
  border-radius: 8px !important;
  background: #ffd814 !important;
  color: #111827 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

#sierra-products-root [class^="product-card-products_"] .mobile-cart-btn:hover {
  background: #f7ca00 !important;
}

#sierra-home-discovery-root .home-discovery-card__section-badge {
  top: 11px !important;
  left: 11px !important;
  border-radius: 4px !important;
  padding: 4px 7px !important;
  background: #102b46 !important;
  color: #fff !important;
  font-size: .58rem !important;
  letter-spacing: .035em !important;
  box-shadow: none !important;
}

#sierra-home-discovery-root [data-section="sponsored"] .home-discovery-card__section-badge {
  background: #8b25d1 !important;
}

#sierra-home-discovery-root [data-section="recommended"] .home-discovery-card__section-badge {
  background: #f36b08 !important;
}

#sierra-home-discovery-root .home-discovery-card h3 {
  display: -webkit-box !important;
  min-height: 2.35em !important;
  margin: 0 0 3px !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

#sierra-home-discovery-root .home-discovery-card__rating { margin-top: 0 !important; }

#sierra-home-discovery-root .home-discovery-card__footer {
  gap: 5px !important;
  margin-top: auto !important;
}

#sierra-home-discovery-root .home-discovery-card__footer strong {
  font-size: .9rem !important;
}

#sierra-home-discovery-root .home-discovery-card__footer span {
  color: #7b8490 !important;
  font-size: .7rem !important;
}

/* Match the reference card's clear yellow footer action while preserving each
   discovery card's existing link-to-product-page behavior. */
#sierra-home-discovery-root .home-discovery-card__body::after {
  display: flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 9px !important;
  border: 1px solid #f2c500 !important;
  border-radius: 8px !important;
  background: #ffd814 !important;
  color: #111827 !important;
  content: "Voir le produit" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#sierra-home-discovery-root .home-discovery-card:hover .home-discovery-card__body::after {
  background: #f7ca00 !important;
}

#sierra-products-root [class^="product-card-products_"] .mobile-cart-btn[aria-label^="Ajouter au panier"] span::after {
  content: "Ajouter au panier";
}

#sierra-products-root [class^="product-card-products_"] .mobile-cart-btn[aria-label^="Ajouter au panier"] span {
  font-size: 0 !important;
}

#sierra-products-root [class^="product-card-products_"] .mobile-cart-btn[aria-label^="Ajouter au panier"] span::after {
  font-size: .72rem !important;
}

@media (min-width: 768px) {
  #sierra-products-root [class^="products-carousel-"] [class^="product-card-products_"],
  #sierra-home-discovery-root .home-discovery__section[data-section="sponsored"] .home-discovery-card,
  #sierra-home-discovery-root .home-discovery__section[data-section="recommended"] .home-discovery-card {
    flex: 0 0 clamp(194px, 18vw, 238px) !important;
    width: clamp(194px, 18vw, 238px) !important;
    max-width: clamp(194px, 18vw, 238px) !important;
  }
}

@media (max-width: 767px) {
  #sierra-products-root [class^="products-carousel-"] [class^="product-card-products_"],
  #sierra-home-discovery-root .home-discovery__section[data-section="sponsored"] .home-discovery-card,
  #sierra-home-discovery-root .home-discovery__section[data-section="recommended"] .home-discovery-card {
    flex-basis: clamp(148px, 40vw, 176px) !important;
    width: clamp(148px, 40vw, 176px) !important;
    max-width: 176px !important;
  }

  #sierra-products-root [class^="product-card-products_"] .product-content > div:last-child,
  #sierra-home-discovery-root .home-discovery-card__body {
    padding: 7px 7px 8px !important;
  }
}

/* Homepage discovery sections: reference-matched color bands and detached
   text-heading panels above each product rail. */
#sierra-products-root {
  width: 100% !important;
  height: auto !important;
  /* Keep the lazy-loaded product rail's final footprint before it mounts so
     the discovery sections below never jump when scrolling toward them. */
  min-height: 420px !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: clamp(.75rem, 2vw, 1.5rem) !important;
  padding-block: 0 0 !important;
  align-self: start !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(115deg, #f0f7ff, #eaf3ff 58%, #f4f8ff) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  #sierra-products-root { min-height: 460px !important; }
}

@media (max-width: 767px) {
  #sierra-products-root { min-height: 430px !important; }
}

#sierra-products-root > [class^="products-wrapper-"] {
  height: auto !important;
  min-height: 0 !important;
}

#sierra-products-root [class^="products-carousel-"] {
  padding-bottom: 0 !important;
}

#sierra-products-root .home-section-heading,
#sierra-home-discovery-root .home-discovery__heading,
.services-teaser .services-teaser-head {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 72px !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 0 .35rem 1rem !important;
  padding: .85rem 1.1rem !important;
  border: 1px solid #d6dadd !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 3px 9px rgba(15, 23, 42, .12) !important;
}

#sierra-products-root .home-section-heading .home-section-title,
#sierra-home-discovery-root [data-section="sponsored"] .home-section-title,
#sierra-home-discovery-root [data-section="recommended"] .home-section-title,
.services-teaser .services-teaser-label {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  color: #111827 !important;
  text-shadow: none !important;
  white-space: normal !important;
  font-size: clamp(1.25rem, 1.6vw, 1.5rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#sierra-products-root .home-section-heading .home-section-title::before,
#sierra-home-discovery-root [data-section="sponsored"] .home-section-title::before,
#sierra-home-discovery-root [data-section="recommended"] .home-section-title::before,
.services-teaser .services-teaser-label::before {
  content: none !important;
}

#sierra-home-discovery-root {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding: .25rem 0 1.5rem !important;
}
#sierra-home-discovery-root .home-discovery {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
#sierra-home-discovery-root .home-discovery__section {
  width: 100% !important;
  margin-bottom: 1rem !important;
  padding-inline: 1rem !important;
  border-radius: 1.25rem !important;
}
#sierra-home-discovery-root [data-section="sponsored"] {
  background: linear-gradient(115deg, #f4efff, #f7f3ff 60%, #f0eaff) !important;
}
#sierra-home-discovery-root [data-section="recommended"] {
  background: linear-gradient(115deg, #fff8e9, #fff5df 60%, #fff9ed) !important;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail {
  justify-content: flex-start !important;
  gap: .75rem !important;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail > :nth-child(n + 6),
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail > :nth-child(n + 6) {
  display: flex !important;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery-card,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery-card {
  flex: 0 0 clamp(170px, 18vw, 255px) !important;
  width: clamp(170px, 18vw, 255px) !important;
  max-width: clamp(170px, 18vw, 255px) !important;
}

.services-teaser {
  width: 100% !important;
  padding-inline: 1rem !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(115deg, #eafaf3, #effbf6 60%, #e4f7ee) !important;
}
.services-teaser-inner { width: 100% !important; }
.services-carousel-track { gap: .75rem !important; }

#freelancer-ecosystem-card .home-ecosystem-service-visual {
  background-image: url("./assets/home-section-icons/freelancer.webp") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: min(82%, 210px) auto !important;
}
#freelancer-ecosystem-card .home-ecosystem-service-visual i { visibility: hidden !important; }

/* Refined ecosystem pagination: quiet inactive marks and one clear active pill. */
.home-ecosystems-dots {
  bottom: 12px !important;
  gap: 3px !important;
  align-items: center !important;
  padding: 3px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 5px 18px rgba(30, 53, 79, .12) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.home-ecosystems-dots button {
  display: grid !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  cursor: pointer;
}
.home-ecosystems-dots button::before {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #aebdca;
  content: "";
  transition: width .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.home-ecosystems-dots button[aria-current="true"]::before {
  width: 18px;
  background: #087e70;
  box-shadow: 0 2px 6px rgba(8, 126, 112, .24);
}
.home-ecosystems-dots button:focus-visible {
  outline: 2px solid #087e70 !important;
  outline-offset: 1px;
}

/* Top sellers stays in the discovery flow with the same text-heading style. */
#sierra-home-discovery-root [data-section="vendors"] .home-section-title {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  color: #111827 !important;
  font-size: clamp(1.25rem, 1.6vw, 1.5rem) !important;
}
#sierra-home-discovery-root [data-section="vendors"] .home-section-title::before {
  content: none !important;
}
#sierra-products-root .home-section-heading { margin-inline: calc(7px - clamp(.75rem, 2vw, 1.5rem)) !important; }
#sierra-home-discovery-root .home-discovery__heading,
.services-teaser .services-teaser-head { margin-inline: -.55rem !important; }
#sierra-home-discovery-root [data-section="vendors"] .home-discovery__vendors {
  display: flex !important;
  grid-template-columns: none !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: .75rem !important;
  padding-inline: 0 !important;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
#sierra-home-discovery-root [data-section="vendors"] .home-discovery-card {
  flex: 0 0 clamp(170px, 18vw, 255px) !important;
  width: clamp(170px, 18vw, 255px) !important;
  max-width: clamp(170px, 18vw, 255px) !important;
  scroll-snap-align: start;
}
#sierra-home-discovery-root [data-section="vendors"] .home-discovery__vendors {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(21, 74, 99, .24) transparent !important;
}
#sierra-home-discovery-root [data-section="vendors"] .home-discovery__vendors::-webkit-scrollbar { height: 4px !important; }
#sierra-home-discovery-root [data-section="vendors"] .home-discovery__vendors::-webkit-scrollbar-track { background: transparent !important; }
#sierra-home-discovery-root [data-section="vendors"] .home-discovery__vendors::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(21, 74, 99, .24) !important;
}

#sierra-products-root [class^="products-carousel-"] [class^="product-card-products_"] {
  width: clamp(156px, 16vw, 238px) !important;
  max-width: clamp(156px, 16vw, 238px) !important;
}

@media (max-width: 767px) {
  #sierra-products-root,
  #sierra-home-discovery-root { width: 100% !important; margin-inline: 0 !important; }
  #sierra-home-discovery-root .home-discovery__section,
  .services-teaser { padding-inline: .75rem !important; }
  #sierra-home-discovery-root [data-section="sponsored"] .home-discovery-card,
  #sierra-home-discovery-root [data-section="recommended"] .home-discovery-card {
    flex-basis: clamp(148px, 40vw, 176px) !important;
    width: clamp(148px, 40vw, 176px) !important;
    max-width: 176px !important;
  }
  #sierra-products-root [class^="products-carousel-"] [class^="product-card-products_"] {
    width: clamp(140px, 38vw, 190px) !important;
    max-width: 190px !important;
  }
  .services-carousel-track { grid-auto-columns: clamp(148px, 40vw, 176px) !important; }
  #sierra-home-discovery-root .home-discovery__section { padding-inline: .75rem !important; }
  #sierra-home-discovery-root .home-discovery__heading,
  .services-teaser .services-teaser-head { margin-inline: -.8rem !important; }
  #sierra-products-root .home-section-heading { margin-inline: calc(7px - .75rem) !important; }
  #sierra-home-discovery-root [data-section="vendors"] .home-discovery-card {
    flex-basis: clamp(148px, 40vw, 176px) !important;
    width: clamp(148px, 40vw, 176px) !important;
    max-width: 176px !important;
  }
}
#headerNebulaX92 .currency-selector:hover,
#headerNebulaX92 .currency-selector:focus {
  background-color: #eef2f7 !important;
  border-color: #94a3b8 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
#headerNebulaX92 .currency-selector option {
  background: #fff !important;
  color: #17212b !important;
}

@media (max-width: 1024px) {
  #headerNebulaX92 .mobile-header-inner { padding: .45rem .65rem !important; gap: .4rem !important; }
  #headerNebulaX92 .mobile-nav-scroll {
    margin-inline: -.65rem !important;
    padding: .2rem .65rem 0 !important;
    background: transparent !important;
  }
  #headerNebulaX92 .mobile-nav-all,
  #headerNebulaX92 .mobile-nav-item {
    min-height: 42px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
}
/* 768-1024px (tablets, small laptops) previously fell into a gap: the block above
   only sized the nav pills, and nothing gave them the same pastel colors the
   ≤767px block (below) and the ≥769px desktop block (above, in the
   @media (min-width: 769px) rule) both already have — leaving a plain
   white-text-on-transparent look that didn't match either neighbor. Same colors,
   same href-matching approach as those two blocks. */
@media (min-width: 768px) and (max-width: 1024px) {
  #headerNebulaX92 .mobile-nav-all,
  #headerNebulaX92 .mobile-nav-item {
    border: 1px solid rgba(15,17,17,.14) !important;
    background: rgba(255,255,255,.94) !important;
    color: var(--sc-ink) !important;
  }
  #headerNebulaX92 .mobile-nav-all:hover,
  #headerNebulaX92 .mobile-nav-item:hover {
    background: var(--sc-gold) !important;
    border-color: var(--sc-gold-border) !important;
    color: var(--sc-ink) !important;
  }
  #headerNebulaX92 .mobile-nav-all { background: #ffe3a3 !important; }
  #headerNebulaX92 .mobile-nav-items > a.affiliate-nav-link,
  #headerNebulaX92 .mobile-nav-items > a[href*="affiliate"] {
    background: #dff4ef !important;
    color: #0e756b !important;
    border-color: rgba(14,117,107,.24) !important;
    box-shadow: 0 3px 10px rgba(14,117,107,.12) !important;
  }
  #headerNebulaX92 .cart-icon-shell { width: 46px !important; height: 46px !important; }
  #headerNebulaX92 .cart-icon-shell .mobile-icon { font-size: 1.35rem !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="printing"] { background: #e8ddff !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="vendor"] { background: #ffe0bd !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="auto-parts"] { background: #cfe7ff !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="education"] { background: #fff0b8 !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="services.html"] { background: #d9e8ff !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="health"] { background: #f3d8e8 !important; }
  #headerNebulaX92 .mobile-smartsolution-menu > summary { background: #d9f3e5 !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-smartsolution-menu > summary.mobile-nav-item:hover,
  #headerNebulaX92 .mobile-smartsolution-menu[open] > summary.mobile-nav-item {
    background: #bfe8d2 !important;
    color: #145c3a !important;
    border-color: rgba(20,92,58,.28) !important;
    box-shadow: 0 3px 10px rgba(20,92,58,.12) !important;
  }
}

@media (max-width: 767px) {
  [class^="products-grid-header-"] { padding: .75rem !important; }
  .home-section-heading { min-height: 54px !important; padding: .75rem !important; }
  .home-section-heading .home-section-title { font-size: 1.15rem !important; }
  .services-teaser-head.home-section-heading { flex-wrap: wrap !important; }
  .services-teaser-head.home-section-heading .services-teaser-actions { width: 100%; }
  [class^="products-grid-shell-"] { gap: .5rem !important; }
  [class^="product-card-products_"] .product-main-image { padding: .35rem !important; }
  [class^="product-card-products_"] .product-content > div:last-child { padding: 0 .6rem .65rem !important; }
  #sierra-products-root [class^="product-card-products_"] .product-store-link {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    align-items: initial !important;
  }
  #sierra-products-root [class^="product-card-products_"] .mobile-cart-btn {
    min-height: 44px !important;
    padding-inline: .45rem !important;
    white-space: nowrap !important;
  }
  #sierra-home-discovery-root { padding-inline: .5rem !important; }
  #sierra-products-root {
    width: 100% !important;
    margin-inline: 0 !important;
  }
  #sierra-products-root [class^="products-carousel-"] {
    margin-right: -.5rem !important;
    padding-right: .5rem !important;
  }
  #sierra-products-root [class^="products-carousel-"] > .flex {
    padding-left: .5rem !important;
    padding-right: 24vw !important;
  }
  #sierra-products-root [class^="products-carousel-"] [class^="product-card-products_"] {
    width: clamp(140px, 38vw, 190px) !important;
    max-width: 190px !important;
  }
  .home-discovery__section { padding: .75rem 0 .75rem .75rem !important; }
  .home-discovery__heading { padding-right: .75rem !important; }
  .home-discovery__rail .home-discovery-card { flex-basis: 72vw !important; }
  [class^="catalogue-container-"] { padding: .5rem !important; }
  [class^="catalogue-toolbar-"] {
    position: sticky;
    top: var(--header-height-mobile, 104px);
    z-index: 8;
    transition: top .35s ease;
  }
  html.smart-header-hidden [class^="catalogue-toolbar-"] { top: 0; }
  #catalogue-page-root [class^="products-grid-catalogue_"] { gap: .5rem !important; }
  #catalogue-page-root [class^="product-card-catalogue_"] { border-radius: var(--sc-radius-sm) !important; box-shadow: none !important; }
  [class^="product-page-shell-"] > div:first-child { padding-inline: .5rem !important; }
  [class^="product-page-shell-"] .md\:hidden > div { border-radius: 0 !important; box-shadow: none !important; }
  [class^="product-page-shell-"] .md\:hidden > div > div:last-child > div { border-radius: 0 !important; }
}

@media (max-width: 767px) {
  #headerNebulaX92 {
    background: #fff !important;
  }
  #headerNebulaX92 .mobile-header-inner,
  #headerNebulaX92 .mobile-top-bar,
  #headerNebulaX92 .mobile-nav-scroll { background: transparent !important; }
  #headerNebulaX92 .mobile-nav-items { gap: .55rem !important; }
  #headerNebulaX92 .mobile-nav-item,
  #headerNebulaX92 .mobile-nav-all {
    min-height: 38px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: var(--sc-ink, #17212b) !important;
  }
  #headerNebulaX92 .mobile-nav-all { background: #ffe3a3 !important; color: var(--sc-ink) !important; border-color: rgba(15,17,17,.14) !important; }
  /* L'affiliation doit rester une pastille colorée sur mobile : le style
     générique de la rangée ne doit pas la rendre transparente. */
  #headerNebulaX92 .mobile-nav-items > a.affiliate-nav-link,
  #headerNebulaX92 .mobile-nav-items > a[href*="affiliate"] {
    background: #dff4ef !important;
    color: #0e756b !important;
    border-color: rgba(14,117,107,.24) !important;
    box-shadow: 0 3px 10px rgba(14,117,107,.12) !important;
  }
  #headerNebulaX92 .mobile-nav-items > a.affiliate-nav-link:hover,
  #headerNebulaX92 .mobile-nav-items > a[href*="affiliate"]:hover {
    background: #c8ebe4 !important;
    color: #0a5b54 !important;
  }
  #headerNebulaX92 .mobile-nav-items > a[href*="printing"] { background: #e8ddff !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="vendor"] { background: #ffe0bd !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="auto-parts"] { background: #cfe7ff !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="education"] { background: #fff0b8 !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="services.html"] { background: #d9e8ff !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-nav-items > a[href*="health"] { background: #f3d8e8 !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-smartsolution-menu > summary { background: #d9f3e5 !important; color: var(--sc-ink) !important; }
  #headerNebulaX92 .mobile-smartsolution-menu > summary.mobile-nav-item:hover,
  #headerNebulaX92 .mobile-smartsolution-menu[open] > summary.mobile-nav-item {
    background: #bfe8d2 !important;
    color: #145c3a !important;
    border-color: rgba(20,92,58,.28) !important;
    box-shadow: 0 3px 10px rgba(20,92,58,.12) !important;
  }
  /* Match the desktop "Catégories" button tone on mobile. */
  #headerNebulaX92 .mobile-nav-all { background: #ffe3a3 !important; color: var(--sc-ink) !important; border-color: rgba(15,17,17,.14) !important; }
  #home-hero-categories-shell { overflow: visible !important; }
  #sierra-hero-root .posterHeroRoot913 { height: 300px !important; min-height: 0 !important; }
  #sierra-hero-root .posterHeroViewport913,
  #sierra-hero-root .posterHeroTrack913,
  #sierra-hero-root .posterHeroSlide913,
  #sierra-hero-root .posterHeroPoster913 { height: 100% !important; min-height: 0 !important; }
  #sierra-home-categories-root { position: relative; z-index: 2; margin-top: -54px !important; padding-top: 0 !important; }
  #sierra-home-categories-root .categories-row {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch !important;
    pointer-events: auto !important;
  }
  #sierra-home-categories-root .category-card--grouped { flex-basis: 82vw !important; max-width: 330px !important; }

  /* Petit écran : le poster ne doit pas conserver sa hauteur intrinsèque,
     sinon un vide apparaît entre la bannière et le rail. */
  #sierra-hero-root,
  #sierra-hero-root .posterHeroRoot913,
  #sierra-hero-root .posterHeroViewport913,
  #sierra-hero-root .posterHeroTrack913,
  #sierra-hero-root .posterHeroSlide913,
  #sierra-hero-root .posterHeroPoster913 {
    height: 300px !important;
    min-height: 0 !important;
  }
  #sierra-hero-root .posterHeroPosterImage913 {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  #sierra-home-categories-root {
    margin-top: -108px !important;
    min-height: 0 !important;
    height: auto !important;
    padding-inline: 0 .15rem !important;
    padding-bottom: .75rem !important;
  }
  #sierra-home-categories-root .categories-wrapper-carousel {
    overflow: visible !important;
  }
  #sierra-home-categories-root .categories-row {
    gap: .72rem !important;
    padding-right: 24vw !important;
    scroll-padding-inline: .2rem 24vw !important;
  }
  #sierra-home-categories-root .categories-row .category-card--grouped {
    flex: 0 0 clamp(238px, calc(100vw - 118px), 292px) !important;
    width: clamp(238px, calc(100vw - 118px), 292px) !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* ============================================================
   Ultra-wide (2K / 4K) correction
   ------------------------------------------------------------
   The categories band lives inside #home-hero-categories-shell
   and was pinned to the left (margin 0) with an 1800px cap, so
   on very wide screens a large empty strip of the hero gradient
   showed on its right. Let it fill the shell like the hero band
   above it so both share the same left/right edges.
   Placed last in the file so it wins over the earlier desktop
   caps at equal specificity.
   ============================================================ */
@media (min-width: 1200px) {
  #home-hero-categories-shell #sierra-hero-root,
  #home-hero-categories-shell #sierra-home-categories-root {
    max-width: none !important;
    margin-inline: auto !important;
  }
}

/* ============================================================
   Ultra-wide (2K / 4K) header vertical rhythm
   ------------------------------------------------------------
   Before: the dark utility band stopped at a hard 80px while the
   top row (logo/search) is ~66px tall with a 1rem top padding, so
   the content sat flush against the bottom of the band with no
   breathing room; meanwhile the nav row had margin-top .65rem +
   grid gap on top of the transparent area, so it looked pushed
   too far down. Result: cramped below the top row, loose above
   the sub-menu.

   Now: the band height matches the top row + symmetric vertical
   padding, and the nav row sits right under it with equal top and
   bottom padding of its own.
   ============================================================ */
@media (min-width: 1600px) {
  #headerNebulaX92 {
    background: #fff !important;
  }

  #headerNebulaX92 .desktop-header-inner {
    padding: 1.15rem 2rem 0 !important;
    gap: 0 !important;
  }

  #headerNebulaX92 .desktop-top-row {
    padding-bottom: 1.15rem !important;
  }

  #headerNebulaX92 .desktop-nav-row {
    margin-top: 0 !important;
    margin-inline: -2rem !important;
    padding: 0.85rem 2rem !important;
  }
}

@media (max-width: 370px) {
  #headerNebulaX92 .cart-icon-shell { width: 42px !important; height: 42px !important; }
  #headerNebulaX92 .cart-icon-shell .mobile-icon { font-size: 1.25rem !important; }
}

/* Final product-card widths after legacy carousel rules. */
@media (min-width: 768px) {
  #sierra-products-root [class^="products-carousel-"] > .flex {
    gap: 12px !important;
    padding-inline: 12px !important;
  }

  #sierra-products-root [class^="products-carousel-"] > .flex > [class^="product-card-products_"] {
    flex: 0 0 var(--home-products-card-width, clamp(176px, 12vw, 238px)) !important;
    width: var(--home-products-card-width, clamp(176px, 12vw, 238px)) !important;
    max-width: var(--home-products-card-width, clamp(176px, 12vw, 238px)) !important;
  }

  #sierra-home-discovery-root .home-discovery__section[data-section="sponsored"] .home-discovery-card,
  #sierra-home-discovery-root .home-discovery__section[data-section="recommended"] .home-discovery-card,
  #sierra-home-discovery-root .home-discovery__section[data-section="vendors"] .home-discovery-card {
    flex-basis: var(--home-discovery-card-width, clamp(176px, 12vw, 238px)) !important;
    width: var(--home-discovery-card-width, clamp(176px, 12vw, 238px)) !important;
    max-width: var(--home-discovery-card-width, clamp(176px, 12vw, 238px)) !important;
  }
}

/* Image-corner details from the product-card reference; decorative only. */
#sierra-products-root [class^="product-card-products_"] .product-content > [class^="product-image-container-"] > div:first-child,
#sierra-home-discovery-root .home-discovery-card__image {
  position: relative !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content > [class^="product-image-container-"] > div:first-child::before,
#sierra-home-discovery-root .home-discovery-card__image::before,
#sierra-products-root [class^="product-card-products_"] .product-content > [class^="product-image-container-"] > div:first-child::after,
#sierra-home-discovery-root .home-discovery-card__image::after {
  position: absolute !important;
  z-index: 8 !important;
  right: 7px !important;
  display: grid !important;
  width: 29px !important;
  height: 29px !important;
  place-items: center !important;
  border: 1px solid rgba(16, 24, 40, .07) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101828 !important;
  font-family: "Font Awesome 6 Free" !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, .18) !important;
  pointer-events: none !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content > [class^="product-image-container-"] > div:first-child::before,
#sierra-home-discovery-root .home-discovery-card__image::before {
  top: 7px !important;
  content: "\f004" !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content > [class^="product-image-container-"] > div:first-child::after,
#sierra-home-discovery-root .home-discovery-card__image::after {
  bottom: 7px !important;
  content: "\f07a" !important;
}

#sierra-home-discovery-root [data-section="vendors"] .home-discovery-card__verified-badge--top-seller {
  top: 8px !important;
  right: auto !important;
  left: 8px !important;
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  overflow: visible !important;
  background: transparent !important;
  clip-path: none !important;
  filter: drop-shadow(0 1px 3px rgba(15, 23, 42, .22)) !important;
}

#sierra-home-discovery-root [data-section="vendors"] .home-discovery-card__verified-badge--top-seller img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* A desktop pointer stays stationary while the page scrolls. Without this
   override each seller card jumps up as it passes beneath the pointer. Keep
   the normal hover shadow, but never translate cards in the Top vendeurs rail. */
#sierra-home-discovery-root .home-discovery__section[data-section="vendors"] .home-discovery-card,
#sierra-home-discovery-root .home-discovery__section[data-section="vendors"] .home-discovery-card:hover,
#sierra-home-discovery-root .home-discovery__section[data-section="vendors"] .home-discovery-card:focus-visible {
  transform: none !important;
  translate: none !important;
  transition: box-shadow .22s ease !important;
}

/* "Pour toi" is a horizontal rail. The generic reveal animation translated
   off-screen cards down by 24px, which created ~20px of vertical overflow;
   desktop wheel input then scrolled the rail instead of the page. Keep the
   subtle reveal scale, but remove its vertical offset and vertical scrolling. */
#sierra-products-root [class^="products-carousel-"] {
  overflow-y: hidden !important;
}
#sierra-products-root [class^="product-card-products_"].scroll-hidden {
  transform: scale(.98) !important;
}
#sierra-products-root [class^="product-card-products_"].scroll-visible {
  transform: scale(1) !important;
}

#sierra-products-root [class^="product-card-products_"] .image-counter {
  display: none !important;
}

/* Compact, polished variant swatches (these select product variations). */
#sierra-products-root [class^="product-card-products_"] .variation-indicator {
  z-index: 10 !important;
  left: 8px !important;
  bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 22px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(16, 24, 40, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .10) !important;
  backdrop-filter: blur(8px);
}

#sierra-products-root [class^="product-card-products_"] .variation-indicator .variation-dot {
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  min-width: 9px !important;
  max-width: 9px !important;
  height: 9px !important;
  min-height: 9px !important;
  max-height: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  border: 1px solid rgba(16, 24, 40, .22) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

#sierra-products-root [class^="product-card-products_"] .variation-indicator .variation-dot.active {
  transform: scale(1.12) !important;
  outline: 2px solid #ffffff !important;
  outline-offset: 1px !important;
  box-shadow: 0 0 0 2px #116d5b !important;
}

#sierra-products-root [class^="product-card-products_"] .product-content [class*="B91C1C"] {
  position: absolute !important;
  z-index: 9 !important;
  top: 12px !important;
  left: 12px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #f43f68 !important;
  color: #fff !important;
  font-size: .64rem !important;
  line-height: 1 !important;
}

/* Apply the same product-card language to the standalone catalogue cards. */
#catalogue-page-root [class^="product-card-catalogue_"] {
  display: flex !important;
  height: 100% !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #e6e9ec !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .07) !important;
}

#catalogue-page-root [class^="product-image-container-catalogue_"] {
  position: relative !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 6px 6px 0 !important;
  padding: 5px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #eef0f0 !important;
}

#catalogue-page-root [class^="product-main-image-catalogue_"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 5px !important;
  background: #fff !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

#catalogue-page-root [class^="product-info-catalogue_"] {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-direction: column !important;
  padding: 8px 9px 9px !important;
}

#catalogue-page-root [class^="product-name-catalogue_"] {
  display: -webkit-box !important;
  min-height: 2.35em !important;
  margin: 0 0 4px !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

#catalogue-page-root [class^="product-store-link-catalogue_"] {
  display: flex !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 2px 0 5px !important;
  overflow: hidden !important;
  color: #8490a0 !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .075em !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#catalogue-page-root [class^="product-description-catalogue_"] { display: none !important; }

#catalogue-page-root [class^="product-price-container-catalogue_"] {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: auto !important;
}

#catalogue-page-root [class^="current-price-catalogue_"] {
  color: #101828 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#catalogue-page-root [class^="compare-price-catalogue_"] {
  color: #7b8490 !important;
  font-size: .7rem !important;
}

#catalogue-page-root [class^="product-badge-catalogue_"] {
  top: 12px !important;
  left: 12px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #f43f68 !important;
  color: #fff !important;
  font-size: .64rem !important;
  line-height: 1 !important;
}

#catalogue-page-root [class^="product-info-catalogue_"]::after {
  display: flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 9px !important;
  border: 1px solid #f2c500 !important;
  border-radius: 8px !important;
  background: #ffd814 !important;
  color: #111827 !important;
  content: "Voir le produit" !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#catalogue-page-root [class^="product-card-catalogue_"]:hover [class^="product-info-catalogue_"]::after {
  background: #f7ca00 !important;
}

#catalogue-page-root [class^="product-card-catalogue_"] .image-counter { display: none !important; }

#catalogue-page-root [class^="product-card-catalogue_"] .product-card-rating-catalogue_ {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 0 4px !important;
  color: #f59e0b !important;
  font-size: .67rem !important;
  line-height: 1 !important;
}

#catalogue-page-root [class^="product-card-rating-catalogue_"] > span { display: inline-flex !important; gap: 1px !important; }
#catalogue-page-root [class^="product-card-rating-catalogue_"] i { color: #cbd5e1 !important; font-size: .67rem !important; }
#catalogue-page-root [class^="product-card-rating-catalogue_"] i.is-on { color: #f59e0b !important; }
#catalogue-page-root [class^="product-card-rating-catalogue_"] small { color: #687586 !important; font-size: .65rem !important; }

#catalogue-page-root [class^="product-image-container-catalogue_"]::before,
#catalogue-page-root [class^="product-image-container-catalogue_"]::after {
  position: absolute !important;
  z-index: 8 !important;
  right: 7px !important;
  display: grid !important;
  width: 29px !important;
  height: 29px !important;
  place-items: center !important;
  border: 1px solid rgba(16, 24, 40, .07) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101828 !important;
  font-family: "Font Awesome 6 Free" !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, .18) !important;
  pointer-events: none !important;
}

#catalogue-page-root [class^="product-image-container-catalogue_"]::before { top: 7px !important; content: "\f004" !important; }
#catalogue-page-root [class^="product-image-container-catalogue_"]::after { bottom: 7px !important; content: "\f07a" !important; }

/* Header des pages internes : reprendre la hiérarchie visuelle de l'accueil
   (marque visible, recherche ample et navigation sur une vraie seconde ligne).
   Les styles inline de index.html restent prioritaires pour préserver l'accueil. */
@media (min-width: 1025px) {
  #headerNebulaX92 .desktop-header-inner {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 8px 30px 10px !important;
    gap: 8px !important;
  }
  #headerNebulaX92 .desktop-top-row {
    min-height: 66px !important;
    grid-template-columns: minmax(270px, 420px) minmax(220px, 1fr) auto !important;
    gap: clamp(12px, 2vw, 28px) !important;
  }
  #headerNebulaX92 .desktop-logo-area,
  #headerNebulaX92 .header-home-link { min-width: 0 !important; }
  #headerNebulaX92 .header-home-link { gap: 14px !important; }
  #headerNebulaX92 .header-home-link:has(#desktopLogoImg[style*="display: none"])::before {
    content: "";
    display: block;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #fff url("./logo.webp") center / contain no-repeat;
    box-shadow: 0 2px 8px rgba(16, 35, 77, .08);
  }
  #headerNebulaX92 .desktop-logo {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
  }
  #headerNebulaX92 .desktop-company-name {
    display: block !important;
    color: #0d2354 !important;
    font: 800 clamp(1.02rem, 1.3vw, 1.38rem)/1.15 Arial, sans-serif !important;
    letter-spacing: .035em !important;
    white-space: normal !important;
    text-transform: uppercase !important;
  }
  #headerNebulaX92 .desktop-company-name::after {
    content: "La plateforme e-commerce #1 en Haïti";
    display: block;
    margin-top: 4px;
    color: #63728f;
    font: 500 .82rem/1.2 Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
  }
  #headerNebulaX92 .desktop-search-bar {
    min-height: 52px !important;
    padding-inline: 20px !important;
    border: 1px solid #e2e8f2 !important;
    border-radius: 999px !important;
    background: #f8faff !important;
    box-shadow: inset 0 1px 2px rgba(16, 35, 77, .025) !important;
    color: #182b51 !important;
  }
  #headerNebulaX92 .desktop-search-input { font-size: .96rem !important; }
  #headerNebulaX92 .desktop-search-input::placeholder { color: #8993a6 !important; }
  #headerNebulaX92 .desktop-icons { gap: 12px !important; }
  #headerNebulaX92 .currency-selector {
    min-height: 48px !important;
    padding-inline: 16px !important;
    border-color: #e2e8f2 !important;
    background: #f8faff !important;
    color: #12264f !important;
  }
  #headerNebulaX92 .desktop-icon-button,
  #headerNebulaX92 .cart-icon-shell {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #edf0f5 !important;
    background: #fff !important;
    color: #12264f !important;
  }
  #headerNebulaX92 .desktop-icon { color: #12264f !important; }
  #headerNebulaX92 .profile-header-avatar { width: 48px !important; height: 48px !important; }
  #headerNebulaX92 .desktop-nav-row {
    min-height: 78px !important;
    gap: 12px !important;
    padding: 8px 30px 0 !important;
    border-top: 1px solid #edf0f5 !important;
    box-sizing: border-box !important;
  }
  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .smartsolution-menu__trigger {
    min-height: 46px !important;
    justify-content: center !important;
    padding: 0 16px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #10234d !important;
    font: 700 .88rem/1 Arial, sans-serif !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }
  #headerNebulaX92 .desktop-all-button {
    flex: 0 0 auto;
    gap: 10px;
    padding-inline: 20px !important;
    background: #0b2e62 !important;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(11, 46, 98, .18) !important;
  }
  #headerNebulaX92 .desktop-nav-items {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .smartsolution-menu__trigger { gap: 9px !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://health.smartcutservices.com/health.html"] { order: 1; background: #dcf7e7 !important; }
  #headerNebulaX92 .desktop-nav-action.affiliate-nav-link { order: 2; background: #ffe5dc !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://vendeurs.smartcutservices.com/auto-parts.html"] { order: 3; background: #e1f1ff !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://akademi.smartcutservices.com/education.html"] { order: 4; background: #fff2c9 !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://vendeurs.smartcutservices.com/vendor-application.html"] { order: 5; background: #f0e3ff !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://freelance.smartcutservices.com/services.html"] { order: 6; background: #e4f3ff !important; }
  #headerNebulaX92 .desktop-nav-action[href="https://imprimerie.smartcutservices.com/printing-hub.html"] { order: 7; background: #ffe2f0 !important; }
  #headerNebulaX92 .smartsolution-menu { order: 8; flex: 0 0 auto; }
  #headerNebulaX92 .smartsolution-menu__trigger { background: #f8faff !important; border-color: #e8edf5 !important; }
  #headerNebulaX92 .desktop-nav-action:hover,
  #headerNebulaX92 .smartsolution-menu__trigger:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(16, 35, 77, .1) !important;
    filter: saturate(1.05);
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  #headerNebulaX92 .desktop-header-inner { padding-inline: 18px !important; }
  #headerNebulaX92 .desktop-top-row { grid-template-columns: minmax(210px, 290px) minmax(180px, 1fr) auto !important; gap: 12px !important; }
  #headerNebulaX92 .desktop-nav-row { gap: 8px !important; padding-inline: 18px !important; }
  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .smartsolution-menu__trigger { padding-inline: 8px !important; font-size: .72rem !important; }
  #headerNebulaX92 .desktop-nav-items { gap: 5px !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action,
  #headerNebulaX92 .desktop-nav-items > .smartsolution-menu { flex: 1 1 0 !important; min-width: 0 !important; }
  #headerNebulaX92 .desktop-nav-items > .desktop-nav-action { white-space: normal !important; text-align: center !important; line-height: 1.15 !important; }
  #headerNebulaX92 .smartsolution-menu__trigger { width: 100% !important; min-width: 0 !important; white-space: normal !important; line-height: 1.15 !important; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  #headerNebulaX92 .desktop-nav-row { gap: 8px !important; }
  #headerNebulaX92 .desktop-nav-items { gap: 5px !important; }
  #headerNebulaX92 .desktop-all-button,
  #headerNebulaX92 .desktop-nav-action,
  #headerNebulaX92 .smartsolution-menu__trigger { padding-inline: 6px !important; font-size: .74rem !important; }
}

@media (min-width: 1600px) {
  #headerNebulaX92 .desktop-header-inner { width: calc(100% - 3rem) !important; }
  #headerNebulaX92 .desktop-logo { height: 66px !important; }
  #headerNebulaX92 .desktop-search-bar { min-height: 58px !important; }
}

/* Sponsored and trending products remain horizontal carousels at every width. */
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: auto !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(21, 74, 99, .28) transparent !important;
  gap: .75rem !important;
  padding: .15rem .5rem .7rem 0 !important;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail > .home-discovery-card,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail > .home-discovery-card {
  display: flex !important;
  flex: 0 0 clamp(190px, 24vw, 270px) !important;
  width: clamp(190px, 24vw, 270px) !important;
  min-width: 0 !important;
  max-width: clamp(190px, 24vw, 270px) !important;
  scroll-snap-align: start;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail::-webkit-scrollbar,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail::-webkit-scrollbar {
  height: 4px;
}
#sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail::-webkit-scrollbar-thumb,
#sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(21, 74, 99, .28);
}
@media (max-width: 767px) {
  #sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail > .home-discovery-card,
  #sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail > .home-discovery-card {
    flex-basis: clamp(148px, 40vw, 190px) !important;
    width: clamp(148px, 40vw, 190px) !important;
    max-width: clamp(148px, 40vw, 190px) !important;
  }
}
@media (min-width: 1200px) {
  #sierra-home-discovery-root [data-section="sponsored"] .home-discovery__rail > .home-discovery-card,
  #sierra-home-discovery-root [data-section="recommended"] .home-discovery__rail > .home-discovery-card {
    flex-basis: clamp(220px, 20vw, 300px) !important;
    width: clamp(220px, 20vw, 300px) !important;
    max-width: clamp(220px, 20vw, 300px) !important;
  }
}

/* One glass heading system for Pour toi, Sponsored, Tendances, Top vendeurs,
   and Services professionnels. Fixed 20px type keeps the scale identical on
   phones, tablets, and desktop screens. */
#sierra-products-root .home-section-heading,
#sierra-home-discovery-root .home-discovery__heading,
#discovery-services-slot .services-teaser-head {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 64px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .85rem !important;
  margin: 0 .35rem 1rem !important;
  padding: .8rem 1.1rem !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 16px !important;
  background: linear-gradient(132deg, rgba(255,255,255,.78), rgba(247,251,255,.54)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 10px 28px rgba(35,55,78,.11), 0 2px 6px rgba(35,55,78,.05) !important;
  -webkit-backdrop-filter: blur(18px) saturate(165%) !important;
  backdrop-filter: blur(18px) saturate(165%) !important;
}

#sierra-products-root .home-section-heading .home-section-title,
#sierra-home-discovery-root .home-discovery__heading .home-section-title,
#discovery-services-slot .services-teaser-head .services-teaser-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #172a3d !important;
  font-family: "Onest", "Avenir Next", sans-serif !important;
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

#discovery-services-slot .services-teaser-head .services-teaser-actions {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #sierra-products-root .home-section-heading,
  #sierra-home-discovery-root .home-discovery__heading,
  #discovery-services-slot .services-teaser-head {
    background: rgba(249, 252, 255, .96) !important;
  }
}

@media (max-width: 767px) {
  #sierra-products-root .home-section-heading,
  #sierra-home-discovery-root .home-discovery__heading,
  #discovery-services-slot .services-teaser-head {
    min-height: 58px !important;
    gap: .65rem !important;
    padding: .75rem .9rem !important;
    border-radius: 14px !important;
  }

  #discovery-services-slot .services-teaser-head {
    flex-wrap: wrap !important;
  }

  #discovery-services-slot .services-teaser-head .services-teaser-label {
    flex-basis: 100% !important;
  }

  #discovery-services-slot .services-teaser-head .services-teaser-actions {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}