/** Shopify CDN: Minification failed

Line 664:0 Expected "}" to go with "{"

**/
/*
 * ════════════════════════════════════════════════════════════════
 *  dc-theme.css — Daniel Ducarmel · Système de design global
 *  Installation : Assets → dc-theme.css
 *  Activation   : Dans theme.liquid, avant </head>, ajouter :
 *    {{ 'dc-theme.css' | asset_url | stylesheet_tag }}
 * ════════════════════════════════════════════════════════════════
 */

/* ─── 1. POLICES ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garant:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500&display=swap');

/* ─── 2. VARIABLES ───────────────────────────────────────────── */
:root {
  /* Couleurs */
  --dc-blanc:      #0e0e0e;
  --dc-fond:       #ffffff;
  --dc-gris-clair: #fafaf8;
  --dc-gris:       #f4f2ee;
  --dc-gris2:      #ece8e2;
  --dc-or:         #c68e3aff;
  --dc-or-hover:   #6e4c14;
  --dc-texte:      #6a6460;
  --dc-texte-fin:  #999490;

  /* Typographie */
  --dc-serif: 'Cormorant Garant', Georgia, 'Times New Roman', serif;
  --dc-sans:  'Inter', system-ui, -apple-system, sans-serif;

  /* Transitions */
  --dc-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dc-transition: 0.35s var(--dc-ease);
}

/* ─── 3. BASE GLOBALE ────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--dc-sans) !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--dc-blanc) !important;
  background-color: var(--dc-fond) !important;
  letter-spacing: 0.01em !important;
}

/* ─── 4. TITRES ──────────────────────────────────────────────── */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.1 !important;
  color: var(--dc-blanc) !important;
}

h1, .h1 {
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
}
h2, .h2 {
  font-size: clamp(1.9rem, 3.5vw, 3.5rem) !important;
}
h3, .h3 {
  font-size: clamp(1.4rem, 2.5vw, 2.2rem) !important;
}
h4, .h4 {
  font-size: 1.1rem !important;
  letter-spacing: -0.01em !important;
}

/* ─── 5. TEXTE COURANT ───────────────────────────────────────── */
p {
  font-family: var(--dc-sans);
  font-weight: 300;
  color: var(--dc-texte);
  line-height: 1.9;
}

a {
  color: var(--dc-blanc);
  transition: color var(--dc-transition);
}

strong, b {
  font-weight: 500;
}

em, i {
  font-family: var(--dc-serif);
  font-style: italic;
}

/* Labels, petits textes, captions */
.caption,
.product__price--compare,
figcaption,
label {
  font-size: 0.72rem !important;
  font-family: var(--dc-sans) !important;
  font-weight: 300 !important;
  color: var(--dc-texte-fin) !important;
  letter-spacing: 0.08em !important;
}

/* ─── 6. BOUTONS ─────────────────────────────────────────────── */

/* Bouton principal — fond or */
.button,
.btn,
button[type="submit"],
input[type="submit"],
.product-form__submit,
.cart__checkout-button,
[data-testid="Checkout-button"],
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
  font-family: var(--dc-sans) !important;
  font-weight: 400 !important;
  font-size: 0.67rem !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  background: var(--dc-or) !important;
  color: #fafaf8 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1rem 2.6rem !important;
  cursor: pointer !important;
  transition: background var(--dc-transition), letter-spacing 0.3s !important;
  box-shadow: none !important;
}

.button:hover,
.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.product-form__submit:hover,
.cart__checkout-button:hover {
  background: var(--dc-or-hover) !important;
  letter-spacing: 0.35em !important;
  color: #fafaf8 !important;
}

/* Bouton secondaire — outline */
.button--secondary,
.btn--secondary,
.button[data-variant="secondary"] {
  background: transparent !important;
  border: 1px solid var(--dc-gris2) !important;
  color: var(--dc-texte) !important;
}
.button--secondary:hover,
.btn--secondary:hover {
  border-color: var(--dc-or) !important;
  color: var(--dc-or) !important;
  background: transparent !important;
  letter-spacing: 0.35em !important;
}

