@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap");


/* =========================================
   LA CLÉ DES CŒURS
   BIJOUX FINS & RAFFINÉS
   VERSION CORRIGÉE
   ========================================= */

:root {
  --ivory: #faf8f4;
  --cream: #f2eee7;
  --beige: #e8dfd2;
  --champagne: #c7aa7b;
  --brown: #514238;
  --dark: #302820;
  --text: #655b52;
  --white: #ffffff;
  --border: #e7e0d7;

  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Montserrat", Arial, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--ivory);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

/* TOP BAR */

.announcement {
  background: var(--brown);
  color: var(--white);
  text-align: center;
  padding: 9px 12px;
  font-size: 10px;
  letter-spacing: 3px;
}

/* HEADER */

.header {
  min-height: 125px;
  padding: 20px 5%;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  background: var(--ivory);
  border-bottom: 1px solid var(--border);
}

.menu-button {
  justify-self: start;
  border: none;
  background: transparent;
  color: var(--brown);
  font-size: 27px;
  cursor: pointer;
}

.brand-home-link {
  display: flex;
  min-width: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.brand-home-link:focus-visible {
  outline: 2px solid var(--champagne);
  outline-offset: 6px;
}

.brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.brand-monogram {
  color: var(--champagne);
  font-family: var(--serif);
  font-size: 42px;
  line-height: 1;
  letter-spacing: 5px;
}

.brand-name {
  margin-top: 8px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 3px;
}

.brand-tagline {
  margin-top: 2px;
  color: var(--brown);
  font-size: 8px;
  letter-spacing: 4px;
}

.header-actions {
  justify-self: end;
  display: flex;
  gap: 22px;
  color: var(--brown);
  font-size: 24px;
}

.header-actions a {
  text-decoration: none;
}

/* NAVIGATION */

.main-nav {
  min-height: 55px;
  padding: 15px 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  background: var(--ivory);
  border-bottom: 1px solid var(--border);
}

.main-nav a {
  color: var(--brown);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color .2s ease;
}

.main-nav a:hover {
  color: var(--champagne);
}

/* SEARCH AND LANGUAGE */

.utility-bar {
  min-height: 65px;
  padding: 12px 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.search-form {
  width: min(360px, 100%);
  display: flex;
  border-bottom: 1px solid var(--border);
}

.search-form input {
  width: 100%;
  padding: 10px;
  border: none;
  outline: none;
  background: transparent;
  color: var(--dark);
  font-size: 12px;
}

.search-form button {
  border: none;
  background: transparent;
  color: var(--brown);
  padding: 5px 10px;
  font-size: 24px;
  cursor: pointer;
}

.utility-bar select {
  padding: 9px 12px;
  border: 1px solid var(--border);
  background: var(--ivory);
  color: var(--brown);
  font-size: 11px;
}

/* HERO */

.hero {
  min-height: 540px;
  padding: 80px 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background:
    linear-gradient(
      rgba(248,245,239,.70),
      rgba(248,245,239,.84)
    ),
    url("https://bijouterielamalmaison.fr/wp-content/uploads/2026/05/accueil-site-MTR.jpg")
    center 50% / cover no-repeat;
}

.hero-content {
  max-width: 720px;
}

.eyebrow {
  margin-bottom: 16px;
  color: var(--champagne);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.hero h1 {
  margin-bottom: 22px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: clamp(48px, 7vw, 82px);
  font-weight: 500;
  line-height: 1.03;
}

.hero p:not(.eyebrow) {
  margin-bottom: 30px;
  color: var(--brown);
  font-size: 14px;
  letter-spacing: 1px;
}

/* BUTTONS */

.primary-button {
  display: inline-block;
  padding: 15px 30px;
  background: var(--brown);
  color: var(--white);
  border: 1px solid var(--brown);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  transition: all .25s ease;
}

.primary-button:hover {
  background: transparent;
  color: var(--brown);
}

/* WELCOME */

.welcome-section {
  max-width: 760px;
  margin: auto;
  padding: 90px 25px;
  text-align: center;
}

.welcome-section h2,
.section-heading h2,
.editorial-section h2,
.contact-strip h2 {
  margin-bottom: 18px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: clamp(34px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.2;
}

.welcome-section p:not(.eyebrow) {
  max-width: 620px;
  margin: auto;
  color: var(--text);
  font-size: 13px;
}

/* CATEGORIES */

.categories-section {
  padding: 75px 5%;
  background: var(--cream);
}

.section-heading {
  margin-bottom: 45px;
  text-align: center;
}

.category-grid {
  max-width: 1250px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.category-card {
  display: block;
  text-align: center;
}

.category-image {
  height: 300px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--beige);
  transition: opacity .3s ease;
}

.category-image span {
  color: rgba(81,66,56,.45);
  font-family: var(--serif);
  font-size: 65px;
}

.category-card:hover .category-image {
  opacity: .8;
}

.category-accessories {
  background: linear-gradient(140deg, #e5d9ca, #f5eee4);
}

.category-ap {
  background: linear-gradient(140deg, #e8e0d7, #d6c7b7);
}

.category-women {
  background: linear-gradient(140deg, #efe3dc, #e0d0c5);
}

.category-men {
  background: linear-gradient(140deg, #d9d0c4, #eee7de);
}

.category-card h3 {
  margin-bottom: 8px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 500;
}

.category-link {
  color: var(--brown);
  font-size: 9px;
  letter-spacing: 2px;
}

/* FEATURED PRODUCTS */

.featured-section {
  padding: 85px 5%;
}

.featured-placeholder {
  max-width: 900px;
  margin: auto;
  padding: 55px 20px;
  background: var(--cream);
  text-align: center;
}

.featured-placeholder p {
  margin-bottom: 25px;
  color: var(--text);
}

/* EDITORIAL */

.editorial-section {
  min-height: 400px;
  padding: 90px 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--beige);
}

.editorial-content {
  max-width: 650px;
}

.editorial-content p:not(.eyebrow) {
  margin: 20px auto;
  max-width: 550px;
}

.text-link {
  display: inline-block;
  margin-top: 15px;
  color: var(--brown);
  font-size: 10px;
  letter-spacing: 2px;
  border-bottom: 1px solid var(--champagne);
  padding-bottom: 5px;
}

/* CONTACT */

.contact-strip {
  padding: 85px 20px;
  text-align: center;
}

.contact-strip h2 {
  margin-bottom: 25px;
}

/* FOOTER */

.footer {
  padding: 65px 7% 25px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.5fr;
  gap: 45px;
  background: #eee8df;
  color: var(--brown);
}

.footer-brand {
  text-align: center;
}

.footer-brand .brand-monogram {
  font-size: 38px;
}

.footer-brand h3 {
  margin-top: 12px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: 22px;
  letter-spacing: 2px;
}

.footer-brand p {
  font-size: 9px;
  letter-spacing: 3px;
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-column h4 {
  margin-bottom: 8px;
  color: var(--dark);
  font-size: 10px;
  letter-spacing: 2px;
}

.footer-column a {
  font-size: 11px;
  transition: color .2s ease;
}

.footer-column a:hover {
  color: var(--champagne);
}

.footer-bottom {
  grid-column: 1 / -1;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #d9d0c4;
  text-align: center;
  font-size: 10px;
}

/* TABLETS */

@media (max-width: 900px) {
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-image {
    height: 270px;
  }

  .main-nav {
    gap: 18px;
  }

  .footer {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

/* MOBILE */

@media (max-width: 600px) {
  .announcement {
    font-size: 8px;
    letter-spacing: 2px;
  }

  .header {
    min-height: 95px;
    padding: 12px 15px;
    grid-template-columns: 35px 1fr 65px;
  }

  .menu-button {
    display: block;
  }

  .brand-monogram {
    font-size: 31px;
  }

  .brand-name {
    font-size: 15px;
    letter-spacing: 2px;
  }

  .brand-tagline {
    font-size: 6px;
    letter-spacing: 2px;
  }

  .header-actions {
    gap: 12px;
    font-size: 19px;
  }

  .main-nav {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 5px 20px;
  }

  /* Compatibilité avec index.html */
  .main-nav.open,
  .main-nav.is-open {
    display: flex !important;
  }

  .main-nav a {
    padding: 13px 5px;
    border-bottom: 1px solid var(--border);
  }

  .utility-bar {
    padding: 10px 15px;
  }

  .search-form {
    width: 65%;
  }

  .utility-bar select {
    max-width: 110px;
  }

  .hero {
    min-height: 430px;
    padding: 55px 20px;
  }

  .hero h1 {
    font-size: 53px;
  }

  .welcome-section {
    padding: 65px 22px;
  }

  .categories-section {
    padding: 60px 15px;
  }

  .category-grid {
    gap: 20px 12px;
  }

  .category-image {
    height: 190px;
  }

  .category-image span {
    font-size: 45px;
  }

  .category-card h3 {
    font-size: 19px;
  }

  .featured-section {
    padding: 60px 15px;
  }

  .editorial-section {
    min-height: 350px;
    padding: 65px 22px;
  }

  .footer {
    padding: 50px 22px 20px;
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .footer-brand {
    grid-column: auto;
  }

  .footer-bottom {
    grid-column: auto;
  }
}


/* IDENTITÉ VISUELLE SIGNATURE — LA CLÉ DES CŒURS */
:root {
  --ivory: #fbf8f2;
  --cream: #f2ece2;
  --beige: #e5d8c7;
  --champagne: #c5a46d;
  --brown: #49342f;
  --dark: #241b1b;
  --text: #655653;
  --white: #fffdf9;
  --border: #e5dbce;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", Arial, sans-serif;
}
html { background: #fbf8f2; }
body {
  color: var(--text);
  font-family: var(--sans);
  background:
    radial-gradient(ellipse at 12% 8%, rgba(197,164,109,.075), transparent 34%),
    radial-gradient(ellipse at 90% 42%, rgba(91,57,52,.045), transparent 38%),
    linear-gradient(145deg, #fcfaf6 0%, #f7f1e8 48%, #fbf8f2 100%);
  background-attachment: fixed;
}
h1, h2, h3, h4, .brand-name, .brand-monogram {
  font-family: var(--serif);
}
.announcement {
  background: linear-gradient(90deg, #241b1b, #49342f 48%, #241b1b);
  color: #ead8b7;
  letter-spacing: 3.5px;
}
.header, .main-nav {
  background: rgba(251,248,242,.94);
  border-color: rgba(170,145,111,.25);
}
.brand-name { letter-spacing: 3.5px; }
.brand-monogram { color: #b99a67; }
.primary-button, .cart-checkout {
  background: linear-gradient(110deg, #382724, #62483c);
  border-color: #b99a67;
  color: #fffaf1;
}
.primary-button:hover, .cart-checkout:hover {
  background: #b99a67;
  color: #241b1b;
}
.categories-section, .featured-placeholder {
  background: linear-gradient(135deg, rgba(241,234,222,.92), rgba(250,247,240,.96));
}
.category-image {
  border: 1px solid rgba(181,151,105,.28);
  box-shadow: 0 12px 30px rgba(55,38,31,.07);
}
.editorial-section {
  background: linear-gradient(135deg, #e8ddce, #f4eee5 58%, #e4d5c2);
}
.footer {
  background: linear-gradient(125deg, #251d1c, #3b2b28);
  color: #e9dfd0;
  border-top: 1px solid #b99a67;
}
.footer-brand h3, .footer-column h4 { color: #f5e9d4; }
.footer-column a { color: #e3d7c8; }
.footer-column a:hover { color: #d5b77f; }
.footer-bottom { border-color: rgba(213,183,127,.3); color: #cfc0ae; }
.cart-page { max-width: 1050px; }
.cart-item, .cart-summary, .cart-empty {
  background: rgba(255,253,249,.88);
  border: 1px solid rgba(181,151,105,.28);
  box-shadow: 0 14px 38px rgba(49,35,29,.055);
}
.cart-item { border-radius: 3px; }
.cart-summary { border-radius: 3px; }
.cart-page h1 { color: #2c2020; letter-spacing: .5px; }
.cart-item h2 { color: #302321; }
@media (max-width: 600px) {
  body { background-attachment: scroll; }
}


/* ACCUEIL — RUBANS DE PRODUITS PAR CATÉGORIE */
.category-image {
  position: relative;
  display: block;
  height: 300px;
  overflow: hidden;
  background: #f4f1eb;
  border: 1px solid rgba(173,151,119,.22);
  box-shadow: 0 8px 24px rgba(57,47,39,.045);
}
.category-image > span { display: none !important; }
.category-product-track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  animation: cdc-category-marquee var(--category-duration, 24s) linear infinite;
  will-change: transform;
}
.category-image:hover .category-product-track { animation-play-state: paused; }
.category-product-track img {
  display: block;
  flex: 0 0 auto;
  width: 300px;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  background: #f7f5f0;
}
@keyframes cdc-category-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.category-image-empty::after {
  content: "Collection";
  display: grid;
  place-items: center;
  height: 100%;
  color: #9a8b79;
  font: italic 25px var(--serif);
}
@media (max-width: 900px) {
  .category-image { height: 250px; }
  .category-product-track img { width: 250px; }
}
@media (max-width: 600px) {
  .category-image { height: 190px; }
  .category-product-track img { width: 190px; padding: 12px; }
}

/* FOND SIGNATURE — PERLE, PIERRE CLAIRE ET OR BROSSÉ */
html { background: #f8f7f4; }
body {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(220,207,184,.12), transparent 42%),
    linear-gradient(180deg, #fbfaf8 0%, #f7f6f2 52%, #fbfaf8 100%);
  color: #625b53;
}
.announcement {
  background: #302a27;
  color: #e6d9c5;
  border-bottom: 1px solid rgba(190,166,126,.35);
}
.header, .main-nav {
  background: rgba(251,250,248,.97);
  border-color: #e9e4dc;
}
.welcome-section, .contact-strip, .featured-section { background: transparent; }
.categories-section {
  background: linear-gradient(135deg, #f2f0eb 0%, #f8f7f3 100%);
}
.editorial-section {
  background: linear-gradient(120deg, #eeeae2 0%, #f5f2ec 52%, #ebe6dc 100%);
}
.primary-button, .cart-checkout {
  background: #39312c;
  border-color: #bca77f;
  box-shadow: 0 5px 16px rgba(45,37,31,.08);
}
.primary-button:hover, .cart-checkout:hover {
  background: #bca77f;
  color: #29221e;
}
.footer {
  background: #302a27;
  border-top: 1px solid #bca77f;
}


/* PALETTE JOAILLERIE — TAUPE MINÉRAL, BRONZE ET CHAMPAGNE */
:root {
  --ivory: #e9e4dc;
  --cream: #ded7cd;
  --beige: #d2c8bb;
  --champagne: #b69a70;
  --brown: #443832;
  --dark: #29231f;
  --text: #554c44;
  --white: #f0ece5;
  --border: #cfc5b8;
}
html { background: #e5dfd6 !important; }
body {
  color: #554c44 !important;
  background:
    radial-gradient(ellipse at 18% 4%, rgba(255,250,240,.25), transparent 38%),
    radial-gradient(ellipse at 88% 48%, rgba(91,72,58,.07), transparent 42%),
    linear-gradient(145deg, #e8e2d9 0%, #dcd4c9 48%, #e7e1d8 100%) !important;
  background-attachment: fixed;
}
.announcement {
  background: linear-gradient(100deg, #29231f, #40352e 50%, #29231f) !important;
  color: #e4d2b2 !important;
}
.header, .main-nav {
  background: rgba(229,223,214,.96) !important;
  border-color: rgba(123,104,83,.22) !important;
}
.welcome-section, .contact-strip, .featured-section { background: transparent !important; }
.categories-section {
  background: linear-gradient(135deg, #d9d1c6, #e4ded5) !important;
}
.category-image, .category-product-track img {
  background: #d8d0c5 !important;
}
.featured-home-card, .featured-placeholder, .cart-item, .cart-summary, .cart-empty,
.checkout-card, .product-card, .product-item, .catalogue-card {
  background: rgba(239,235,228,.88) !important;
  border-color: rgba(137,117,92,.28) !important;
}
.featured-home-card img {
  background: #ddd5ca !important;
}
.editorial-section {
  background: linear-gradient(125deg, #d3c8ba, #e1d9ce 52%, #d0c4b5) !important;
}
.footer {
  background: linear-gradient(125deg, #29231f, #40352e) !important;
  color: #e7ddce !important;
  border-top: 1px solid #b69a70 !important;
}
.primary-button, .cart-checkout, .checkout-button {
  background: linear-gradient(110deg, #342b26, #514239) !important;
  border: 1px solid #b69a70 !important;
  color: #f4eee4 !important;
}
.primary-button:hover, .cart-checkout:hover, .checkout-button:hover {
  background: #b69a70 !important;
  color: #29231f !important;
}
input, select, textarea {
  background-color: #eee9e1 !important;
  border-color: #c9bdad !important;
  color: #403831 !important;
}
@media (max-width: 600px) { body { background-attachment: scroll; } }

/* PICTOGRAMMES DE NAVIGATION — TRAIT FIN ET UNIFORME */
.header-actions { align-items: center; gap: 18px !important; }
.header-actions a, #menuButton, .menu-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #514238 !important;
  -webkit-tap-highlight-color: transparent;
}
.header-actions a {
  width: 36px;
  height: 36px;
  position: relative;
  transition: color .2s ease, transform .2s ease;
}
.header-actions a:hover { color: #a88a5e !important; transform: translateY(-1px); }
.header-actions a svg, #menuButton svg, .menu-button svg {
  width: 21px;
  height: 21px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#menuButton, .menu-button {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(135,113,86,.35) !important;
  border-radius: 50% !important;
  background: rgba(239,234,226,.55) !important;
  cursor: pointer;
}
#menuButton:hover, .menu-button:hover {
  border-color: #b69a70 !important;
  color: #9a7b50 !important;
}
.header-actions #cartCount {
  position: absolute;
  top: -2px;
  right: -5px;
  min-width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #9b8059;
  color: #fffaf1;
  font: 600 9px/1 Arial, sans-serif;
}
.search-form button { color: #514238 !important; }
.search-form button svg { width: 19px; height: 19px; stroke: currentColor; }


/* SIGNATURE JOAILLERIE — FOND MINÉRAL ET TYPOGRAPHIE RAFFINÉE */
:root {
  --ivory: #d8d0c5;
  --cream: #cec4b7;
  --beige: #c2b6a7;
  --champagne: #b69a70;
  --brown: #40352e;
  --dark: #29231f;
  --text: #514840;
  --white: #eee8df;
  --border: rgba(91, 75, 60, .22);
  --sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --serif: "Cormorant Garamond", Georgia, serif;
}
html, body {
  background-color: #d2c9bd !important;
}
body {
  color: #514840 !important;
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: .01em;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(245,238,226,.34), transparent 34%),
    radial-gradient(ellipse at 88% 38%, rgba(91,73,57,.12), transparent 40%),
    linear-gradient(135deg, #d9d1c6 0%, #c9beb1 48%, #d6cdc2 100%) !important;
  background-attachment: fixed;
}
h1, h2, h3, .brand-name, .brand-monogram, .footer-brand h3 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 500 !important;
}
p, a, button, input, select, label, .main-nav {
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
}
.announcement {
  background: linear-gradient(100deg, #29231f, #44382f 50%, #29231f) !important;
  color: #e2d2b5 !important;
}
.header, .main-nav, .utility-bar {
  background: rgba(211, 202, 190, .94) !important;
  border-color: rgba(87, 70, 55, .22) !important;
}
.main-nav a {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.15px;
}
.menu-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(91, 72, 54, .22) !important;
  border-radius: 50%;
  color: #493b31 !important;
  background: rgba(239, 232, 221, .28) !important;
}
.menu-button svg, .header-actions svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.header-actions {
  align-items: center;
  gap: 18px;
}
.header-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 38px;
  color: #493b31 !important;
  transition: color .2s ease, transform .2s ease;
}
.header-actions a:hover {
  color: #9d8055 !important;
  transform: translateY(-1px);
}
.categories-section {
  background: linear-gradient(135deg, #c9bfb2 0%, #d7cec2 52%, #c8bdae 100%) !important;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(75,60,47,.12);
}
.category-grid {
  align-items: stretch;
  gap: 20px;
}
.category-card {
  min-width: 0;
  padding: 0 0 18px;
  border: 1px solid rgba(88, 70, 53, .22);
  background: rgba(224, 216, 205, .34);
  box-shadow: 0 12px 28px rgba(55, 43, 33, .07);
  overflow: hidden;
}
.category-image {
  position: relative;
  height: 300px;
  margin: 0 0 18px;
  background: linear-gradient(145deg, #c4b8a9, #d8cfc3) !important;
  overflow: hidden;
}
 .category-product-track {
  display: flex;
  align-items: stretch;
  width: max-content;
  height: 100%;
  animation: cdc-category-marquee var(--category-duration, 24s) linear infinite;
  animation-delay: var(--category-delay, 0s);
  will-change: transform;
}
.category-image:hover .category-product-track,
.category-image:focus-within .category-product-track {
  animation-play-state: paused;
}
.category-product-item {
  position: relative;
  display: block;
  flex: 0 0 calc((min(90vw, 1250px) - 60px) / 4);
  width: calc((min(90vw, 1250px) - 60px) / 4);
  height: 100%;
  overflow: hidden;
  background: linear-gradient(145deg, #c4b8a9, #d8cfc3);
}
.category-product-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  background: transparent !important;
  transition: transform .55s ease, filter .35s ease;
}
.category-product-info {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 30px 16px 14px;
  color: #f4eee5;
  text-align: left;
  background: linear-gradient(transparent, rgba(39,31,25,.88));
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .28s ease, transform .28s ease;
}
.category-product-item:hover .category-product-info,
.category-product-item:focus-visible .category-product-info {
  opacity: 1;
  transform: translateY(0);
}
.category-product-item:hover img,
.category-product-item:focus-visible img {
  transform: scale(1.035);
}
.category-product-name {
  font-size: 11px;
  line-height: 1.45;
  font-weight: 500;
}
.category-product-price {
  color: #e2c99d;
  font-size: 12px;
  font-weight: 600;
}
.category-card h3 {
  margin: 0 10px 7px;
  color: #352c26 !important;
  font-size: 24px;
  line-height: 1.2;
}
.category-link {
  display: inline-block;
  margin-top: 2px;
  padding-bottom: 4px;
  color: #584637 !important;
  border-bottom: 1px solid #a88d65;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
}
.category-link:hover {
  color: #8c704c !important;
}
.category-image-empty::after {
  color: #655747;
}
.hero {
  background-blend-mode: normal;
}
.welcome-section, .featured-section, .contact-strip {
  background: transparent !important;
}
.editorial-section {
  background: linear-gradient(125deg, #c5b9aa 0%, #d5cbbf 55%, #c4b8a9 100%) !important;
}
.footer {
  background: linear-gradient(120deg, #302923, #40362e 55%, #2b2520) !important;
  color: #e8dfd3 !important;
  border-top: 1px solid #a88d65;
}
.footer a, .footer h3, .footer h4, .footer p {
  color: #e8dfd3 !important;
}
@media (max-width: 900px) {
  .category-image { height: 260px; }
  .category-product-item {
    flex-basis: calc((min(90vw, 1250px) - 20px) / 2);
    width: calc((min(90vw, 1250px) - 20px) / 2);
  }
}
@media (max-width: 600px) {
  .category-grid { gap: 12px; }
  .category-image { height: 205px; }
  .category-product-item {
    flex-basis: calc((100vw - 40px) / 2);
    width: calc((100vw - 40px) / 2);
  }
  .category-product-item img { padding: 10px; }
  .category-product-info {
    opacity: 1;
    transform: none;
    padding: 22px 9px 9px;
  }
  .category-product-name { font-size: 9px; }
  .category-product-price { font-size: 10px; }
  .category-card h3 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .category-product-track { animation: none !important; }
}


/* ACCUEIL — THÈME ESPRESSO MINÉRAL, SANS FOND BLANC */
html, body {
  min-height: 100%;
  background: #39332e !important;
  color: #e9dfd1 !important;
}
body {
  background:
    radial-gradient(ellipse at 15% 0%, rgba(177,151,112,.12), transparent 38%),
    radial-gradient(ellipse at 85% 44%, rgba(16,13,11,.18), transparent 42%),
    linear-gradient(145deg, #403a34 0%, #342f2a 48%, #3d3731 100%) !important;
  background-attachment: fixed !important;
}
main, .welcome-section, .featured-section, .contact-strip {
  background: transparent !important;
}
.header, .main-nav, .utility-bar {
  background: #332e29 !important;
  border-color: rgba(190,166,126,.24) !important;
}
.brand-name, .main-nav a, .header-actions a, .menu-button,
.utility-bar, .search-form input {
  color: #e8ddce !important;
}
.brand-tagline, .welcome-section p, .featured-section p,
.section-heading p, .contact-strip p {
  color: #c7b9a6 !important;
}
.brand-monogram { color: #c4a575 !important; }
.main-nav a:hover, .header-actions a:hover { color: #d0b17b !important; }
.search-form input {
  background: #484039 !important;
  border-color: rgba(190,166,126,.35) !important;
}
.search-form input::placeholder { color: #c4b7a5 !important; }
.categories-section {
  background: linear-gradient(135deg, #494139 0%, #3d3731 52%, #484037 100%) !important;
  border-top: 1px solid rgba(190,166,126,.18);
  border-bottom: 1px solid rgba(190,166,126,.18);
}
.section-heading h2, .welcome-section h2, .contact-strip h2 {
  color: #f0e7da !important;
}
.eyebrow { color: #c6a879 !important; }
.category-card {
  background: #403932 !important;
  border-color: rgba(190,166,126,.28) !important;
  box-shadow: 0 12px 30px rgba(13,10,8,.18) !important;
}
.category-image {
  background: linear-gradient(145deg, #51483f, #39332d) !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Une case = une piste dédiée; chaque photo occupe exactement la case. */
.category-product-track {
  display: flex !important;
  width: max-content !important;
  height: 100% !important;
  align-items: stretch !important;
  animation: cdc-category-marquee var(--category-duration, 24s) linear infinite !important;
  animation-delay: var(--category-delay, 0s) !important;
}
.category-product-item {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  background: linear-gradient(145deg, #51483f, #39332d) !important;
}
.category-product-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: transparent !important;
}
.category-card h3 { color: #f0e7da !important; }
.category-link {
  color: #d0b17b !important;
  border-color: #a88a5e !important;
}
.featured-home-card, .featured-placeholder {
  background: #403932 !important;
  border-color: rgba(190,166,126,.28) !important;
  color: #eee4d6 !important;
}
.featured-home-card h3, .featured-home-card p,
.featured-home-card a { color: #eee4d6 !important; }
.featured-home-card img {
  background: #51483f !important;
}
.editorial-section {
  background: linear-gradient(125deg, #51483f, #403932 55%, #4a4037) !important;
}
.editorial-content h2, .editorial-content p { color: #eee4d6 !important; }
.editorial-content .text-link { color: #d0b17b !important; }
.footer {
  background: #28231f !important;
  color: #e9dfd1 !important;
  border-top: 1px solid #a88a5e !important;
}
@media (max-width: 900px) {
  .category-product-item { flex-basis: 100% !important; width: 100% !important; }
}
@media (max-width: 600px) {
  body { background-attachment: scroll !important; }
  .category-product-item { flex-basis: 100% !important; width: 100% !important; }
  .category-product-info {
    opacity: 1 !important;
    transform: none !important;
    background: linear-gradient(transparent, rgba(25,20,16,.88)) !important;
  }
}


/* CORRECTION FINALE MOBILE — PALETTE SOMBRE SANS SURFACES BLANCHES */
html, body, body > main {
  background-color: #302923 !important;
}
body {
  color: #e9dfd1 !important;
  background: radial-gradient(ellipse at 50% 0%, #494037 0%, #332d27 48%, #29241f 100%) fixed !important;
}
body, main, section, .welcome-section, .featured-section, .contact-strip,
.categories-section, .category-grid, .category-card, .editorial-section,
.utility-bar {
  color: #e9dfd1;
}
.welcome-section, .featured-section, .contact-strip, main {
  background: transparent !important;
}
.header, .main-nav, .utility-bar {
  background: #29241f !important;
  color: #eee4d6 !important;
  border-color: rgba(198,166,116,.28) !important;
}
.hero {
  background-color: #332d27 !important;
}
.categories-section {
  background: linear-gradient(135deg,#40382f,#302923) !important;
}
.category-card, .featured-home-card, .featured-placeholder {
  background: #393129 !important;
  color: #eee4d6 !important;
  border-color: rgba(198,166,116,.3) !important;
}
.category-image, .category-product-item, .category-product-item img,
.featured-home-card img {
  background: #443a30 !important;
}
.category-card h3, .featured-home-card h3, .featured-home-card p,
.featured-home-card a, .editorial-content h2, .editorial-content p,
.welcome-section h2, .contact-strip h2, .section-heading h2 {
  color: #eee4d6 !important;
}
.category-link, .editorial-content .text-link {
  color: #d7b985 !important;
  border-color: #b69a70 !important;
}
input, select, textarea, #cdc-language-menu, #cdc-language-select {
  background: #393129 !important;
  color: #f0e7da !important;
  border-color: rgba(198,166,116,.38) !important;
}
#cdc-language-menu label { color: #e9dfd1 !important; }
#cdc-language-menu option { background: #393129 !important; color: #f0e7da !important; }

/* En-tête téléphone : menu | logo centré | compte, favoris, panier, langue */
@media (max-width: 700px) {
  .header {
    width: 100% !important;
    min-height: 76px !important;
    height: auto !important;
    padding: 8px 9px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    align-items: center !important;
    column-gap: 5px !important;
    overflow: visible !important;
  }
  .header > .menu-button, .header > #menuButton {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    justify-self: start !important;
    padding: 5px !important;
    border-radius: 50% !important;
  }
  .header > .brand, .header > .brand-home-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  .brand-monogram { display: none !important; }
  .brand-name {
    margin: 0 !important;
    font-size: clamp(11px, 3.1vw, 15px) !important;
    letter-spacing: clamp(1px, .35vw, 2px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .brand-tagline {
    margin-top: 3px !important;
    font-size: 6px !important;
    letter-spacing: 1.2px !important;
    line-height: 1 !important;
  }
  .header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: clamp(1px, .7vw, 5px) !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .header-actions a, #cdc-language-button {
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-actions a svg, #cdc-language-button svg {
    width: 18px !important;
    height: 18px !important;
  }
  .header-actions #cartCount { top: 0 !important; right: -1px !important; }
  #cdc-language-switcher {
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    margin: 0 !important;
  }
  .category-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  .category-card { min-width: 0 !important; }
  .category-image { height: clamp(165px, 48vw, 220px) !important; }
  .category-product-item { max-width: none !important; }
  .category-product-info {
    opacity: 1 !important;
    transform: none !important;
    padding: 22px 8px 8px !important;
    background: linear-gradient(transparent,rgba(25,20,16,.9)) !important;
  }
  .category-product-name { font-size: 9px !important; }
  .category-product-price { font-size: 10px !important; }
}
@media (max-width: 360px) {
  .header { padding-left: 6px !important; padding-right: 6px !important; column-gap: 2px !important; }
  .header-actions { gap: 0 !important; }
  .header-actions a, #cdc-language-button, #cdc-language-switcher {
    flex-basis: 23px !important; width: 23px !important; min-width: 23px !important; max-width: 23px !important;
  }
  .brand-name { font-size: 10px !important; letter-spacing: .7px !important; }
  .brand-tagline { font-size: 5px !important; letter-spacing: .7px !important; }
}

/* Chaque piste a sa propre largeur calculée dans sa case */
.category-image { position: relative !important; overflow: hidden !important; }
.category-product-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  max-width: none !important;
  height: 100% !important;
  animation: cdc-category-marquee var(--category-duration,24s) linear infinite !important;
  animation-delay: var(--category-delay,0s) !important;
}
.category-product-item {
  display: block !important;
  flex-shrink: 0 !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}
.category-product-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 10px !important;
}
@keyframes cdc-category-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .category-product-track { animation: none !important; }
}


/* FINITIONS DE MARQUE — LOGO CDC ET NAVIGATION */
.brand {
  text-decoration: none !important;
}
.brand-monogram {
  width: 39px !important;
  height: 39px !important;
  min-width: 39px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid #c6a674 !important;
  border-radius: 50% !important;
  outline: 1px solid rgba(198,166,116,.45) !important;
  outline-offset: 3px !important;
  background: radial-gradient(circle at 35% 25%,#514438,#29231f 72%) !important;
  color: #e3c99c !important;
  font: 500 13px/1 "Cormorant Garamond",Georgia,serif !important;
  letter-spacing: .5px !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.35);
}
.brand-name {
  color: #eee4d6 !important;
  font-family: "Cormorant Garamond",Georgia,serif !important;
  font-weight: 500 !important;
  letter-spacing: 1.6px !important;
}
.brand-tagline {
  color: #c9b38e !important;
  letter-spacing: 1.8px !important;
}
.category-card { cursor: pointer; }
.category-card:focus-visible {
  outline: 2px solid #c6a674 !important;
  outline-offset: 4px !important;
}
.category-product-item { cursor: pointer; }
.category-product-image-unavailable::after {
  content: "Photo momentanément indisponible";
  position: absolute; inset: auto 0 0; padding: 8px;
  color: #eee4d6; background: rgba(35,29,24,.88);
  font: 10px "Manrope",sans-serif; text-align: center;
}
.category-image-empty::after {
  color: #e1d2bb !important;
  content: "Collection bientôt disponible" !important;
}
.header-actions a, #cdc-language-button, .menu-button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.header-actions a:focus-visible, #cdc-language-button:focus-visible,
.menu-button:focus-visible {
  outline: 2px solid #d7b985 !important;
  outline-offset: 3px !important;
}
@media (max-width: 700px) {
  .brand-monogram {
    width: 30px !important; height: 30px !important; min-width: 30px !important;
    font-size: 10px !important; outline-offset: 2px !important;
  }
  .header-actions { gap: 3px !important; }
  .category-card h3 { min-height: 2.4em; }
}
@media (max-width: 370px) {
  .header { padding-left: 7px !important; padding-right: 7px !important; gap: 3px !important; }
  .header > .menu-button, .header > #menuButton {
    flex-basis: 32px !important; width: 32px !important; height: 32px !important;
  }
  .header-actions { gap: 0 !important; }
  .header-actions a, #cdc-language-button, #cdc-language-switcher {
    flex-basis: 27px !important; width: 27px !important; min-width: 27px !important;
  }
  .header > .brand { max-width: calc(100% - 165px) !important; gap: 5px !important; }
  .header > .brand .brand-name { font-size: 9px !important; letter-spacing: .35px !important; }
}

/* Le défilement des collections reste actif sur les téléphones, même si le système réduit les animations. */
@media (prefers-reduced-motion: reduce) {
  .category-product-track {
    animation: cdc-category-marquee var(--category-duration,24s) linear infinite !important;
    animation-delay: var(--category-delay,0s) !important;
  }
}

/* CORRECTION PRIORITAIRE : les anciens flex-basis 100% écrasaient la largeur des diapositives. */
.category-product-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
}
.category-product-item {
  flex: 0 0 var(--category-slide-width) !important;
  width: var(--category-slide-width) !important;
  min-width: var(--category-slide-width) !important;
  max-width: var(--category-slide-width) !important;
}


/* RESTAURATION DE LA CHARTE VISUELLE INITIALE — SANS MODIFIER LA STRUCTURE */
:root {
  --ivory: #faf8f4 !important; --cream: #f2eee7 !important; --beige: #e8dfd2 !important;
  --champagne: #c7aa7b !important; --brown: #514238 !important; --dark: #302820 !important;
  --text: #655b52 !important; --white: #ffffff !important; --border: #e7e0d7 !important;
  --serif: "Cormorant Garamond", Georgia, serif !important;
  --sans: "Montserrat", Arial, sans-serif !important;
}
html, body { background: var(--ivory) !important; color: var(--text) !important; font-family: var(--sans) !important; }
.announcement { background: var(--brown) !important; color: var(--white) !important; }
.header, .main-nav, .utility-bar { background: var(--ivory) !important; border-color: var(--border) !important; }
.main-nav a, .header-actions a, .menu-button, #menuButton { color: var(--brown) !important; }
.brand-name, h1, h2, h3, h4 { font-family: var(--serif) !important; color: var(--dark); }
.brand-monogram { color: var(--champagne) !important; }
.welcome-section, .featured-section, .contact-strip { background: var(--ivory) !important; color: var(--text) !important; }
.categories-section, .featured-placeholder { background: var(--cream) !important; color: var(--text) !important; }
.category-card { background: transparent !important; color: var(--dark) !important; }
.category-image { background-color: var(--beige) !important; border-color: var(--border) !important; }
.category-product-track img { background-color: var(--ivory) !important; }
.editorial-section { background: var(--beige) !important; color: var(--dark) !important; }
.footer { background: var(--brown) !important; color: var(--ivory) !important; border-color: var(--champagne) !important; }
.footer-brand h3, .footer-column h4 { color: var(--ivory) !important; }
.footer-column a, .footer-bottom { color: var(--cream) !important; }
.primary-button, .cart-checkout, .checkout-button { background: var(--brown) !important; border: 1px solid var(--champagne) !important; color: var(--ivory) !important; }
.primary-button:hover, .cart-checkout:hover, .checkout-button:hover { background: var(--champagne) !important; color: var(--dark) !important; }
.product-card, .favorite-card, .checkout-card, .account-card, .delivery-section, .contact-form, .cart-item, .cart-summary, .cart-empty, .featured-home-card {
  background: var(--cream) !important; color: var(--text) !important; border-color: var(--border) !important;
}
.product-image, .favorite-image, .cart-item-image, .featured-home-card img { background-color: var(--beige) !important; }
input, select, textarea, .catalogue-filters input, .catalogue-filters select, .checkout-form input, .checkout-form select, .checkout-form textarea,
.contact-form input, .contact-form select, .contact-form textarea, .account-form input, .cart-item select {
  background-color: var(--ivory) !important; color: var(--dark) !important; border-color: var(--border) !important;
}
.cart-item h2, .cart-page h1 { color: var(--dark) !important; }
.header .brand, .footer-brand { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
.header .brand-monogram, .footer-brand .brand-monogram {
  box-sizing: border-box !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important;
  padding: 0 !important; margin: 0 auto 6px !important; display: flex !important; align-items: center !important; justify-content: center !important;
  border: 1px solid var(--champagne) !important; border-radius: 50% !important; background: transparent !important;
  color: var(--brown) !important; font-size: 0 !important; line-height: 1 !important; letter-spacing: 0 !important;
}
.header .brand-initials, .footer-brand .brand-initials {
  display: block !important; color: var(--brown) !important; font-family: var(--sans) !important; font-size: 10px !important;
  font-weight: 600 !important; letter-spacing: 1px !important; line-height: 1 !important;
}
.header .brand-name { display: block !important; margin: 0 !important; color: var(--dark) !important; font-family: var(--serif) !important;
  font-size: 17px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; line-height: 1.2 !important; }
@media (max-width: 600px) {
  .header .brand-monogram { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
  .header .brand-initials { font-size: 9px !important; }
  .header .brand-name { font-size: 14px !important; letter-spacing: 1px !important; }
}

/* EN-TÊTE LUXUEUX, MENU LISIBLE ET COLLECTIONS — VERSION 23 */
.header{display:grid!important;grid-template-columns:minmax(42px,1fr) minmax(0,auto) minmax(120px,1fr)!important;align-items:center!important;column-gap:clamp(12px,2vw,30px)!important;overflow:visible!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;justify-self:start!important;align-self:center!important;width:40px!important;height:40px!important;padding:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;justify-self:center!important;align-self:center!important;width:auto!important;max-width:100%!important;min-width:0!important;gap:0!important;white-space:nowrap!important}
.header>.header-actions{grid-column:3!important;justify-self:end!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(12px,1.5vw,22px)!important;min-width:0!important;width:auto!important}
.header .brand-monogram{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0 auto 6px!important;border:1px solid var(--champagne)!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#665344,#302820 78%)!important;box-shadow:0 2px 9px rgba(48,40,32,.13),inset 0 0 0 2px rgba(199,170,123,.12)!important;color:var(--champagne)!important}
.header .brand-initials{display:block!important;color:#ead7b5!important;font-family:var(--sans)!important;font-size:11px!important;font-weight:600!important;letter-spacing:1px!important;line-height:1!important}
.header .brand-name{display:block!important;margin:0!important;color:var(--dark)!important;font-family:var(--serif)!important;font-size:clamp(13px,1.35vw,17px)!important;font-weight:600!important;letter-spacing:1.1px!important;line-height:1.15!important;white-space:nowrap!important}
.header .brand-tagline{display:block!important;margin-top:3px!important;color:var(--brown)!important;font-size:7px!important;letter-spacing:1.7px!important}
.utility-bar{display:flex!important;justify-content:center!important;align-items:center!important;padding:12px 5%!important}
.utility-bar .search-form{width:min(420px,100%)!important;max-width:100%!important;margin:0 auto!important;border-bottom:1px solid var(--champagne)!important}
.header-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;min-height:34px!important;color:var(--brown)!important}
.header-actions a svg,.menu-button svg{display:block!important;width:21px!important;height:21px!important}
.main-nav.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px 18px!important;background:var(--brown)!important;border-color:var(--champagne)!important}
.main-nav.is-open a{display:block!important;padding:12px 8px!important;color:var(--ivory)!important;border-bottom:1px solid rgba(250,248,244,.18)!important;text-align:left!important}
.category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.category-card{min-width:0!important;padding:0 0 16px!important;overflow:hidden!important;border:1px solid var(--border)!important;background:rgba(250,248,244,.62)!important;box-shadow:0 5px 18px rgba(48,40,32,.045)!important}
.category-image{position:relative!important;width:100%!important;height:clamp(190px,24vw,300px)!important;margin:0 0 14px!important;overflow:hidden!important;background:var(--beige)!important}
.category-product-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;height:100%!important;animation:cdc-category-marquee var(--category-duration,24s) linear infinite!important;animation-delay:var(--category-delay,0s)!important}
.category-product-item{display:block!important;flex:0 0 var(--category-slide-width)!important;width:var(--category-slide-width)!important;min-width:var(--category-slide-width)!important;max-width:var(--category-slide-width)!important;height:100%!important;overflow:hidden!important;position:relative!important}
.category-product-item img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;background:var(--ivory)!important}
@media(max-width:700px){
.header{min-height:76px!important;height:auto!important;padding:8px 10px!important;grid-template-columns:34px minmax(0,1fr) auto!important;column-gap:7px!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;width:32px!important;height:32px!important;min-width:32px!important;padding:5px!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;width:100%!important;max-width:100%!important;justify-self:center!important;white-space:nowrap!important}
.header .brand-monogram{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin-bottom:3px!important}
.header .brand-initials{font-size:9px!important}
.header .brand-name{font-size:clamp(9px,2.5vw,13px)!important;letter-spacing:.55px!important}
.header .brand-tagline{font-size:5px!important;letter-spacing:.7px!important}
.header>.header-actions{grid-column:3!important;gap:clamp(2px,.7vw,7px)!important}
.header-actions a{min-width:25px!important;width:25px!important;max-width:25px!important;min-height:30px!important}
.header-actions a svg{width:17px!important;height:17px!important}
.utility-bar{padding:10px 14px!important}
.main-nav{display:none!important}
.main-nav.is-open{display:flex!important;width:100%!important;position:relative!important;z-index:50!important}
.main-nav.is-open a{color:var(--ivory)!important}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.category-image{height:clamp(170px,43vw,250px)!important}
.category-card h3{padding:0 8px!important;font-size:19px!important}
}
@media(max-width:360px){
.header{grid-template-columns:30px minmax(0,1fr) auto!important;column-gap:4px!important}
.header-actions a{min-width:22px!important;width:22px!important;max-width:22px!important}
.header .brand-name{font-size:9px!important;letter-spacing:.35px!important}
}


/* VERSION 24 — LOGO CDC IDENTIQUE, RECHERCHE EN HAUT ET CARROUSELS IMAGE SEULE */
.header{display:grid!important;grid-template-columns:minmax(38px,1fr) minmax(190px,auto) minmax(150px,1fr)!important;align-items:center!important;column-gap:clamp(12px,2vw,28px)!important;min-height:112px!important;height:auto!important;padding:12px clamp(16px,3vw,42px)!important;overflow:visible!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;justify-self:start!important;align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;justify-self:center!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;width:auto!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;text-align:center!important;text-decoration:none!important}
.header .brand-monogram,.footer-brand .brand-monogram,.cdc-footer-brand .brand-monogram{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;margin:0 auto 7px!important;padding:0!important;border:1px solid var(--champagne,#c7aa7b)!important;border-radius:50%!important;outline:1px solid rgba(199,170,123,.42)!important;outline-offset:3px!important;background:radial-gradient(circle at 35% 25%,#665344,#302820 78%)!important;color:#ead7b5!important;box-shadow:0 2px 9px rgba(48,40,32,.13),inset 0 0 0 2px rgba(199,170,123,.12)!important;font-size:0!important;line-height:1!important}
.header .brand-initials,.footer-brand .brand-initials,.cdc-footer-brand .brand-initials{display:block!important;color:#ead7b5!important;font-family:var(--sans,"Montserrat",Arial,sans-serif)!important;font-size:11px!important;font-weight:600!important;letter-spacing:1px!important;line-height:1!important}
.header .brand-name,.footer-brand h3,.cdc-footer-brand h3{display:block!important;margin:0!important;color:var(--dark,#302820)!important;font-family:var(--serif,"Cormorant Garamond",Georgia,serif)!important;font-size:clamp(13px,1.35vw,17px)!important;font-weight:600!important;letter-spacing:1.1px!important;line-height:1.15!important;text-align:center!important}
.header .brand-tagline,.footer-brand p,.cdc-footer-brand p{display:block!important;margin:4px 0 0!important;color:var(--brown,#514238)!important;font-family:var(--sans,"Montserrat",Arial,sans-serif)!important;font-size:7px!important;letter-spacing:1.5px!important;line-height:1.3!important;text-align:center!important}
.header>.header-actions{grid-column:3!important;justify-self:end!important;align-self:center!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(10px,1.35vw,20px)!important;width:auto!important;min-width:0!important}
.header-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:36px!important;padding:2px!important;color:var(--brown,#514238)!important;text-decoration:none!important}
.header-actions a svg,.menu-button svg{display:block!important;width:21px!important;height:21px!important}
.header-actions .header-search-link{display:inline-flex!important}
.utility-bar{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 5%!important}
.utility-bar .search-form{width:min(420px,100%)!important;margin:0 auto!important}
.page-location{display:none!important}
.category-image{position:relative!important;display:block!important;width:100%!important;overflow:hidden!important;background:var(--beige,#e8dfd2)!important}
.category-product-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;height:100%!important;animation:cdc-category-marquee var(--category-duration,24s) linear infinite!important;animation-delay:var(--category-delay,0s)!important}
.category-product-item{display:block!important;position:relative!important;flex:0 0 var(--category-slide-width)!important;width:var(--category-slide-width)!important;min-width:var(--category-slide-width)!important;max-width:var(--category-slide-width)!important;height:100%!important;overflow:hidden!important}
.category-product-item img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;background:var(--ivory,#faf8f4)!important}
.category-product-info,.category-product-name,.category-product-price{display:none!important;visibility:hidden!important}
.category-image-empty::after{content:"Collection bientôt disponible"!important;color:var(--brown,#514238)!important}
@media(max-width:700px){
.header{min-height:104px!important;padding:8px 9px!important;grid-template-columns:34px minmax(0,1fr) minmax(104px,auto)!important;column-gap:5px!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;width:32px!important;height:32px!important;min-width:32px!important;padding:5px!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;width:100%!important;max-width:100%!important;justify-self:center!important;white-space:normal!important}
.header .brand-monogram{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin-bottom:5px!important;outline-offset:2px!important}
.header .brand-initials{font-size:9px!important}
.header .brand-name{font-size:clamp(9px,2.7vw,13px)!important;letter-spacing:.35px!important;white-space:nowrap!important}
.header .brand-tagline{font-size:5px!important;letter-spacing:.65px!important;margin-top:3px!important}
.header>.header-actions{grid-column:3!important;gap:clamp(0px,.4vw,3px)!important}
.header-actions a{flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:30px!important;padding:1px!important}
.header-actions a svg{width:17px!important;height:17px!important}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.category-image{height:clamp(180px,46vw,250px)!important;margin-bottom:10px!important}
.category-card h3{padding:0 7px!important;font-size:18px!important}
}
@media(max-width:370px){
.header{grid-template-columns:29px minmax(0,1fr) minmax(96px,auto)!important;column-gap:3px!important;padding-left:6px!important;padding-right:6px!important}
.header>.menu-button,.header>#menuButton{width:28px!important;min-width:28px!important}
.header-actions{gap:0!important}
.header-actions a{flex-basis:22px!important;width:22px!important;min-width:22px!important;max-width:22px!important}
.header .brand-name{font-size:9px!important;letter-spacing:.15px!important}
.header .brand-tagline{font-size:4.5px!important;letter-spacing:.4px!important}
}
@media(prefers-reduced-motion:reduce){.category-product-track{animation:cdc-category-marquee var(--category-duration,24s) linear infinite!important;animation-delay:var(--category-delay,0s)!important}}


/* VERSION 25 — CATEGORIES STRICTES, LOGO IDENTIQUE ET CINQ COMMANDES */
.header {
  grid-template-columns:minmax(34px,1fr) minmax(180px,auto) minmax(190px,1fr)!important;
  column-gap:clamp(8px,1.4vw,20px)!important;
}
.header>.header-actions {
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-end!important;gap:clamp(5px,.8vw,12px)!important;
  min-width:0!important;
}
.header-actions a {
  flex:0 0 27px!important;width:27px!important;min-width:27px!important;
  max-width:27px!important;height:34px!important;padding:1px!important;
}
#cdc-language-switcher {
  display:flex!important;flex:0 0 27px!important;width:27px!important;
  min-width:27px!important;margin:0!important;align-items:center!important;
}
#cdc-language-button {
  display:inline-flex!important;flex:0 0 27px!important;width:27px!important;
  min-width:27px!important;height:27px!important;min-height:27px!important;
  padding:3px!important;border-radius:50%!important;
}
#cdc-language-button svg {width:18px!important;height:18px!important;}
.cdc-global-footer .footer-brand {display:flex!important;justify-content:center!important;text-align:center!important;}
.cdc-global-footer .footer-brand .cdc-footer-home {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:0!important;
}
.cdc-global-footer .footer-brand .brand-monogram {margin:0 auto 9px!important;}
.cdc-global-footer .footer-brand h3 {margin:0!important;}
.cdc-global-footer .footer-brand p {margin:4px 0 0!important;}
@media(max-width:700px) {
  .header {
    grid-template-columns:29px minmax(0,1fr) minmax(132px,auto)!important;
    column-gap:4px!important;padding-left:6px!important;padding-right:6px!important;
  }
  .header>.header-actions {gap:1px!important;}
  .header-actions a {
    flex:0 0 23px!important;width:23px!important;min-width:23px!important;
    max-width:23px!important;height:29px!important;padding:0!important;
  }
  .header-actions a svg {width:16px!important;height:16px!important;}
  #cdc-language-switcher {
    flex:0 0 23px!important;width:23px!important;min-width:23px!important;
  }
  #cdc-language-button {
    flex:0 0 23px!important;width:23px!important;min-width:23px!important;
    height:23px!important;min-height:23px!important;padding:2px!important;
  }
  #cdc-language-button svg {width:16px!important;height:16px!important;}
  .header .brand-monogram {margin-bottom:5px!important;}
}
@media(max-width:370px) {
  .header {grid-template-columns:25px minmax(0,1fr) minmax(122px,auto)!important;column-gap:2px!important;}
  .header-actions a,#cdc-language-switcher,#cdc-language-button {
    flex-basis:21px!important;width:21px!important;min-width:21px!important;max-width:21px!important;
  }
  #cdc-language-button {height:21px!important;min-height:21px!important;}
}


/* VERSION 26 — LOGO CDC AVEC CLÉ, IDENTIQUE SUR TOUTES LES PAGES */
.brand-monogram{position:relative!important;isolation:isolate!important;}
.brand-monogram .brand-key-icon{position:absolute!important;right:6px!important;bottom:6px!important;width:12px!important;height:12px!important;display:block!important;fill:none!important;stroke:#ead7b5!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:.98!important;filter:drop-shadow(0 0 1px rgba(48,40,32,.45))!important;}
.header .brand-monogram .brand-key-icon{right:5px!important;bottom:5px!important;width:11px!important;height:11px!important;}
.footer-brand .brand-monogram .brand-key-icon{right:6px!important;bottom:6px!important;width:12px!important;height:12px!important;}


/* VERSION 27 — LOGO CDC + CLÉ EN LIGNE DANS LE MÉDAILLON, EN-TÊTE AÉRÉ */
.header{display:grid!important;grid-template-columns:34px minmax(120px,1fr) minmax(205px,auto)!important;align-items:center!important;column-gap:clamp(7px,1vw,14px)!important;min-height:104px!important;height:auto!important;padding:9px clamp(8px,1.8vw,24px)!important;overflow:visible!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;justify-self:start!important;width:30px!important;height:34px!important;min-width:30px!important;padding:4px!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;justify-self:center!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;width:max-content!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;text-align:center!important}
.header>.header-actions{grid-column:3!important;justify-self:end!important;align-self:center!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(2px,.45vw,7px)!important;width:auto!important;min-width:0!important;white-space:nowrap!important}
.header-actions a{display:inline-flex!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;max-width:27px!important;height:34px!important;align-items:center!important;justify-content:center!important;padding:0!important}
.header-actions a svg{display:block!important;width:19px!important;height:19px!important}
.header .brand-monogram,.footer-brand .brand-monogram,.cdc-footer-brand .brand-monogram{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-sizing:border-box!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0 auto 6px!important;padding:0!important;border:1px solid var(--champagne,#c7aa7b)!important;border-radius:50%!important;outline:1px solid rgba(199,170,123,.42)!important;outline-offset:2px!important;background:radial-gradient(circle at 35% 25%,#665344,#302820 78%)!important;color:#ead7b5!important;font-size:0!important;line-height:1!important;overflow:hidden!important}
.header .brand-initials,.footer-brand .brand-initials,.cdc-footer-brand .brand-initials{display:inline-block!important;color:#ead7b5!important;font-family:var(--sans,"Montserrat",Arial,sans-serif)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.6px!important;line-height:1!important}
.brand-monogram .brand-key-icon{position:static!important;display:inline-block!important;flex:0 0 13px!important;width:13px!important;height:13px!important;margin:0!important;fill:none!important;stroke:#ead7b5!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;filter:none!important}
.header .brand-name,.footer-brand h3,.cdc-footer-brand h3{display:block!important;margin:0!important;color:var(--dark,#302820)!important;font-family:var(--serif,"Cormorant Garamond",Georgia,serif)!important;font-size:clamp(10px,1.15vw,15px)!important;font-weight:600!important;letter-spacing:.65px!important;line-height:1.12!important;text-align:center!important;white-space:nowrap!important}
.header .brand-tagline,.footer-brand p,.cdc-footer-brand p{display:block!important;margin:3px 0 0!important;color:var(--brown,#514238)!important;font-family:var(--sans,"Montserrat",Arial,sans-serif)!important;font-size:6px!important;letter-spacing:1px!important;line-height:1.2!important;text-align:center!important}
#cdc-language-switcher{display:flex!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;margin:0!important;align-items:center!important;justify-content:center!important}
#cdc-language-button{display:inline-flex!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;align-items:center!important;justify-content:center!important;padding:2px!important}
#cdc-language-button svg{width:18px!important;height:18px!important}
.utility-bar{display:none!important}
@media(max-width:700px){
 .header{grid-template-columns:25px minmax(92px,1fr) minmax(116px,auto)!important;column-gap:3px!important;min-height:78px!important;padding:6px 5px!important}
 .header>.menu-button,.header>#menuButton{width:24px!important;min-width:24px!important;height:30px!important;padding:2px!important}
 .header>.brand,.header>.brand-home-link{width:max-content!important;max-width:100%!important}
 .header .brand-monogram,.footer-brand .brand-monogram,.cdc-footer-brand .brand-monogram{flex-basis:39px!important;width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;margin-bottom:4px!important;gap:2px!important;outline-offset:1px!important}
 .header .brand-initials,.footer-brand .brand-initials,.cdc-footer-brand .brand-initials{font-size:8px!important;letter-spacing:.3px!important}
 .brand-monogram .brand-key-icon{flex-basis:10px!important;width:10px!important;height:10px!important;stroke-width:2!important}
 .header .brand-name{font-size:clamp(8px,2.7vw,11px)!important;letter-spacing:.2px!important}
 .header .brand-tagline{font-size:4.5px!important;letter-spacing:.45px!important}
 .header>.header-actions{gap:0!important}
 .header-actions a{flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:28px!important}
 .header-actions a svg{width:15px!important;height:15px!important}
 #cdc-language-switcher,#cdc-language-button{flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:24px!important;min-height:24px!important;padding:1px!important}
 #cdc-language-button svg{width:15px!important;height:15px!important}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:360px){
 .header{grid-template-columns:22px minmax(82px,1fr) minmax(110px,auto)!important;column-gap:2px!important;padding-left:3px!important;padding-right:3px!important}
 .header-actions a,#cdc-language-switcher,#cdc-language-button{flex-basis:21px!important;width:21px!important;min-width:21px!important;max-width:21px!important}
 .header .brand-name{font-size:8px!important;letter-spacing:0!important}
}


/* VERSION 28 — LOGO CDC SUR TROIS LIGNES ET EN-TÊTE SANS DÉBORDEMENT */
.brand-monogram .brand-key-icon{display:none!important}
.brand-monogram{display:flex!important;align-items:center!important;justify-content:center!important}
.header{display:grid!important;grid-template-columns:34px minmax(0,1fr) 198px!important;column-gap:12px!important;align-items:center!important;overflow:visible!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;justify-self:start!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;justify-self:start!important;align-self:center!important;width:max-content!important;max-width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;white-space:nowrap!important;text-align:center!important}
.header>.header-actions{grid-column:3!important;justify-self:end!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;width:auto!important;white-space:nowrap!important}
.header .brand-monogram{flex-direction:row!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0 auto 5px!important}
.header .brand-name{display:block!important;margin:0!important;text-align:center!important;white-space:nowrap!important;font-size:14px!important;line-height:1.1!important;letter-spacing:.55px!important}
.header .brand-tagline{display:block!important;margin:3px 0 0!important;text-align:center!important;white-space:nowrap!important;font-size:6px!important;letter-spacing:.9px!important}
.footer-brand .brand-monogram{margin:0 auto 8px!important}
.footer-brand h3,.cdc-footer-brand h3{display:block!important;margin:0!important;text-align:center!important}
.footer-brand p,.cdc-footer-brand p{display:block!important;margin:4px 0 0!important;text-align:center!important}
@media(max-width:700px){
 .header{grid-template-columns:25px minmax(0,1fr) 116px!important;column-gap:4px!important;min-height:82px!important;padding:6px 5px!important}
 .header>.menu-button,.header>#menuButton{width:24px!important;min-width:24px!important;height:30px!important;padding:2px!important}
 .header>.brand,.header>.brand-home-link{justify-self:start!important;max-width:100%!important}
 .header .brand-monogram{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;margin-bottom:4px!important}
 .header .brand-initials{font-size:9px!important;letter-spacing:.3px!important}
 .header .brand-name{font-size:clamp(8px,2.7vw,11px)!important;letter-spacing:.2px!important}
 .header .brand-tagline{font-size:4.5px!important;letter-spacing:.45px!important}
 .header>.header-actions{gap:0!important}
 .header-actions a,#cdc-language-switcher,#cdc-language-button{flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important}
 .header-actions a{height:28px!important;padding:0!important}
 .header-actions a svg{width:15px!important;height:15px!important}
 #cdc-language-switcher{display:flex!important;margin:0!important}
 #cdc-language-button{height:24px!important;min-height:24px!important;padding:1px!important}
 #cdc-language-button svg{width:15px!important;height:15px!important}
}
@media(max-width:360px){
 .header{grid-template-columns:23px minmax(0,1fr) 110px!important;column-gap:3px!important;padding-left:4px!important;padding-right:4px!important}
 .header-actions a,#cdc-language-switcher,#cdc-language-button{flex-basis:21px!important;width:21px!important;min-width:21px!important;max-width:21px!important}
 .header .brand-name{font-size:8px!important;letter-spacing:0!important}
 .header .brand-tagline{font-size:4px!important;letter-spacing:.35px!important}
}


/* VERSION 29 — LOGO IDENTIQUE EN-TÊTE / PIED DE PAGE, ALIGNÉ À GAUCHE */
.header{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;column-gap:14px!important;align-items:center!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}
.header>.menu-button,.header>#menuButton{grid-column:1!important;justify-self:start!important}
.header>.brand,.header>.brand-home-link{grid-column:2!important;justify-self:start!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;width:max-content!important;max-width:100%!important;min-width:0!important;margin:0!important;text-align:center!important;white-space:nowrap!important}
.header>.header-actions{grid-column:3!important;justify-self:end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;min-width:max-content!important;margin:0!important;white-space:nowrap!important}
.header .brand-monogram,.cdc-global-footer .brand-monogram{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex:0 0 46px!important;margin:0 auto 7px!important;border:1px solid #c7aa7b!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#665344,#302820 78%)!important;color:#ead7b5!important}
.header .brand-initials,.cdc-global-footer .brand-initials{display:block!important;color:#ead7b5!important;font:600 11px/1 Montserrat,Arial,sans-serif!important;letter-spacing:1px!important}
.header .brand-name,.cdc-global-footer .footer-brand h3{display:block!important;margin:0!important;color:#302820!important;font:600 17px/1.15 "Cormorant Garamond",Georgia,serif!important;letter-spacing:1.1px!important;text-align:center!important;white-space:nowrap!important}
.header .brand-tagline,.cdc-global-footer .footer-brand p{display:block!important;margin:4px 0 0!important;color:#514238!important;font:7px/1.3 Montserrat,Arial,sans-serif!important;letter-spacing:1.5px!important;text-align:center!important;white-space:nowrap!important}
@media(max-width:700px){
 .header{grid-template-columns:24px minmax(0,1fr) auto!important;column-gap:7px!important;min-height:88px!important;padding:6px 7px!important}
 .header>.menu-button,.header>#menuButton{width:23px!important;min-width:23px!important;height:30px!important;padding:1px!important}
 .header>.brand,.header>.brand-home-link{justify-self:start!important;max-width:100%!important}
 .header .brand-monogram{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex-basis:39px!important;margin-bottom:4px!important}
 .header .brand-initials{font-size:9px!important;letter-spacing:.7px!important}
 .header .brand-name{font-size:clamp(9px,2.7vw,11px)!important;letter-spacing:.15px!important}
 .header .brand-tagline{font-size:5px!important;letter-spacing:.55px!important}
 .header>.header-actions{gap:4px!important;min-width:0!important}
 .header-actions>a{display:inline-flex!important;flex:0 0 23px!important;width:23px!important;min-width:23px!important;max-width:23px!important;height:28px!important;padding:0!important;align-items:center!important;justify-content:center!important}
 .header-actions>a svg{width:16px!important;height:16px!important}
 #cdc-language-switcher{display:flex!important;flex:0 0 23px!important;width:23px!important;min-width:23px!important;margin:0!important}
 #cdc-language-button{display:inline-flex!important;flex:0 0 23px!important;width:23px!important;min-width:23px!important;height:25px!important;min-height:25px!important;padding:0!important;align-items:center!important;justify-content:center!important}
 #cdc-language-button svg{width:16px!important;height:16px!important}
}
@media(max-width:380px){
 .header{grid-template-columns:22px minmax(0,1fr) auto!important;column-gap:5px!important;padding-left:5px!important;padding-right:5px!important}
 .header>.header-actions{gap:2px!important}
 .header-actions>a,#cdc-language-switcher,#cdc-language-button{flex-basis:21px!important;width:21px!important;min-width:21px!important;max-width:21px!important}
 .header .brand-name{font-size:8.5px!important;letter-spacing:0!important}
 .header .brand-tagline{font-size:4.5px!important;letter-spacing:.35px!important}
}


/* VERSION 30 — LOGO STRICTEMENT CENTRÉ DANS L’ENTÊTE */
.header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  padding-left:clamp(8px,2vw,24px)!important;
  padding-right:clamp(8px,2vw,24px)!important;
  box-sizing:border-box!important;
}
.header>.menu-button,.header>#menuButton{
  grid-column:1!important;justify-self:start!important;
}
.header>.brand,.header>.brand-home-link{
  grid-column:2!important;justify-self:center!important;align-self:center!important;
  width:max-content!important;max-width:100%!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;white-space:nowrap!important;
}
.header>.header-actions{
  grid-column:3!important;justify-self:end!important;align-self:center!important;
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-end!important;gap:clamp(2px,.7vw,9px)!important;
  width:auto!important;min-width:0!important;margin:0!important;white-space:nowrap!important;
}
@media(max-width:700px){
  .header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;column-gap:4px!important;min-height:88px!important;padding:6px 6px!important}
  .header>.brand,.header>.brand-home-link{justify-self:center!important;max-width:100%!important}
  .header>.header-actions{justify-self:end!important;gap:1px!important;min-width:0!important}
  .header-actions>a,#cdc-language-switcher,#cdc-language-button{flex:0 0 21px!important;width:21px!important;min-width:21px!important;max-width:21px!important}
  .header-actions>a svg,#cdc-language-button svg{width:15px!important;height:15px!important}
  .header .brand-monogram{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex-basis:39px!important;margin-bottom:4px!important}
  .header .brand-name{font-size:clamp(8px,2.5vw,11px)!important;letter-spacing:.1px!important}
  .header .brand-tagline{font-size:4.5px!important;letter-spacing:.4px!important}
}
@media(max-width:360px){
  .header{column-gap:2px!important;padding-left:3px!important;padding-right:3px!important}
  .header-actions>a,#cdc-language-switcher,#cdc-language-button{flex-basis:19px!important;width:19px!important;min-width:19px!important;max-width:19px!important}
  .header .brand-name{font-size:8px!important;letter-spacing:0!important}
  .header .brand-tagline{font-size:4px!important;letter-spacing:.2px!important}
}


/* VERSION 31 — SUPPRESSION DES PANNEAUX BLANCS, PALETTE PIERRE ET TAUPE */
:root{
  --ivory:#d1c8bc!important;
  --cream:#c9bfb2!important;
  --beige:#bfb3a5!important;
  --champagne:#a88a5e!important;
  --brown:#44372f!important;
  --dark:#29221e!important;
  --text:#403832!important;
  --white:#eee7dc!important;
  --border:#b7aa9b!important;
}
html,body{background-color:#c9c0b5!important;color:#403832!important}
body{background-image:linear-gradient(145deg,#d1c9bf 0%,#c5baad 52%,#d0c7bc 100%)!important}
.header,.main-nav{background:#c9c0b5!important;border-color:#b7aa9b!important}
.utility-bar,.welcome-section,.contact-strip,.featured-section{background:transparent!important}
.categories-section{background:linear-gradient(135deg,#bfb5a9,#d0c7bc)!important}
.category-image,.category-image-empty,.category-product-track img{background:#b9afa3!important}
.featured-home-card,.featured-placeholder,.cart-item,.cart-summary,.cart-empty,
.checkout-card,.product-card,.product-item,.catalogue-card,.favorite-card,
.account-card,.contact-information,.contact-form-box,.cgv-section,
.delivery-section,.legal-section,.empty-favorites{
  background:#d5ccc1!important;
  border-color:#b7aa9b!important;
  color:#403832!important;
}
.product-image,.favorite-image,.product-detail-image img,.featured-home-card img,
.cart-item-image,#cartContents img{background:#bfb5a9!important}
.catalogue-filters input,.catalogue-filters select,
.checkout-form input,.checkout-form select,.checkout-form textarea,
.account-tabs button,.account-form input,.contact-form input,
.contact-form select,.contact-form textarea,.cart-item select,
input,select,textarea{
  background-color:#d9d1c7!important;
  color:#352d28!important;
  border-color:#ad9f90!important;
}
.account-message,.cgv-note,.delivery-note,.legal-warning{
  background:#c8beb2!important;color:#403832!important
}
.contact-page,.cgv-page,.delivery-page,.legal-page{background:#c9c0b5!important;color:#403832!important}
.contact-hero,.cgv-hero,.delivery-hero,.legal-hero{
  background:#bfb4a7!important;color:#302821!important
}
.contact-hero p,.cgv-hero p,.delivery-hero p,.legal-hero p,
.contact-information p,.cgv-section p,.cgv-section li,
.delivery-section p,.delivery-section li,.legal-section p,.legal-section li{
  color:#443a33!important
}
.editorial-section{background:linear-gradient(125deg,#b9ad9f,#cec4b8 52%,#b7aa9b)!important}
.footer{background:linear-gradient(125deg,#29231f,#40352e)!important}
.hero{background-image:linear-gradient(rgba(61,48,39,.43),rgba(61,48,39,.55)),url("https://bijouterielamalmaison.fr/wp-content/uploads/2026/05/accueil-site-MTR.jpg")!important}
.hero h1,.hero p:not(.eyebrow){color:#f3eadc!important}
.hero .eyebrow{color:#e2c99e!important}
@media(max-width:600px){body{background-attachment:scroll!important}}


/* VERSION 32 — CONTRASTE DES CATÉGORIES ET THÈME AU CHOIX */
.category-card{
  background:#39312b!important;
  border:1px solid rgba(182,154,112,.58)!important;
  box-shadow:0 9px 24px rgba(35,27,22,.13)!important;
}
.category-card h3{
  color:#f4eadb!important;
  background:transparent!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.category-card .category-link{
  display:inline-block!important;
  color:#e2c99e!important;
  border-color:#b69a70!important;
}
.category-card .category-link:hover{color:#fff2dc!important}
.category-image{border-color:rgba(182,154,112,.45)!important}
#cdc-theme-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;
  padding:0!important;border:1px solid rgba(182,154,112,.55)!important;border-radius:50%!important;
  background:rgba(182,154,112,.12)!important;color:#514238!important;
  font:600 17px/1 Arial,sans-serif!important;cursor:pointer!important;
}
#cdc-theme-toggle:focus-visible{outline:2px solid #b69a70!important;outline-offset:3px!important}
html[data-cdc-theme="light"] body{background:#eee9e1!important;color:#403831!important}
html[data-cdc-theme="light"] .header,html[data-cdc-theme="light"] .main-nav,
html[data-cdc-theme="light"] .utility-bar{background:#eee9e1!important;color:#403831!important}
html[data-cdc-theme="light"] .categories-section{background:#e2dacf!important}
html[data-cdc-theme="light"] .category-card{background:#f1ece4!important;border-color:#b9aa97!important}
html[data-cdc-theme="light"] .category-card h3{color:#342a24!important;text-shadow:none!important}
html[data-cdc-theme="light"] .category-card .category-link{color:#725638!important;border-color:#a88a5e!important}
html[data-cdc-theme="light"] .category-image,html[data-cdc-theme="light"] .category-product-track img{background:#d4c9bb!important}
html[data-cdc-theme="light"] .welcome-section h2,html[data-cdc-theme="light"] .section-heading h2,
html[data-cdc-theme="light"] .contact-strip h2{color:#342a24!important}
html[data-cdc-theme="light"] .editorial-section{background:#d8cdbf!important}
html[data-cdc-theme="light"] .editorial-content h2,html[data-cdc-theme="light"] .editorial-content p{color:#342a24!important}
html[data-cdc-theme="light"] .cdc-global-footer{background:#302923!important;color:#eee4d6!important}
html[data-cdc-theme="dark"] body{background:#211d1a!important;color:#eee4d6!important}
html[data-cdc-theme="dark"] .header,html[data-cdc-theme="dark"] .main-nav,
html[data-cdc-theme="dark"] .utility-bar{background:#29231f!important;color:#eee4d6!important;border-color:#59483a!important}
html[data-cdc-theme="dark"] .header .brand-name,html[data-cdc-theme="dark"] .main-nav a,
html[data-cdc-theme="dark"] .header-actions a,html[data-cdc-theme="dark"] .menu-button{color:#eee4d6!important}
html[data-cdc-theme="dark"] .categories-section{background:#29231f!important}
html[data-cdc-theme="dark"] .category-card{background:#393129!important;border-color:#806b50!important}
html[data-cdc-theme="dark"] .category-card h3{color:#f4eadb!important}
html[data-cdc-theme="dark"] .category-card .category-link{color:#e2c99e!important}
html[data-cdc-theme="dark"] .category-image,html[data-cdc-theme="dark"] .category-product-track img{background:#443a30!important}
html[data-cdc-theme="dark"] .welcome-section h2,html[data-cdc-theme="dark"] .section-heading h2,
html[data-cdc-theme="dark"] .contact-strip h2{color:#f0e7da!important}
html[data-cdc-theme="dark"] .welcome-section p,html[data-cdc-theme="dark"] .contact-strip p{color:#d8cfc3!important}
html[data-cdc-theme="dark"] .editorial-section{background:#393129!important}
html[data-cdc-theme="dark"] .editorial-content h2,html[data-cdc-theme="dark"] .editorial-content p{color:#eee4d6!important}
html[data-cdc-theme="dark"] .featured-home-card,html[data-cdc-theme="dark"] .featured-placeholder,
html[data-cdc-theme="dark"] .cart-item,html[data-cdc-theme="dark"] .cart-summary,
html[data-cdc-theme="dark"] .cart-empty,html[data-cdc-theme="dark"] .checkout-card,
html[data-cdc-theme="dark"] .product-card,html[data-cdc-theme="dark"] .catalogue-card,
html[data-cdc-theme="dark"] .favorite-card,html[data-cdc-theme="dark"] .account-card{
  background:#393129!important;color:#eee4d6!important;border-color:#665541!important
}
html[data-cdc-theme="dark"] input,html[data-cdc-theme="dark"] select,html[data-cdc-theme="dark"] textarea{
  background:#393129!important;color:#f0e7da!important;border-color:#665541!important
}
html[data-cdc-theme="dark"] .cdc-global-footer{background:#171412!important}
#cdc-theme-toggle{color:inherit!important}
@media(max-width:600px){
  #cdc-theme-toggle{flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:24px!important;border:0!important;font-size:15px!important}
}


/* THEME CLAIR/SOMBRE — HARMONISATION DES PAGES ET DES TEXTES */
html[data-cdc-theme="light"] body,
html[data-cdc-theme="light"] main,
html[data-cdc-theme="light"] .page-content,
html[data-cdc-theme="light"] .page-container,
html[data-cdc-theme="light"] .catalogue-page,
html[data-cdc-theme="light"] .cart-page,
html[data-cdc-theme="light"] .product-page,
html[data-cdc-theme="light"] .favorites-page,
html[data-cdc-theme="light"] .checkout-page,
html[data-cdc-theme="light"] .account-page,
html[data-cdc-theme="light"] .contact-page,
html[data-cdc-theme="light"] .legal-page,
html[data-cdc-theme="light"] .cgv-page,
html[data-cdc-theme="light"] .delivery-page,
html[data-cdc-theme="light"] .about-page{
  background-color:#e8e1d7!important;color:#40352d!important
}
html[data-cdc-theme="light"] main h1,html[data-cdc-theme="light"] main h2,
html[data-cdc-theme="light"] main h3,html[data-cdc-theme="light"] main h4,
html[data-cdc-theme="light"] main p,html[data-cdc-theme="light"] main li,
html[data-cdc-theme="light"] main label,html[data-cdc-theme="light"] main .price{
  color:#40352d!important
}
html[data-cdc-theme="light"] .cart-item,html[data-cdc-theme="light"] .cart-summary,
html[data-cdc-theme="light"] .cart-empty,html[data-cdc-theme="light"] .checkout-card,
html[data-cdc-theme="light"] .product-card,html[data-cdc-theme="light"] .product-item,
html[data-cdc-theme="light"] .catalogue-card,html[data-cdc-theme="light"] .favorite-card,
html[data-cdc-theme="light"] .account-card,html[data-cdc-theme="light"] .contact-form,
html[data-cdc-theme="light"] .cgv-section,html[data-cdc-theme="light"] .legal-section,
html[data-cdc-theme="light"] .delivery-section{
  background:#f0ebe3!important;color:#40352d!important;border-color:#c7b9a8!important
}
html[data-cdc-theme="dark"] body,
html[data-cdc-theme="dark"] main,
html[data-cdc-theme="dark"] .page-content,
html[data-cdc-theme="dark"] .page-container,
html[data-cdc-theme="dark"] .catalogue-page,
html[data-cdc-theme="dark"] .cart-page,
html[data-cdc-theme="dark"] .product-page,
html[data-cdc-theme="dark"] .favorites-page,
html[data-cdc-theme="dark"] .checkout-page,
html[data-cdc-theme="dark"] .account-page,
html[data-cdc-theme="dark"] .contact-page,
html[data-cdc-theme="dark"] .legal-page,
html[data-cdc-theme="dark"] .cgv-page,
html[data-cdc-theme="dark"] .delivery-page,
html[data-cdc-theme="dark"] .about-page{
  background-color:#211d1a!important;color:#eee4d6!important
}
html[data-cdc-theme="dark"] main h1,html[data-cdc-theme="dark"] main h2,
html[data-cdc-theme="dark"] main h3,html[data-cdc-theme="dark"] main h4,
html[data-cdc-theme="dark"] main p,html[data-cdc-theme="dark"] main li,
html[data-cdc-theme="dark"] main label,html[data-cdc-theme="dark"] main .price{
  color:#eee4d6!important
}
html[data-cdc-theme="dark"] .cart-item,html[data-cdc-theme="dark"] .cart-summary,
html[data-cdc-theme="dark"] .cart-empty,html[data-cdc-theme="dark"] .checkout-card,
html[data-cdc-theme="dark"] .product-card,html[data-cdc-theme="dark"] .product-item,
html[data-cdc-theme="dark"] .catalogue-card,html[data-cdc-theme="dark"] .favorite-card,
html[data-cdc-theme="dark"] .account-card,html[data-cdc-theme="dark"] .contact-form,
html[data-cdc-theme="dark"] .cgv-section,html[data-cdc-theme="dark"] .legal-section,
html[data-cdc-theme="dark"] .delivery-section{
  background:#393129!important;color:#eee4d6!important;border-color:#665541!important
}
html[data-cdc-theme="dark"] main a:not(.primary-button):not(.category-link){color:#e2c99e!important}
html[data-cdc-theme="light"] main a:not(.primary-button):not(.category-link){color:#725638!important}


/* ICÔNE DE THÈME — FINITION DISCRÈTE ET ESPACEMENT */
#cdc-theme-toggle{
  display:inline-flex!important;flex:0 0 25px!important;
  width:25px!important;min-width:25px!important;max-width:25px!important;
  height:30px!important;margin:0 0 0 5px!important;padding:0!important;
  align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:50%!important;background:transparent!important;
  color:#8b704d!important;box-shadow:none!important;
}
#cdc-theme-toggle svg{display:block!important;width:18px!important;height:18px!important}
#cdc-theme-toggle:hover{background:rgba(168,138,94,.12)!important;color:#b08d5d!important}
@media(max-width:600px){
  #cdc-theme-toggle{
    flex:0 0 19px!important;width:19px!important;min-width:19px!important;max-width:19px!important;
    height:24px!important;margin-left:2px!important;padding:0!important;
  }
  #cdc-theme-toggle svg{width:15px!important;height:15px!important}
}
@media(max-width:360px){
  #cdc-theme-toggle{flex-basis:18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;margin-left:1px!important}
  #cdc-theme-toggle svg{width:14px!important;height:14px!important}
}


/* ZONE TACTILE DES ICÔNES — PLUS FACILE À UTILISER SUR MOBILE */
.header-actions{align-items:center!important;gap:clamp(5px,.8vw,10px)!important}
.header-actions>a,
#cdc-theme-toggle,
#cdc-language-switcher,
#cdc-language-button{
  display:inline-flex!important;
  flex:0 0 36px!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;min-height:36px!important;
  align-items:center!important;justify-content:center!important;
  padding:0!important;box-sizing:border-box!important;
}
.header-actions>a svg,
#cdc-theme-toggle svg,
#cdc-language-button svg{width:19px!important;height:19px!important}
#cdc-theme-toggle{margin:0!important;border-radius:50%!important}
@media(max-width:700px){
  .header>.header-actions{gap:2px!important}
  .header-actions>a,
  #cdc-theme-toggle,
  #cdc-language-switcher,
  #cdc-language-button{
    flex-basis:28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;
    height:30px!important;min-height:30px!important;
  }
  .header-actions>a svg,
  #cdc-theme-toggle svg,
  #cdc-language-button svg{width:17px!important;height:17px!important}
}
@media(max-width:360px){
  .header>.header-actions{gap:0!important}
  .header-actions>a,
  #cdc-theme-toggle,
  #cdc-language-switcher,
  #cdc-language-button{
    flex-basis:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;
    height:28px!important;min-height:28px!important;
  }
  .header-actions>a svg,
  #cdc-theme-toggle svg,
  #cdc-language-button svg{width:16px!important;height:16px!important}
}


/* Navigation supérieure : icônes lisibles et état actif évident, sans marquer les autres onglets. */
.header-actions > a,
#cdc-language-switcher,
#cdc-theme-toggle {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  min-height: 36px !important;
  color: #514238 !important;
  border-radius: 50% !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}
.header-actions > a svg,
#cdc-language-button svg,
#cdc-theme-toggle svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.9 !important;
}
.header-actions > a[aria-current="page"],
.header-actions > a.is-current {
  color: #fffaf1 !important;
  background: #725638 !important;
  box-shadow: 0 0 0 2px #c7aa7b, 0 2px 9px rgba(48,40,32,.28) !important;
}
.header-actions > a:not([aria-current="page"]):not(.is-current) {
  background: transparent !important;
  box-shadow: none !important;
}
#cdc-language-button,
#cdc-theme-toggle {
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}
@media(max-width:700px) {
  .header-actions > a,
  #cdc-language-switcher,
  #cdc-theme-toggle {
    min-width: 28px !important;
    width: 28px !important;
    min-height: 32px !important;
    height: 32px !important;
  }
  .header-actions > a svg,
  #cdc-language-button svg,
  #cdc-theme-toggle svg {
    width: 19px !important;
    height: 19px !important;
  }
}