/* ============================================================
   DJEWNO Jewelry style for YouCan — 100% native YouCan
   Reference: Pieces to Keep Forever / Don't miss weeks sales
   Palette: ivory #faf7f2, ink #1a1a1a, gold #c9a24b, rose #e5484d
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@300;400;500;600&family=Amiri:wght@400;700&family=Aref+Ruqaa:wght@400;700&family=El+Messiri:wght@400;500;600;700&family=Cairo:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap');

:root {
  --dj-ivory: #faf7f2;
  --dj-ink: #1a1a1a;
  --dj-muted: #8a8a8a;
  --dj-line: #ece5d8;
  --dj-gold: #c9a24b;
  --dj-rose: #e5484d;
  --dj-rose-soft: #fef0f0;
  --dj-card: #ffffff;
  --dj-serif: 'Cormorant Garamond', 'Amiri', 'Aref Ruqaa', 'El Messiri', Georgia, serif;
  --dj-sans: 'Jost', 'Cairo', 'Tajawal', 'El Messiri', Assistant, -apple-system, 'Segoe UI', sans-serif;
  --dj-radius: 14px;
  --dj-shadow: 0 10px 30px rgba(26, 26, 26, 0.08);
}

body {
  font-family: var(--dj-sans) !important;
  background: var(--dj-ivory) !important;
  color: var(--dj-ink) !important;
  letter-spacing: 0.01em;
}

h1, h2, h3, .title, .banner__heading {
  font-family: var(--dj-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* ---------- Top promo / announcement ---------- */