/* Shopify dynamic checkout */
.shopify-payment-button__button {
  border-radius: 0 !important;
}
.shopify-payment-button__more-options {
  font-family: var(--dc-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.15em !important;
  color: var(--dc-texte-fin) !important;
  text-decoration: underline !important;
}

/* ─── 7. FORMULAIRES ─────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select {
  font-family: var(--dc-sans) !important;
  font-weight: 300 !important;
  font-size: 0.9rem !important;
  border: 1px solid var(--dc-gris2) !important;
  border-radius: 0 !important;
  padding: 0.85rem 1.1rem !important;
  color: var(--dc-blanc) !important;
  background: #ffffff !important;
  transition: border-color var(--dc-transition) !important;
  outline: none !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--dc-or) !important;
  box-shadow: none !important;
}

/* ─── 8. PRIX ────────────────────────────────────────────────── */
.price,
.product__price,
.price__regular,
.price__sale,
.cart-item__price,
.totals__total-value,
[class*="price"] .money {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  color: var(--dc-blanc) !important;
  letter-spacing: -0.01em !important;
}

.price--on-sale .price__regular,
.price__compare {
  color: var(--dc-texte-fin) !important;
  text-decoration: line-through !important;
  font-size: 0.85em !important;
}

/* ─── 9. FICHES PRODUIT ──────────────────────────────────────── */
.card__heading,
.card-information__text,
.full-unstyled-link {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  color: var(--dc-blanc) !important;
}

.card {
  border: 1px solid var(--dc-gris2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: border-color var(--dc-transition) !important;
}

.card:hover {
  border-color: rgba(140, 104, 32, 0.3) !important;
}

.card__media img {
  transition: transform 0.6s var(--dc-ease), filter 0.4s ease !important;
  filter: brightness(0.95) !important;
}

.card:hover .card__media img {
  transform: scale(1.03) !important;
  filter: brightness(1) !important;
}

/* Badge "Nouveau", "Vendu", etc. */
.badge {
  font-family: var(--dc-sans) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  padding: 3px 8px !important;
}

/* ─── 10. NAVIGATION (Dawn / thèmes courants) ────────────────── */
.header,
.site-header,
header[role="banner"] {
  border-bottom: 1px solid var(--dc-gris2) !important;
}

.header__menu-item,
.site-nav__link,
nav a {
  font-family: var(--dc-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--dc-texte) !important;
  text-decoration: none !important;
}

.header__menu-item:hover,
.site-nav__link:hover {
  color: var(--dc-or) !important;
}

/* ─── 11. BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb,
nav[aria-label="breadcrumbs"],
.breadcrumbs {
  font-family: var(--dc-sans) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--dc-texte-fin) !important;
}

.breadcrumb a,
.breadcrumbs a {
  color: var(--dc-texte-fin) !important;
  text-decoration: none !important;
  transition: color var(--dc-transition) !important;
}

.breadcrumb a:hover,
.breadcrumbs a:hover {
  color: var(--dc-or) !important;
}

/* ─── 12. COLLECTIONS (en-têtes de page) ────────────────────── */
.collection__title,
.page-header__title,
.collection-hero__title {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  color: var(--dc-blanc) !important;
}

.collection__description,
.page-header__description {
  font-family: var(--dc-sans) !important;
  font-weight: 300 !important;
  font-size: 0.92rem !important;
  line-height: 1.95 !important;
  color: var(--dc-texte) !important;
  max-width: 620px !important;
}

/* ─── 13. PANIER ─────────────────────────────────────────────── */
.cart-item__name,
.cart-item__title {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  font-size: 1.1rem !important;
  color: var(--dc-blanc) !important;
}

.cart-item__variant-title {
  font-family: var(--dc-sans) !important;
  font-size: 0.72rem !important;
  color: var(--dc-texte-fin) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.cart-subtotal__label,
.cart__subtotal {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: var(--dc-blanc) !important;
}

/* ─── 14. FOOTER (Dawn / thèmes courants) ───────────────────── */
.footer,
footer[role="contentinfo"],
.site-footer {
  background: #ffffff !important;
  border-top: 1px solid var(--dc-gris2) !important;
  color: var(--dc-texte) !important;
}

.footer__heading,
.footer-block__heading {
  font-family: var(--dc-sans) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--dc-texte-fin) !important;
  margin-bottom: 1.4rem !important;
}

.footer-block__list a,
.footer__list a,
.footer a {
  font-family: var(--dc-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
  color: var(--dc-texte) !important;
  text-decoration: none !important;
  transition: color var(--dc-transition) !important;
}

.footer-block__list a:hover,
.footer__list a:hover,
.footer a:hover {
  color: var(--dc-or) !important;
}

.footer__copyright,
.copyright__content {
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--dc-texte-fin) !important;
  font-weight: 400 !important;
}

/* ─── 15. NOTIFICATION / ANNONCE ────────────────────────────── */
.announcement-bar,
.announcement-bar__message {
  font-family: var(--dc-sans) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.22em !important;
  font-weight: 400 !important;
}

/* ─── 16. SÉLECTEURS DE VARIANTE ────────────────────────────── */
.variant-picker__label,
.product-form__label {
  font-family: var(--dc-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--dc-texte-fin) !important;
}

.swatch,
.color-swatch {
  border-radius: 0 !important;
  border: 1px solid var(--dc-gris2) !important;
}

/* ─── 17. PAGINATION ─────────────────────────────────────────── */
.pagination__item,
.pagination a {
  font-family: var(--dc-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  color: var(--dc-texte) !important;
  border: 1px solid var(--dc-gris2) !important;
  border-radius: 0 !important;
  transition: border-color var(--dc-transition), color var(--dc-transition) !important;
}

.pagination__item--current,
.pagination a:hover {
  border-color: var(--dc-or) !important;
  color: var(--dc-or) !important;
}

/* ─── 18. MESSAGES D'ERREUR / SUCCÈS ─────────────────────────── */
.errors,
.note--success,
.form__message {
  font-family: var(--dc-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
}

/* ─── 19. ACCORDÉONS / DETAILS ───────────────────────────────── */
summary,
details > summary {
  font-family: var(--dc-sans) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
  font-weight: 400 !important;
  color: var(--dc-blanc) !important;
  cursor: pointer !important;
  list-style: none !important;
}

/* ─── 20. FILTRES & TRI ──────────────────────────────────────── */
.facets__heading,
.filter-group__title,
.sort-by__label {
  font-family: var(--dc-sans) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--dc-texte-fin) !important;
}

.facets__checkbox:checked + label {
  color: var(--dc-or) !important;
}

/* ─── 21. TAGS PRODUIT ───────────────────────────────────────── */
.tag,
.product__tag {
  font-family: var(--dc-sans) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
  border: 1px solid var(--dc-gris2) !important;
  background: transparent !important;
  color: var(--dc-texte-fin) !important;
  padding: 3px 8px !important;
}

/* ─── 22. SCROLLBAR RAFFINÉE ─────────────────────────────────── */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: var(--dc-gris);
}
::-webkit-scrollbar-thumb {
  background: var(--dc-gris2);
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dc-or);
}

/* ─── 23. SÉLECTION DE TEXTE ─────────────────────────────────── */
::selection {
  background: rgba(140, 104, 32, 0.15);
  color: var(--dc-blanc);
}

/* ─── 24. FOCUS ACCESSIBLE ───────────────────────────────────── */
:focus-visible {
  outline: 1px solid var(--dc-or) !important;
  outline-offset: 3px !important;
}

/* ─── 25. IMAGES ─────────────────────────────────────────────── */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ─── 26. DIVIDERS ───────────────────────────────────────────── */
hr {
  border: none !important;
  border-top: 1px solid var(--dc-gris2) !important;
  margin: 3rem 0 !important;
}

/* ─── 27. TABLES (ex. politique de livraison) ────────────────── */
table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--dc-sans);
  font-size: 0.88rem;
}

