/** Shopify CDN: Minification failed

Line 81:0 All "@import" rules must come first

**/
/* Dropless - composants complementaires + contraste */
.announcement-bar{overflow:hidden;padding-inline:0 !important;}
.announcement-bar__slides{max-width:none !important;width:100% !important;margin-inline:0 !important;}
.announcement-bar__slider{width:100% !important;}
.announcement-bar__slide{overflow:hidden;place-content:center start !important;text-align:left !important;padding-inline:0 !important;max-width:none !important;width:100% !important;}
.dl-marq{overflow:hidden;width:100% !important;max-width:none !important;margin-inline:0 !important;padding-inline:0 !important;}
.dl-marq__track{display:inline-flex;white-space:nowrap;will-change:transform;animation:dl-marq-move 30s linear infinite;}
.dl-marq__item{padding-right:100px;word-spacing:10px;position:relative;}
.dl-marq__item::after{content:'\2022';position:absolute;right:44px;top:0;opacity:.45;}
@keyframes dl-marq-move{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.dl-tp{display:flex;align-items:center;gap:9px;margin-bottom:20px;flex-wrap:wrap;}
.dl-tp__count{font-size:14px;color:var(--ink);text-decoration:underline;font-weight:500;}
.dl-tp__stars{display:inline-flex;gap:3px;}
.dl-tp__sq{width:23px;height:23px;background:#00b67a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;}
.dl-tp__sq--p{background:linear-gradient(90deg,#00b67a 70%,#d0d0d6 70%);}
.dl-tp__score{font-weight:700;color:var(--ink);font-size:15px;}
.dl-press-marq{overflow:hidden;width:100%;}
.dl-press-marq__track{display:inline-flex;align-items:center;white-space:nowrap;animation:dl-marq-move 25s linear infinite;}
.dl-press-marq__track img{height:30px;width:auto;opacity:.8;margin:0 34px;}

.dl-dermato-big{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:clamp(26px,4vw,52px);}
.dl-dermato-big__media{border-radius:10px;overflow:hidden;background:var(--sable);}
.dl-dermato-big__media img{display:block;width:100%;height:auto;}
.dl-dermato-big__ph{min-height:320px;display:flex;align-items:center;justify-content:center;color:var(--taupe);font-size:14px;border:1px dashed var(--sable);text-align:center;padding:24px;}
@media (max-width:860px){.dl-dermato-big{grid-template-columns:1fr;}}

.dl-figure{background:transparent !important;aspect-ratio:auto !important;}
.dl-figure img{object-fit:contain !important;height:auto !important;}
.dl-benefit__d{color:var(--brun)!important;}
.dl-herotrust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;}
.dl-herotrust span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--brun);}
.dl-herotrust svg{flex:none;width:16px;height:16px;stroke:var(--brun);fill:none;stroke-width:1.6;}
.dl-offers{display:flex;flex-direction:column;gap:12px;margin:22px 0;}
.dl-offer{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:5px;padding:16px 18px;cursor:pointer;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease;}
.dl-offer[data-active='true']{border-color:var(--brun);box-shadow:inset 0 0 0 1px var(--brun);}
.dl-offer__radio{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--taupe);margin-top:3px;position:relative;}
.dl-offer[data-active='true'] .dl-offer__radio{border-color:var(--brun);}
.dl-offer[data-active='true'] .dl-offer__radio:after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--brun);}
.dl-offer__body{flex:1;}
.dl-offer__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
.dl-offer__name{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.2;}
.dl-offer__price{font-family:var(--serif);font-size:19px;color:var(--ink);white-space:nowrap;}
.dl-offer__price s{color:var(--taupe);font-size:14px;margin-right:6px;}
.dl-offer__desc{font-size:13px;color:var(--taupe);margin-top:5px;line-height:1.5;}
.dl-offer__best{display:inline-block;margin-bottom:6px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#3E6B57;}
.dl-offer__save{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#3E6B57;}
.dl-pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;}
.dl-pay img{height:28px;width:auto;border:1px solid var(--line);border-radius:4px;background:#fff;padding:3px 5px;object-fit:contain !important;}
.dl-checklist{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.dl-checklist li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--brun);}
.dl-checklist svg{flex:none;width:18px;height:18px;stroke:#3E6B57;fill:none;stroke-width:2;}
.dl-certs{display:flex;align-items:center;gap:16px;margin-top:8px;}
.dl-cert{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--taupe);border-radius:4px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--brun);}
@media (max-width:749px){
  .dl-offer__top{flex-direction:column;gap:2px;}
}
/* ============================================================
   DROPLESS — Typographie & couleurs de marque
   Fiches produits + page liste "Produits / Nos offres du moment"
   ------------------------------------------------------------
   Identité :
     Titres  -> Playfair Display (serif)   #1A1210
     Texte   -> Montserrat (sans-serif)     #3D3530 / #8C7B6B
     Palette -> lin #F5F0EB · sable #C8B9A4 · taupe #8C7B6B
                brun #3D3530 · encre #1A1210 · doré #A6824B

   OÙ COLLER :
   Éditeur de thème -> Modifier le code -> assets ->
   theme.css / base.css (à la fin), OU
   Paramètres du thème -> "CSS personnalisé" si disponible.
   (À faire sur le thème Dropless en BROUILLON, pas sur Turbo en ligne.)
   ============================================================ */