.utility-bar, .announcement-bar-section {
  background: #111 !important;
  color: #fff !important;
}
.announcement-bar__message {
  font-size: 1.1rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
.announcement-bar__message span { color: #fff !important; }
.announcement-bar .link { color: #fff !important; }

/* ---------- Header DJEWNO ---------- */
.section-header, .header-wrapper {
  background: #fff !important;
  border-bottom: 1px solid var(--dj-line) !important;
}
.header {
  max-width: 1440px !important;
  margin: 0 auto !important;
}
.header__heading-link {
  font-family: var(--dj-serif) !important;
  font-size: 2.6rem !important;
  letter-spacing: 0.28em !important;
  font-weight: 700 !important;
}
.list-menu__item--link {
  font-size: 1.15rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--dj-ink) !important;
}
.list-menu__item--link:hover { color: var(--dj-rose) !important; }
.header__icon { color: var(--dj-ink) !important; }
.header__icon--wishlist { position: relative; background: transparent; border: 0; padding: 0; cursor: pointer; }
.header__icon--wishlist.has-favs svg { fill: #b06a5e; stroke: #b06a5e; }
.header__icon .cart-count-bubble {
  background: var(--dj-rose) !important;
  color: #fff !important;
}

/* ---------- Hero ---------- */
.banner {
  border-radius: 0 !important;
  overflow: hidden !important;
  min-height: 560px !important;
}
.banner__heading {
  font-size: clamp(3.2rem, 5vw, 5.6rem) !important;
  line-height: 1.02 !important;
  color: #fff !important;
}
.banner__text { color: rgba(255,255,255,0.88) !important; font-size: 1.5rem !important; }
/* Bouton hero façon DJEWNO : texte souligné centré, sans pill ni bordure */
.banner__buttons .button,
.banner__buttons .button--primary,
.banner__buttons .button--secondary {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 0 6px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #fff !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.banner__buttons .button:hover { background: transparent !important; color: #fff !important; opacity: 0.85 !important; }
.banner__buttons .button::after, .banner__buttons .button::before { display: none !important; }
/* Boutons rich-text (Discover Elegance) façon DJEWNO : texte souligné, sans pill ni bordure */
.rich-text__buttons .button,
.rich-text .button {
  background: transparent !important;
  color: var(--dj-ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 0 6px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--dj-ink) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.rich-text__buttons .button:hover, .rich-text .button:hover { background: transparent !important; opacity: 0.75 !important; }
.rich-text__buttons .button::after, .rich-text__buttons .button::before,
.rich-text .button::after, .rich-text .button::before { display: none !important; }

/* ---------- Section titles (Don't miss sales) ---------- */
.collection__title .title {
  font-size: 2.4rem !important;
  text-align: center !important;
}
.collection__description {
  text-align: center !important;
  color: var(--dj-muted) !important;
}
.collection {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

/* ---------- Product cards DJEWNO ---------- */
.card-wrapper, .product-card-wrapper {
  background: var(--dj-card) !important;
  border: 1px solid #f0e9da !important;
  border-radius: var(--dj-radius) !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--dj-shadow) !important;
}
.card__media { background: #f6f2ea !important; border-radius: var(--dj-radius) var(--dj-radius) 0 0 !important; }
.card__content { padding: 1.2rem 1.4rem 1.6rem !important; text-align: left !important; }
.card__heading {
  font-size: 1.28rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}
.price { font-weight: 600 !important; }
.price--on-sale .price-item--regular { color: var(--dj-muted) !important; text-decoration: line-through !important; }
.badge, .card__badge .badge {
  background: var(--dj-rose-soft) !important;
  color: var(--dj-rose) !important;
  border: 1px solid var(--dj-rose) !important;
  border-radius: 6px !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
}
/* stock progress imitation */
.card__content::after {
  content: '';
  display: block;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(to right, var(--dj-rose) 62%, #f1e3e3 62%);
  margin-top: 1rem;
}
.quick-add__submit, .button--primary, .product-form__submit {
  border-radius: 999px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* 5-col desktop like reference, 3 tablet, 2 mobile */
@media (min-width: 990px) {
  .grid--5-col-desktop .grid__item { width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5) !important; max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5) !important; }
}
@media (max-width: 989px) and (min-width: 750px) {
  .product-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 749px) {
  .product-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .banner { min-height: 440px !important; }
}

/* ---------- Trust badges / rich-text ---------- */
.rich-text {
  background: #fff !important;
  border-top: 1px solid var(--dj-line) !important;
  border-bottom: 1px solid var(--dj-line) !important;
}
.rich-text__heading { font-size: 2rem !important; }
.rich-text__text { color: var(--dj-muted) !important; }

/* ---------- Image banners duo (Love Letter / Essentials) ---------- */
.banner--adapt { border-radius: var(--dj-radius) !important; }

/* ---------- Footer ---------- */
.footer {
  background: #fff !important;
  border-top: 1px solid var(--dj-line) !important;
}
.footer__heading {
  font-size: 1.2rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.footer__payment { filter: grayscale(0.2); }

/* Newsletter pill */
.newsletter-form__field-wrapper .field__input {
  border-radius: 999px !important;
  background: #f6f2ea !important;
  border: 1px solid var(--dj-line) !important;
}
.newsletter-form__button {
  border-radius: 999px !important;
  background: var(--dj-ink) !important;
  color: #fff !important;
}

/* ---------- Promo grid (Love Letter / Essentials / Earrings / Rings) ---------- */
.dj-promo { max-width: 1440px !important; margin: 0 auto !important; }
.dj-promo__grid {
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  grid-template-areas:
    "tall wide"
    "tall smalls" !important;
  gap: 20px !important;
}
.dj-promo__card {
  position: relative !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #f4f1ec !important;
  min-height: 280px !important;
  display: flex !important;
}
.dj-promo__card--tall { grid-area: tall !important; min-height: 640px !important; }
.dj-promo__card--wide { grid-area: wide !important; min-height: 310px !important; }
.dj-promo__card:nth-child(3), .dj-promo__card:nth-child(4) { min-height: 310px !important; }
.dj-promo__grid > .dj-promo__card:nth-child(3) { grid-area: auto !important; }
.dj-promo__media { position: absolute !important; inset: 0 !important; }
.dj-promo__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.dj-promo__placeholder { position: absolute !important; inset: 0 !important; background: linear-gradient(135deg,#f4f1ec,#e9e1d3) !important; }
.dj-promo__content {
  position: relative !important;
  padding: 3rem !important;
  max-width: 46% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-self: stretch !important;
  background: linear-gradient(105deg, rgba(244,241,236,0.97) 0%, rgba(244,241,236,0.9) 48%, rgba(244,241,236,0) 78%) !important;
}
.dj-promo__card--wide .dj-promo__content { max-width: 52% !important; }
.dj-promo__eyebrow {
  font-size: 1.1rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8a94a6 !important;
  margin: 0 0 1rem !important;
}
.dj-promo__heading {
  font-family: var(--dj-serif) !important;
  font-size: 3rem !important;
  line-height: 1.05 !important;
  margin: 0 0 1rem !important;
  color: #111 !important;
}
.dj-promo__card--small .dj-promo__heading { font-size: 2.2rem !important; }
.dj-promo__text { color: #333 !important; font-size: 1.4rem !important; }
.dj-promo__link {
  margin-top: 1.6rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #111 !important;
  width: fit-content !important;
  padding-bottom: 4px !important;
}
.dj-promo__countdown { margin-top: auto !important; padding-top: 2rem !important; color: #8a8a8a !important; font-size: 1.2rem !important; }
.dj-promo__timer {
  display: inline-flex !important;
  gap: 6px !important;
  margin-left: 1rem !important;
  background: #fff !important;
  border: 1px solid var(--dj-line) !important;
  border-radius: 4px !important;
  padding: 0.4rem 0.8rem !important;
  font-variant-numeric: tabular-nums !important;
  color: #111 !important;
}
@media (max-width: 989px) {
  .dj-promo__grid { grid-template-columns: 1fr !important; grid-template-areas: "tall" "wide" !important; }
  .dj-promo__card--tall { min-height: 480px !important; }
  .dj-promo__content { max-width: 70% !important; }
}
@media (max-width: 749px) {
  .dj-promo__content { max-width: 100% !important; padding: 2rem !important; background: linear-gradient(to top, rgba(244,241,236,0.95), rgba(244,241,236,0)) !important; margin-top: auto !important; width: 100% !important; }
  .dj-promo__heading { font-size: 2.4rem !important; }
}

/* ---------- Slider multi-images ---------- */
.dj-slider { position: relative !important; overflow: hidden !important; background: #111 !important; }
.dj-slider__track { position: relative !important; min-height: 560px !important; }
.dj-slider__slide { position: absolute !important; inset: 0 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.6s ease !important; }
.dj-slider__slide.is-active { opacity: 1 !important; visibility: visible !important; position: relative !important; }
.dj-slider__media { position: absolute !important; inset: 0 !important; }
.dj-slider__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.dj-slider__placeholder { position: absolute !important; inset: 0 !important; background: linear-gradient(135deg,#2a2a2a,#111) !important; }
.dj-slider__overlay { position: absolute !important; inset: 0 !important; background: #000 !important; }
.dj-slider__content { position: relative !important; max-width: 1440px !important; margin: 0 auto !important; padding: 8rem 3rem !important; min-height: 560px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; color: #fff !important; }
.dj-slider__content--center { text-align: center !important; align-items: center !important; }
.dj-slider__content--left { text-align: left !important; align-items: flex-start !important; }
.dj-slider__content--right { text-align: right !important; align-items: flex-end !important; }
.dj-slider__eyebrow { letter-spacing: 0.18em !important; text-transform: uppercase !important; font-size: 1.2rem !important; opacity: 0.85 !important; }
.dj-slider__heading { font-family: var(--dj-serif) !important; font-size: clamp(3.2rem,5vw,5.6rem) !important; margin: 1rem 0 !important; }
.dj-slider__text { font-size: 1.5rem !important; opacity: 0.9 !important; max-width: 560px !important; }
.dj-slider__btn { margin-top: 1.6rem !important; background: transparent !important; color: #fff !important; border: 0 !important; border-bottom: 1px solid #fff !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 6px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-size: 1.25rem !important; font-weight: 600 !important; text-decoration: none !important; }
.dj-slider__btn:hover { opacity: 0.85 !important; }
.dj-slider__arrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: rgba(255,255,255,0.9) !important; border: 0 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; cursor: pointer !important; z-index: 2 !important; }
.dj-slider__arrow--prev { left: 20px !important; }
.dj-slider__arrow--next { right: 20px !important; }
.dj-slider__dots { position: absolute !important; bottom: 20px !important; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; gap: 8px !important; z-index: 2 !important; }
.dj-slider__dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; border: 0 !important; background: rgba(255,255,255,0.5) !important; cursor: pointer !important; }
.dj-slider__dot.is-active { background: #fff !important; }
@media (max-width: 749px) { .dj-slider__track, .dj-slider__content { min-height: 440px !important; } }

/* ---------- Sales spotlight (Don't miss week sales) ---------- */
.dj-spot { max-width: 1440px !important; margin: 0 auto !important; }
.dj-spot__head { text-align: center !important; margin-bottom: 2.5rem !important; }
.dj-spot__title { font-family: var(--dj-serif) !important; font-size: 2.6rem !important; margin: 0 !important; }
.dj-spot__subtitle { color: var(--dj-muted) !important; margin: 0.6rem 0 0 !important; }
.dj-spot__grid { display: grid !important; grid-template-columns: 1fr 1.1fr 1fr !important; gap: 24px !important; align-items: start !important; }
.dj-spot__col { display: flex !important; flex-direction: column !important; gap: 24px !important; }
.dj-spot__row { display: grid !important; grid-template-columns: 150px 1fr !important; gap: 18px !important; padding-bottom: 24px !important; border-bottom: 1px solid var(--dj-line) !important; }
.dj-spot__row:last-child { border-bottom: 0 !important; }
.dj-spot__thumb { position: relative !important; background: #f6f2ea !important; border-radius: 6px !important; min-height: 150px !important; overflow: hidden !important; }
.dj-spot__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.dj-spot__badge { position: absolute !important; top: 10px !important; left: 10px !important; background: #fff !important; color: var(--dj-rose) !important; border: 1px solid var(--dj-rose) !important; border-radius: 4px !important; font-size: 1.1rem !important; font-weight: 600 !important; padding: 0.2rem 0.6rem !important; z-index: 1 !important; }
.dj-spot__cat { font-size: 1.1rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #9aa3b2 !important; margin: 0 0 0.4rem !important; }
.dj-spot__name { font-size: 1.45rem !important; margin: 0 0 0.8rem !important; line-height: 1.3 !important; }
.dj-spot__name a { color: inherit !important; text-decoration: none !important; }
.dj-spot__info .price { color: var(--dj-rose) !important; font-weight: 700 !important; }
.dj-spot__info .price s, .dj-spot__info s { color: #9aa3b2 !important; font-weight: 400 !important; }
.dj-spot__end { color: #8a8a8a !important; font-size: 1.2rem !important; margin: 1rem 0 0.6rem !important; border-top: 1px solid var(--dj-line) !important; padding-top: 1rem !important; }
.dj-spot__timer { display: flex !important; gap: 6px !important; align-items: center !important; margin: 0 !important; }
.dj-spot__timer span, .dj-spot__timer { font-variant-numeric: tabular-nums !important; }
.dj-spot__timer span { background: #fff !important; border: 1px solid var(--dj-line) !important; border-radius: 4px !important; padding: 0.3rem 0.6rem !important; font-size: 1.2rem !important; }
.dj-spot__feat { border: 2px solid var(--dj-rose) !important; border-radius: 4px !important; background: #fff !important; overflow: hidden !important; }
.dj-spot__feat-media { position: relative !important; background: #f6f2ea !important; min-height: 420px !important; }
.dj-spot__feat-media img { width: 100% !important; height: 420px !important; object-fit: contain !important; }
.dj-spot__feat-body { padding: 1.8rem !important; }
.dj-spot__feat-top { display: flex !important; justify-content: space-between !important; gap: 1rem !important; }
.dj-spot__feat-name { font-size: 1.6rem !important; margin: 0 !important; }
.dj-spot__wish { background: none !important; border: 0 !important; font-size: 2rem !important; cursor: pointer !important; }
.dj-card-wrap{position:relative !important;}
.dj-card-wrap > .dj-wish{position:absolute !important;top:10px !important;right:10px !important;z-index:5 !important;background:#fff;border:0 !important;box-shadow:0 2px 10px rgba(0,0,0,.12) !important;border-radius:999px;width:38px;height:38px;font-size:1.7rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#121212;margin:0 !important;}
.dj-wish--big{position:static !important;box-shadow:0 2px 10px rgba(0,0,0,.08) !important;border:0 !important;}
.dj-wish.active{color:#c0392b;border-color:#c0392b;}
.dj-wish--big{width:52px;height:52px;font-size:2.2rem;margin:0;}
.dj-sale__wish.active,.dj-spot__wish.active{color:#c0392b !important;}
.dj-spot__rating { margin: 1rem 0 !important; font-size: 1.3rem !important; }
.dj-spot__bar { height: 6px !important; background: #f1e3e3 !important; border-radius: 999px !important; overflow: hidden !important; }
.dj-spot__bar span { display: block !important; height: 100% !important; background: #f05252 !important; }
.dj-spot__stock { color: #8a8a8a !important; font-size: 1.25rem !important; }
@media (max-width: 989px) { .dj-spot__grid { grid-template-columns: 1fr 1fr !important; } .dj-spot__col--center { grid-column: 1 / -1 !important; order: -1 !important; } }
@media (max-width: 749px) { .dj-spot__grid { grid-template-columns: 1fr !important; } .dj-spot__row { grid-template-columns: 120px 1fr !important; } }

/* ---------- Trust badges 4 colonnes ---------- */
.dj-trust { background: #fff !important; border-top: 1px solid var(--dj-line) !important; border-bottom: 1px solid var(--dj-line) !important; }
.dj-trust__grid { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 20px !important; padding: 2rem 3rem !important; max-width: 1440px !important; margin: 0 auto !important; }
.dj-trust__item { display: flex !important; gap: 1.2rem !important; align-items: flex-start !important; }
.dj-trust__icon { color: #9aa3b2 !important; flex-shrink: 0 !important; }
.dj-trust__title { font-size: 1.35rem !important; font-weight: 600 !important; margin: 0 !important; color: #111 !important; }
.dj-trust__text { font-size: 1.25rem !important; color: #8a8a8a !important; margin: 0.3rem 0 0 !important; }
@media (max-width: 989px) { .dj-trust__grid { grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 749px) { .dj-trust__grid { grid-template-columns: 1fr 1fr !important; padding: 1.5rem !important; } }

/* ---------- Sales tabs (Don't miss weeks sales + tabs) ---------- */
.dj-tabs { max-width: 1440px !important; margin: 0 auto !important; }
.dj-tabs__head { text-align: center !important; margin-bottom: 2rem !important; }
.dj-tabs__title { font-family: var(--dj-serif) !important; font-size: 2.6rem !important; margin: 0 !important; }
.dj-tabs__subtitle { color: var(--dj-muted) !important; margin: 0.6rem 0 1.6rem !important; }
.dj-tabs__nav { display: flex !important; gap: 2.4rem !important; justify-content: center !important; }
.dj-tabs__tab { background: none !important; border: 0 !important; font-size: 1.4rem !important; font-weight: 500 !important; color: #9aa3b2 !important; padding: 0 0 6px !important; cursor: pointer !important; }
.dj-tabs__tab.is-active { color: #111 !important; border-bottom: 1px solid #111 !important; }
.dj-tabs__panel { display: none !important; }
.dj-tabs__panel.is-active { display: block !important; }
.dj-sale__grid { display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 20px !important; margin-top: 2.5rem !important; }
.dj-sale__card { background: #fff !important; }
.dj-sale__media { position: relative !important; background: #f6f2ea !important; border-radius: 4px !important; min-height: 220px !important; overflow: hidden !important; }
.dj-sale__media img { width: 100% !important; height: 220px !important; object-fit: cover !important; }
.dj-sale__badge { position: absolute !important; top: 10px !important; left: 10px !important; background: #fff !important; color: var(--dj-rose) !important; border: 1px solid var(--dj-rose) !important; border-radius: 4px !important; font-size: 1.1rem !important; font-weight: 600 !important; padding: 0.2rem 0.6rem !important; z-index: 1 !important; }
.dj-sale__cat { font-size: 1.05rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #9aa3b2 !important; margin: 1rem 0 0.4rem !important; }
.dj-sale__row { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 0.8rem !important; }
.dj-sale__name { font-size: 1.35rem !important; font-weight: 500 !important; line-height: 1.35 !important; margin: 0 !important; }
.dj-sale__name a { color: inherit !important; text-decoration: none !important; }
.dj-sale__wish { background: none !important; border: 0 !important; font-size: 1.8rem !important; cursor: pointer !important; line-height: 1 !important; }
.dj-sale__price, .dj-sale__card .price { color: var(--dj-rose) !important; font-weight: 700 !important; font-size: 1.5rem !important; margin: 0.8rem 0 0 !important; }
.dj-sale__price s, .dj-sale__card .price s { color: #9aa3b2 !important; font-weight: 400 !important; font-size: 1.25rem !important; }
.dj-sale__rating { font-size: 1.25rem !important; margin: 0.6rem 0 0 !important; }
.dj-sale__bar { height: 5px !important; background: #eef0f4 !important; border-radius: 999px !important; overflow: hidden !important; margin-top: 1rem !important; }
.dj-sale__bar span { display: block !important; height: 100% !important; background: #f05252 !important; }
.dj-sale__stock { color: #8a8a8a !important; font-size: 1.15rem !important; margin: 0.6rem 0 0 !important; }
@media (max-width: 989px) { .dj-sale__grid { grid-template-columns: repeat(3,1fr) !important; } }
@media (max-width: 749px) { .dj-sale__grid { grid-template-columns: repeat(2,1fr) !important; } .dj-tabs__nav { gap: 1.4rem !important; } }

/* ---------- Reviews strip (Bacola / Grogin / Blonwe) ---------- */
.dj-reviews { background: #fff !important; border-top: 1px solid var(--dj-line) !important; }
.dj-reviews__grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important; padding: 2.5rem 3rem !important; max-width: 1440px !important; margin: 0 auto !important; }
.dj-reviews__item { display: flex !important; gap: 1.4rem !important; align-items: flex-start !important; }
.dj-reviews__avatar { width: 56px !important; height: 56px !important; border: 1px solid #cfd4dc !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #8a8a8a !important; flex-shrink: 0 !important; }
.dj-reviews__head { display: flex !important; gap: 1rem !important; align-items: baseline !important; margin: 0 !important; font-size: 1.35rem !important; }
.dj-reviews__head span { font-size: 1.2rem !important; color: #333 !important; }
.dj-reviews__text { color: #8a8a8a !important; font-size: 1.25rem !important; margin: 0.5rem 0 0 !important; }
@media (max-width: 989px) { .dj-reviews__grid { grid-template-columns: 1fr !important; } }

/* ---------- Footer 4 panels DJEWNO ---------- */
.footer { background: #fbf9f5 !important; border-top: 1px solid var(--dj-line) !important; }
.footer-block__heading {
  font-size: 1.2rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 1.4rem !important;
}
.footer-block__details-content { font-size: 1.35rem !important; color: #333 !important; }
.footer-block__details-content .list-menu__item--link { padding: 0.35rem 0 !important; font-size: 1.35rem !important; }
.footer__list-social { justify-content: flex-start !important; gap: 1.2rem !important; margin-top: 1.6rem !important; }
.dj-newsletter { display: flex !important; gap: 10px !important; margin-top: 1.4rem !important; }
.dj-newsletter input[type="email"] {
  flex: 1 !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 3px !important;
  padding: 1.1rem 1.4rem !important;
  font-size: 1.3rem !important;
  background: #fff !important;
  min-width: 0 !important;
}
.dj-newsletter button {
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  padding: 0 2.2rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
}
.dj-newsletter__terms { font-size: 1.1rem !important; color: #8a8a8a !important; margin-top: 1rem !important; }
.footer__content-bottom { border-top: 1px solid var(--dj-line) !important; }
.footer__content-bottom-wrapper--center { justify-content: space-between !important; }
.footer__copyright { display: flex !important; flex-wrap: wrap !important; gap: 0.4rem 1rem !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }
.copyright__content a { color: inherit !important; }
.copyright__content a[href*="essiknetwork"] { color: var(--dj-rose) !important; font-weight: 600 !important; text-decoration: none !important; }
.footer__payment .list-payment { justify-content: flex-end !important; }

/* ---------- Cart drawer DJEWNO ---------- */
.cart__checkout-button.button {
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  width: 100% !important;
  padding: 1.4rem !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.cart__checkout-button.button:disabled { opacity: 0.5 !important; }
.dj-drawer__clear {
  display: block !important;
  text-align: center !important;
  margin-top: 1.2rem !important;
  font-size: 1.25rem !important;
  color: var(--dj-rose) !important;
  text-decoration: underline !important;
}
.dj-drawer__remove {
  background: none !important;
  border: 0 !important;
  padding: 0.4rem 0 !important;
  font-size: 1.2rem !important;
  color: #8a8a8a !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.dj-drawer__remove:hover { color: var(--dj-rose) !important; }
.dj-drawer__qty { color: #555 !important; }

/* ---------- Collection layout + sidebar ---------- */
.dj-coll { display: grid !important; grid-template-columns: 250px 1fr !important; gap: 32px !important; align-items: start !important; }
.dj-coll__main { min-width: 0 !important; }
.dj-side { display: flex !important; flex-direction: column !important; gap: 2.4rem !important; background: #fff !important; border: 1px solid var(--dj-line) !important; border-radius: 8px !important; padding: 2rem !important; position: sticky !important; top: 1.5rem !important; }
.dj-side__title { font-size: 1.25rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin: 0 0 1rem !important; }
.dj-side__search { display: flex !important; }
.dj-side__search input { flex: 1 !important; min-width: 0 !important; border: 1px solid var(--dj-line) !important; border-radius: 6px 0 0 6px !important; padding: 0.9rem 1.1rem !important; font-size: 1.3rem !important; }
.dj-side__search button { border: 1px solid var(--dj-ink) !important; background: var(--dj-ink) !important; color: #fff !important; border-radius: 0 6px 6px 0 !important; padding: 0 1.2rem !important; cursor: pointer !important; }
.dj-side__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 0.7rem !important; }
.dj-side__list a { color: #333 !important; text-decoration: none !important; font-size: 1.35rem !important; }
.dj-side__list a:hover { color: var(--dj-rose) !important; }
.dj-side__select { width: 100% !important; border: 1px solid var(--dj-line) !important; border-radius: 6px !important; padding: 0.9rem 1.1rem !important; font-size: 1.3rem !important; background: #fff !important; }
@media (max-width: 989px) { .dj-coll { grid-template-columns: 1fr !important; } .dj-side { position: static !important; } }

/* ---------- AJAX search suggestions ---------- */
.dj-side__search { position: relative !important; }
.dj-ajaxbox {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  background: #fff !important;
  border: 1px solid var(--dj-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(26,26,26,0.12) !important;
  z-index: 20 !important;
  max-height: 380px !important;
  overflow: auto !important;
  padding: 0.8rem !important;
}
.dj-ajaxbox[hidden] { display: none !important; }
.dj-ajaxbox__state { margin: 0 !important; padding: 1.2rem !important; font-size: 1.25rem !important; color: #8a8a8a !important; text-align: center !important; }
.dj-ajaxbox__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; }
.dj-ajaxbox__item { border-bottom: 1px solid #f0ebe0 !important; padding: 0.6rem 0 !important; }
.dj-ajaxbox__item:last-child { border-bottom: 0 !important; }
.dj-ajaxbox__all { display: block !important; text-align: center !important; padding: 1rem !important; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--dj-ink) !important; }

/* Focus visible YouCan-safe */
:focus-visible { outline: 2px solid var(--dj-gold) !important; outline-offset: 2px !important; }

/* Hide Shopify leftovers if any */
.shopify-payment-button, .shopify-challenge__container { display: none !important; }

/* ===== Elyopal UI Kit — boutons / liens / images (sans border) =====
   Dawn dessine sa "bordure 1px" via .button::after en box-shadow.
   On neutralise ::before/::after + border + box-shadow pour TOUS les boutons,
   et on impose le même pill luxe noir/gold sur tout le theme. */
:root{
  --ely-black:#111111;
  --ely-gold:#c9a24b;
  --ely-gold-dark:#b08d3e;
  --ely-ink:#14100b;
  --ely-cream:#f5efe2;
  --ely-pill:999px;
}

/* 1) Kill la fausse bordure Dawn sur tous les boutons */
.button::before,.button::after,
.shopify-challenge__button::before,.shopify-challenge__button::after,
.customer button::before,.customer button::after,
.shopify-payment-button__button--unbranded::before,.shopify-payment-button__button--unbranded::after,
.cart__checkout-button::before,.cart__checkout-button::after,
.quick-add__submit::before,.quick-add__submit::after,
.product-form__submit::before,.product-form__submit::after,
.yc-btn::before,.yc-btn::after,
.express-checkout-button::before,.express-checkout-button::after{
  display:none !important;
  content:none !important;
  box-shadow:none !important;
}

/* 2) Base unique : pill noir, SANS border, SANS ombre */
.button,.yc-btn,.shopify-challenge__button,.customer button,
button.shopify-payment-button__button--unbranded,
.quick-add__submit,.product-form__submit,
.cart__checkout-button,.express-checkout-button,
a.button,a.yc-btn{
  font-family:Assistant,var(--dj-sans),sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:1.3rem !important;
  font-weight:600 !important;
  background:var(--dj-btn-bg,#111111) !important;
  background-color:var(--dj-btn-bg,#111111) !important;
  color:var(--dj-btn-text,#ffffff) !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  border-radius:var(--dj-btn-radius,999px) !important;
  padding:1.5rem 2.2rem !important;
  min-height:4.8rem !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:background .25s ease,color .25s ease,opacity .25s ease !important;
}
.button > *,.yc-btn > *{color:var(--dj-btn-text,#ffffff) !important;}

/* Hover luxe : gold */
.button:not(:disabled):not(.disabled):hover,
.yc-btn:not(:disabled):hover,
.quick-add__submit:not(:disabled):hover,
.product-form__submit:not(:disabled):hover,
.cart__checkout-button:not(:disabled):hover,
.express-checkout-button:hover,
a.button:hover{
  background:var(--dj-btn-hover,#c9a24b) !important;
  background-color:var(--dj-btn-hover,#c9a24b) !important;
  color:var(--dj-btn-hover-text,#14100b) !important;
  border:0 !important;
  box-shadow:none !important;
}
.button:not(:disabled):not(.disabled):hover > *,
.yc-btn:not(:disabled):hover > *{color:var(--dj-btn-hover-text,#14100b) !important;}
.button:disabled,.yc-btn:disabled{opacity:.45 !important;cursor:not-allowed !important;}

/* Variantes primary / secondary unifiées (plus de cadre blanc/bordure) */
.button--primary,.button--secondary,.button--tertiary{
  --color-button:18,18,18 !important;
  --color-button-text:255,255,255 !important;
  --alpha-button-background:1 !important;
  --alpha-button-border:0 !important;
  --buttons-border-width:0px !important;
  --buttons-border-opacity:0 !important;
  --border-opacity:0 !important;
  background:var(--dj-btn-bg,#111111) !important;
  color:var(--dj-btn-text,#ffffff) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ADD TO CART carte produit : full-width, même pill */
.quick-add__submit.button--full-width,
.quick-add .quick-add__submit,
.product-form__submit{
  width:100% !important;
  max-width:100% !important;
  margin-top:1rem !important;
}

/* CHECKOUT drawer : full-width, sans border */
.cart__checkout-button.button,.drawer__footer .cart__checkout-button{
  width:100% !important;
  max-width:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Express checkout YouCan */
.express-checkout-button{width:100% !important;max-width:900px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important;}

/* 3) Liens <a> : cohérence theme */
a{color:inherit;text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--ely-gold-dark);}
a.full-unstyled-link:hover{color:inherit;}
.card__heading a:hover,.dj-sale__name a:hover,.dj-spot__name a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ely-gold);}
/* lien-texte souligné luxe (hors boutons) */
.rte a:not(.button):not(.yc-btn),.footer-block__details-content a:not(.button),.dj-promo__link{
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1px !important;
}
.dj-promo__link{border-bottom:0 !important;}

/* 4) Images produits : même style partout */
.card__media,.card .media,.dj-sale__media,.dj-spot__thumb,.dj-spot__feat-media{
  background:#f6f2ea !important;
  border:0 !important;
  border-radius:var(--dj-radius) var(--dj-radius) 0 0 !important;
  overflow:hidden !important;
}
.card__media img,.card .media img,.dj-sale__media img,.dj-spot__thumb img,.dj-spot__feat-media img,
.cart-item__image,.product__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:inherit !important;
}
.card__media .media{border:0 !important;}
/* ratio harmonisé cartes */
.card--standard .card__inner .card__media,.card--card .card__inner .card__media{--ratio-percent:100% !important;}
/* image panier drawer : thumb luxe */
.cart-drawer .cart-item__image,.cart-item__image{border-radius:8px !important;background:#f6f2ea !important;}

/* Prix / titres cartes */
.price{font-weight:600 !important;color:var(--dj-ink) !important;}
.card__heading{font-family:var(--dj-serif) !important;}

/* Close / wishlist ronds : garder rond mais sans bordure grise épaisse */
.drawer__close,.quick-add-modal__toggle{border:0 !important;background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.08) !important;border-radius:50% !important;width:36px !important;height:36px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;}
.drawer__close:hover,.quick-add-modal__toggle:hover{background:#121212 !important;color:#fff !important;border:0 !important;}

/* sticky checkout above overlay */
#yc-sticky-checkout{z-index:9995 !important;}
#yc-overlay{z-index:9990 !important;}

.dj-sale__timer{margin:8px 0 0 !important;font-variant-numeric:tabular-nums !important;font-size:1.25rem !important;letter-spacing:.06em !important;color:#121212 !important;background:#fff !important;border:1px solid #e5e5e5 !important;border-radius:6px !important;padding:.5rem .8rem !important;display:inline-block !important;}
.dj-sale__timer.is-over,.dj-spot__timer.is-over{opacity:.55 !important;}

/* ===== Footer : force flex positions (fix grid--1-col qui empile avec 3 blocs) ===== */
@media screen and (min-width:750px){
  .footer__content-top{padding-bottom:3rem !important;}
  .footer__blocks-wrapper.grid{display:flex !important;flex-wrap:wrap !important;gap:3rem 2rem !important;margin-bottom:0 !important;}
  .footer__blocks-wrapper.grid > .footer-block.grid__item{width:auto !important;max-width:none !important;flex:1 1 200px !important;margin:0 !important;padding:0 !important;}
  .footer-block__details-content{margin-bottom:0 !important;}
}

/* ===== Back to top (Elyopal UI, sans border) ===== */#dj-back-top{position:fixed !important;bottom:24px !important;inset-inline-end:24px !important;z-index:9980 !important;width:46px !important;height:46px !important;border:0 !important;border-radius:50% !important;background:#111111 !important;color:#fff !important;box-shadow:0 6px 20px rgba(0,0,0,.18) !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;opacity:0 !important;transform:translateY(8px) !important;transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease !important;pointer-events:none !important;}
#dj-back-top.is-visible{opacity:1 !important;transform:none !important;pointer-events:auto !important;}
#dj-back-top:hover{background:#c9a24b !important;color:#14100b !important;}
#dj-back-top[hidden]{display:none !important;}

/* ===== Sales tabs builder : direction + colonnes ===== */
.dj-tabs__body{display:block !important;}
.dj-tabs--vertical .dj-tabs__body{display:grid !important;grid-template-columns:210px 1fr !important;gap:2.5rem !important;align-items:start !important;}
.dj-tabs--vertical .dj-tabs__nav{flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;}
.dj-tabs--vertical .dj-tabs__tab{text-align:left !important;padding:.9rem 0 !important;}
.dj-tabs--vertical .dj-tabs__tab.is-active{border-bottom:0 !important;border-left:2px solid #111 !important;padding-left:1rem !important;}
@media (max-width:989px){.dj-tabs--vertical .dj-tabs__body{grid-template-columns:1fr !important;}.dj-tabs--vertical .dj-tabs__nav{flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;}.dj-tabs--vertical .dj-tabs__tab.is-active{border-left:0 !important;border-bottom:1px solid #111 !important;padding-left:0 !important;}}
.dj-sale__grid--cols-2{grid-template-columns:repeat(2,1fr) !important;}
.dj-sale__grid--cols-3{grid-template-columns:repeat(3,1fr) !important;}
.dj-sale__grid--cols-4{grid-template-columns:repeat(4,1fr) !important;}
.dj-sale__grid--cols-5{grid-template-columns:repeat(5,1fr) !important;}
@media (max-width:989px){.dj-sale__grid--cols-2,.dj-sale__grid--cols-3,.dj-sale__grid--cols-4,.dj-sale__grid--cols-5{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:749px){.dj-sale__grid--cols-2,.dj-sale__grid--cols-3,.dj-sale__grid--cols-4,.dj-sale__grid--cols-5{grid-template-columns:repeat(2,1fr) !important;}}

/* ===== Collection filters + pagination (Elyopal UI, sans border) ===== */
.dj-filter__count{font-size:1.25rem !important;color:var(--dj-muted) !important;margin:0 0 1.2rem !important;letter-spacing:.06em !important;text-transform:uppercase !important;}
.dj-filter__empty{background:#fff !important;border:1px solid var(--dj-line) !important;border-radius:12px !important;padding:2.5rem !important;text-align:center !important;color:var(--dj-muted) !important;}
.dj-filter__empty button{display:block !important;margin:1.2rem auto 0 !important;background:var(--dj-btn-bg,#111111) !important;color:var(--dj-btn-text,#fff) !important;border:0 !important;border-radius:var(--dj-btn-radius,999px) !important;padding:1rem 2.2rem !important;font-size:1.2rem !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;cursor:pointer !important;}
.dj-pagination{display:flex !important;align-items:center !important;justify-content:center !important;gap:.8rem !important;margin-top:2.5rem !important;flex-wrap:wrap !important;}
.dj-pagination__btn{min-width:42px !important;height:42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 1rem !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--dj-line) !important;color:var(--dj-ink) !important;font-size:1.3rem !important;font-weight:500 !important;text-decoration:none !important;cursor:pointer !important;}
.dj-pagination__btn:hover{border-color:var(--dj-gold) !important;color:var(--dj-gold-dark,#b08d3e) !important;}
.dj-pagination__btn.is-active{background:var(--dj-btn-bg,#111111) !important;color:var(--dj-btn-text,#fff) !important;border:0 !important;}
.dj-filter__price{display:flex !important;align-items:center !important;gap:.8rem !important;}
.dj-filter__price input{flex:1 !important;min-width:0 !important;border:1px solid var(--dj-line) !important;border-radius:8px !important;padding:.9rem 1rem !important;font-size:1.3rem !important;background:#fff !important;color:var(--dj-ink) !important;box-shadow:none !important;}
.dj-filter__price input:focus{border-color:var(--dj-gold) !important;outline:none !important;}
.dj-filter__dash{color:var(--dj-muted) !important;}
.dj-filter__group{margin-bottom:1rem !important;}
.dj-filter__group:last-child{margin-bottom:0 !important;}
.dj-filter__subtitle{font-size:1.2rem !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--dj-ink) !important;margin:0 0 .6rem !important;font-weight:600 !important;}
.dj-filter__check{display:flex !important;align-items:center !important;gap:.8rem !important;padding:.45rem 0 !important;font-size:1.35rem !important;color:#333 !important;cursor:pointer !important;}
.dj-filter__check input{width:17px !important;height:17px !important;accent-color:#111 !important;cursor:pointer !important;}
.dj-filter__clear{width:100% !important;background:transparent !important;border:1px solid var(--dj-line) !important;border-radius:var(--dj-btn-radius,999px) !important;padding:1rem !important;font-size:1.2rem !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--dj-ink) !important;cursor:pointer !important;}
.dj-filter__clear:hover{background:#111 !important;color:#fff !important;border-color:#111 !important;}
.dj-side__list a.is-active{color:var(--dj-rose) !important;font-weight:600 !important;}

/* ===== Contact page Elyopal : breadcrumb + titre + formulaire ===== */
.dj-breadcrumb{text-align:center !important;font-size:1.2rem !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--dj-muted) !important;margin:0 0 1rem !important;}
.dj-breadcrumb a{color:var(--dj-muted) !important;text-decoration:none !important;}
.dj-breadcrumb a:hover{color:var(--dj-gold-dark,#b08d3e) !important;}
.dj-breadcrumb .sep{margin:0 .6rem !important;}
.main-page-title,.page-title{font-family:var(--dj-serif) !important;font-weight:600 !important;text-align:center !important;font-size:clamp(2.6rem,4vw,4rem) !important;letter-spacing:.02em !important;color:var(--dj-ink) !important;}
/* Formulaire contact plateforme : colonne centrée */
main form[action*="contact"],form[data-contact-form]{max-width:560px !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;gap:1.2rem !important;}
main form[action*="contact"] input[type="text"],main form[action*="contact"] input[type="email"],main form[action*="contact"] textarea,form[data-contact-form] input,form[data-contact-form] textarea{background:#fff !important;border:1px solid var(--dj-line) !important;border-radius:10px !important;padding:1.2rem 1.4rem !important;font-size:1.35rem !important;font-family:var(--dj-sans) !important;color:var(--dj-ink) !important;width:100% !important;box-shadow:none !important;}
main form[action*="contact"] input:focus,main form[action*="contact"] textarea:focus{border-color:var(--dj-gold) !important;box-shadow:0 0 0 3px rgba(201,162,75,.15) !important;outline:none !important;}
main form[action*="contact"] textarea{min-height:140px !important;resize:vertical !important;}
main form[action*="contact"] button[type="submit"],main form[action*="contact"] input[type="submit"]{background:#111111 !important;color:#fff !important;border:0 !important;box-shadow:none !important;border-radius:999px !important;padding:1.5rem 2.2rem !important;font-size:1.3rem !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;cursor:pointer !important;}
main form[action*="contact"] button[type="submit"]:hover{background:#c9a24b !important;color:#14100b !important;}
/* Cartes infos (contenu Body de la page contact-us) */
.dj-contact-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;margin:2.5rem auto !important;max-width:900px !important;}
.dj-contact-card{background:#fff !important;border:1px solid var(--dj-line) !important;border-radius:12px !important;padding:1.8rem 1.4rem !important;text-align:center !important;}
.dj-contact-card h3{font-family:var(--dj-serif) !important;font-size:1.8rem !important;margin:0 0 .6rem !important;color:var(--dj-ink) !important;}
.dj-contact-card p{margin:0 !important;color:var(--dj-muted) !important;font-size:1.3rem !important;line-height:1.6 !important;}
.dj-contact-card a{color:#b08d3e !important;text-decoration:none !important;font-weight:500 !important;}
.dj-contact-card a:hover{text-decoration:underline !important;}
@media (max-width:749px){.dj-contact-grid{grid-template-columns:1fr !important;}}

/* ===== Arabic (RTL) : Cairo body + Amiri headings, sans letter-spacing ===== */
[dir="rtl"] body{font-family:'Cairo',var(--dj-sans) !important;letter-spacing:0 !important;}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .title,[dir="rtl"] .banner__heading,[dir="rtl"] .dj-tabs__title,[dir="rtl"] .dj-spot__title,[dir="rtl"] .dj-promo__heading,[dir="rtl"] .card__heading,[dir="rtl"] .main-page-title,[dir="rtl"] .page-title{font-family:var(--dj-serif),'Amiri',serif !important;letter-spacing:0 !important;}
[dir="rtl"] .button,[dir="rtl"] .yc-btn,[dir="rtl"] .list-menu__item--link,[dir="rtl"] .dj-breadcrumb,[dir="rtl"] .dj-tabs__tab,[dir="rtl"] .announcement-bar__message{letter-spacing:0 !important;}