th {
  font-size: 0.6rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--dc-texte-fin);
  border-bottom: 1px solid var(--dc-gris2);
  padding: 0.8rem 1rem;
  text-align: left;
}

td {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #f4f2ee;
  color: var(--dc-texte);
  font-weight: 300;
}

/* ─── 28. RICH TEXT (pages Shopify) ─────────────────────────── */
.rte h1, .rte h2, .rte h3,
.rte h4, .rte h5, .rte h6 {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
}

.rte p {
  font-family: var(--dc-sans) !important;
  font-weight: 300 !important;
  color: var(--dc-texte) !important;
  line-height: 1.9 !important;
}

.rte a {
  color: var(--dc-or) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.rte blockquote {
  font-family: var(--dc-serif) !important;
  font-style: italic !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  border-left: 1px solid var(--dc-or) !important;
  padding-left: 2rem !important;
  color: var(--dc-blanc) !important;
  line-height: 1.5 !important;
  margin: 2rem 0 !important;
}

/* ─── 29. PAGE POLITIQUE / LÉGALE ───────────────────────────── */
.page-width {
  max-width: 1280px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.main-page-title {
  font-family: var(--dc-serif) !important;
  font-weight: 300 !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 3rem !important;
}

/* ─── 30. RESPONSIVE GLOBAL ──────────────────────────────────── */
@media (max-width: 768px) {
  body {
    font-size: 14px !important;
  }

  h1, .h1 {
    font-size: clamp(2rem, 8vw, 3.5rem) !important;
  }
  h2, .h2 {
    font-size: clamp(1.6rem, 6vw, 2.5rem) !important;
  }
  h3, .h3 {
    font-size: clamp(1.3rem, 5vw, 1.8rem) !important;
  }

  .button,
  .btn,
  button[type="submit"],
  .product-form__submit {
    padding: 0.9rem 1.8rem !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.22em !important;
  }
/* Fix fond vidéo — override color scheme */
.product-media-container.constrain-height,
.media-fit-contain :is(img, .deferred-media__poster-image) {
  background-color: #ffffff !important;
}