/* ============================================================
   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&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', Georgia, serif;
  --dj-sans: 'Jost', -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 .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: flex-start !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-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; }

/* 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; }