/* Chargement des polices (si le thème ne les charge pas déjà) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap');

:root {
  --dl-lin:   #F5F0EB;
  --dl-sable: #C8B9A4;
  --dl-taupe: #8C7B6B;
  --dl-brun:  #3D3530;
  --dl-encre: #1A1210;
  --dl-dore:  #A6824B;
  --dl-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --dl-sans:  'Montserrat', Arial, Helvetica, sans-serif;
}

/* ---------- TITRES (H1–H4) ---------- */
.product h1, .product__title, .product-single__title,
.collection h1, .collection-hero__title, .collection__title,
.card__heading, .card-information__text a,
.product-card__title, .grid-product__title,
h1, h2, h3, h4 {
  font-family: var(--dl-serif) !important;
  color: var(--dl-encre) !important;
  font-weight: 400 !important;
  letter-spacing: -0.3px;
}

/* ---------- TEXTE COURANT ---------- */
body,
.product__description, .product-single__description, .rte,
.collection-description, .product-card__title,
p, li, span, a, .price, .price-item {
  font-family: var(--dl-sans) !important;
  color: var(--dl-brun);
}

.product__description, .product-single__description, .rte, .rte p {
  color: var(--dl-brun) !important;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

/* ---------- PAGE LISTE "PRODUITS / NOS OFFRES DU MOMENT" ---------- */
/* En-tête de collection */
.collection-hero__title, .collection__title, .title--primary {
  font-family: var(--dl-serif) !important;
  color: var(--dl-encre) !important;
}

/* Cartes produit : titre + prix */
.card__heading a, .card-information a,
.grid-product__title, .product-card__title,
.full-unstyled-link {
  font-family: var(--dl-serif) !important;
  color: var(--dl-encre) !important;
  font-weight: 400 !important;
}
.price, .price-item, .price__regular, .grid-product__price,
.product-card__price {
  font-family: var(--dl-sans) !important;
  color: var(--dl-taupe) !important;
  font-weight: 500;
}

/* ---------- LIENS / DÉTAILS SECONDAIRES ---------- */
.product__text, .caption, .subtitle, small {
  color: var(--dl-taupe) !important;
}

/* ---------- CTA (couleur de marque uniquement, forme inchangée) ---------- */
.product-form__submit, .button--primary, .btn--add-to-cart {
  font-family: var(--dl-sans) !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}
/* FIX ALIGNEMENT — "Pourquoi les femmes choisissent Dropless Luma Lift" */
.dl-why{align-items:stretch !important;}
.dl-why__col{display:grid !important;grid-template-rows:repeat(3,1fr) !important;gap:0 !important;justify-content:normal !important;}
.dl-why__col .dl-why__item{align-self:center !important;}
@media (max-width:820px){
  .dl-why{align-items:stretch !important;}
  .dl-why__col{display:flex !important;flex-direction:column !important;grid-template-rows:none !important;gap:20px !important;justify-content:center !important;}
  .dl-why__col .dl-why__item{align-self:auto !important;}
}
/* Masquer les mentions de taxes / livraison (panier + fiches produit) */
.tax-note{display:none !important;}