/** Shopify CDN: Minification failed

Line 1599:0 All "@import" rules must come first
Line 2089:1 Expected identifier but found "."

**/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&family=Sacramento&family=Allura&family=Dancing+Script:wght@400;500;600;700&display=swap');
/* ============================================================
   HEADER — Style CLO / minimaliste
   ============================================================ */
/* ============================================================
   HEADER — Style CLO / minimaliste
   ============================================================ */
.site-header {
  background: #fff;
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.header-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 0 48px;
  height: 64px;
}
.header-actions {
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.site-nav--left {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.site-logo {
  grid-column: 3;
  font-family: var(--font-sans);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  color: var(--color-dark);
  text-align: right;
  text-decoration: none;
  justify-self: end;
}
.header-action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  letter-spacing: 0.3px;
  color: var(--color-dark);
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  transition: opacity var(--transition);
  white-space: nowrap;
}
.header-action-btn:hover { opacity: 0.6; }
.header-action-btn svg { width: 17px; height: 17px; flex-shrink: 0; }


/* ============================================================
   MEGA MENU — Style colonnes CLO
   ============================================================ */
.mega-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  z-index: 900;
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}
.mega-menu.is-open { display: block; }

.mega-menu__inner {
  display: flex;
  gap: 0;
  padding: 36px 80px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.mega-col {
  min-width: 180px;
  padding-right: 48px;
  flex-shrink: 0;
}
.mega-col:last-of-type { padding-right: 0; }

.mega-col__title {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border);
}
.mega-col__title a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition);
}
.mega-col__title a:hover { color: var(--color-dark); }

.mega-col__link {
  display: block;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--color-dark);
  padding: 6px 0;
  letter-spacing: 0.1px;
  text-decoration: none;
  transition: color var(--transition);
  line-height: 1.4;
}
.mega-col__link:hover { color: var(--color-muted); }
.mega-col__link--all {
  margin-top: 8px;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-muted);
  border-top: 1px solid var(--color-border);
  padding-top: 10px;
  text-decoration: underline;
}
.mega-col__link--all:hover { color: var(--color-dark); }

.mega-promo {
  margin-left: auto;
  flex-shrink: 0;
  width: 200px;
}
.mega-promo a { text-decoration: none; }
.mega-promo__img {
  width: 200px;
  height: 260px;
  overflow: hidden;
  background: var(--color-beige);
  margin-bottom: 10px;
}
.mega-promo__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}
.mega-promo:hover .mega-promo__img img { transform: scale(1.04); }
.mega-promo__label {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--color-dark);
  text-align: center;
}

/* Overlay assombrit le contenu quand mega ouvert */
.mega-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.25);
  z-index: 800;
}
.mega-overlay.is-visible { display: block; }

/* SEARCH */
.search-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.97);
  z-index: 2000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.search-overlay.is-open { display: flex; }
.search-close {
  position: absolute;
  top: 24px;
  right: 40px;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--color-dark);
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
}
.search-form { width: 100%; max-width: 600px; }
.search-form input {
  width: 100%;
  border: none;
  border-bottom: 1.5px solid var(--color-dark);
  padding: 12px 0;
  font-size: 28px;
  font-family: var(--font-serif);
  outline: none;
  background: transparent;
  color: var(--color-dark);
}
.search-form input::placeholder { color: #ccc; }


/* ============================================================
   MA BOUTIQUE — Thème Shopify
   Style inspiré Boutique Libertie
   ============================================================ */

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

:root {
  --color-dark: #1a1a1a;
  --color-light: #f5f3ef;
  --color-beige: #ede8e1;
  --color-beige-mid: #d4c9b4;
  --color-border: #e0dbd3;
  --color-red: #1a1a1a;
  --color-green: #676c48;
  --color-muted: #7a7670;
  --font-serif: 'Homemade Apple', 'Dancing Script', 'Great Vibes', cursive;
  --font-sans: 'Avenir Next', 'Avenir', 'Nunito Sans', 'Helvetica Neue', Arial, sans-serif;
  --transition: 0.25s ease;
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  color: var(--color-dark);
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.announcement-bar {
  background: var(--color-dark);
  color: #fff;
  text-align: center;
  padding: 9px 16px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.announcement-bar a { color: #fff; text-decoration: underline; }

/* ============================================================
   HERO SECTION
   ============================================================ */
.hero {
  position: relative;
  height: 580px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero__bg {
  position: absolute;
  inset: 0;
  background: var(--color-beige-mid);
}
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(30,25,20,0.28);
}
.hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}
.hero__tag {
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: inline-block;
  background: rgba(255,255,255,0.15);
  padding: 7px 20px;
  border: 1px solid rgba(255,255,255,0.3);
}
.hero__title {
  font-family: var(--font-serif);
  font-size: 62px;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: 2px;
  margin-bottom: 28px;
}
.btn--hero {
  display: inline-block;
  background: #fff;
  color: var(--color-dark);
  padding: 14px 40px;
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  transition: background var(--transition);
}
.btn--hero:hover { background: var(--color-beige); }

/* ============================================================
   CATEGORY TILES
   ============================================================ */
.category-tiles {
  padding: 56px 40px;
}
.section-header {
  text-align: center;
  margin-bottom: 32px;
}
.section-header__label {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 8px;
  display: block;
}
.section-header__title {
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 1px;
}
.tiles-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.tile {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.tile__img {
  height: 320px;
  overflow: hidden;
  background: var(--color-beige-mid);
}
.tile__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.tile:hover .tile__img img { transform: scale(1.05); }
.tile__label {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.92);
  padding: 9px 24px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-dark);
  white-space: nowrap;
  transition: background var(--transition);
}
.tile:hover .tile__label { background: #fff; }

/* ============================================================
   PRODUCT GRID
   ============================================================ */
.product-section {
  padding: 16px 40px 56px;
}
.product-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.product-section__title {
  font-family: var(--font-serif);
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 1px;
}
.link--see-all {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-dark);
  padding-bottom: 2px;
  transition: color var(--transition), border-color var(--transition);
}
.link--see-all:hover { color: var(--color-muted); border-color: var(--color-muted); }

.products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.product-card { display: block; }
.product-card__img {
  position: relative;
  overflow: hidden;
  background: var(--color-beige);
  margin-bottom: 14px;
  aspect-ratio: 3/4;
}
.product-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.product-card:hover .product-card__img img { transform: scale(1.04); }

.product-card__quick {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.92);
  text-align: center;
  padding: 12px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity var(--transition), transform var(--transition);
}
.product-card:hover .product-card__quick {
  opacity: 1;
  transform: translateY(0);
}

.product-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #fff;
}
.product-badge--new { background: var(--color-green); }
.product-badge--sale { background: var(--color-red); }
.product-badge--soldout { background: var(--color-muted); }

.product-card__name {
  font-size: 13px;
  color: var(--color-dark);
  margin-bottom: 4px;
  letter-spacing: 0.3px;
}
.product-card__sub {
  font-size: 12px;
  color: var(--color-muted);
  margin-bottom: 6px;
}
.product-card__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-dark);
}
.product-card__price .was {
  text-decoration: line-through;
  color: #bbb;
  font-weight: 400;
  font-size: 12px;
  margin-right: 6px;
}
.product-card__price .sale { color: var(--color-red); }

.product-card__colors {
  display: flex;
  gap: 5px;
  margin-top: 8px;
}
.color-swatch {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.12);
  cursor: pointer;
  transition: transform var(--transition);
}
.color-swatch:hover { transform: scale(1.2); }

/* ============================================================
   DOUBLE BANNER
   ============================================================ */
.double-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 40px 56px;
}
.double-banner__item {
  position: relative;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  cursor: pointer;
}
.double-banner__item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.double-banner__item:hover img { transform: scale(1.04); }
.double-banner__item--dark { background: var(--color-dark); }
.double-banner__item--dark .double-banner__overlay { background: rgba(0,0,0,0.4); }
.double-banner__item--light { background: var(--color-beige); }
.double-banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.2);
}
.double-banner__content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.double-banner__title {
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 16px;
}
.double-banner__item--light .double-banner__title { color: var(--color-dark); }
.btn--outline-white {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 28px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: background var(--transition), color var(--transition);
}
.btn--outline-white:hover { background: #fff; color: var(--color-dark); }
.btn--outline-dark {
  display: inline-block;
  border: 1px solid var(--color-dark);
  color: var(--color-dark);
  padding: 10px 28px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: background var(--transition), color var(--transition);
}
.btn--outline-dark:hover { background: var(--color-dark); color: #fff; }

/* ============================================================
   LOOKBOOK
   ============================================================ */
.lookbook-section {
  padding: 0 40px 56px;
}
.lookbook-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 12px;
  height: 400px;
}
.look-item {
  position: relative;
  overflow: hidden;
  display: block;
  background: var(--color-beige-mid);
}
.look-item--tall { grid-row: span 2; }
.look-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}
.look-item:hover img { transform: scale(1.05); }
.look-item__caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  z-index: 2;
}
.look-item__num {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 4px;
}
.look-item__name {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 300;
}
.look-item__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 60%);
}

/* ============================================================
   REASSURANCE STRIP
   ============================================================ */
.reassurance {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 40px 56px;
}
.reassurance__item {
  padding: 28px 20px;
  text-align: center;
  border-right: 1px solid var(--color-border);
}
.reassurance__item:last-child { border-right: none; }
.reassurance__icon {
  margin: 0 auto 12px;
  width: 28px;
  height: 28px;
}
.reassurance__icon svg { width: 28px; height: 28px; stroke: var(--color-dark); fill: none; stroke-width: 1.2; }
.reassurance__title {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 5px;
}
.reassurance__text {
  font-size: 12px;
  color: var(--color-muted);
  line-height: 1.5;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
  background: var(--color-light);
  padding: 56px 40px 24px;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e0dcd6;
}
.footer-brand__logo {
  font-family: var(--font-serif);
  font-size: 20px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--color-dark);
  margin-bottom: 14px;
  display: block;
}
.footer-brand__desc {
  font-size: 13px;
  color: var(--color-muted);
  line-height: 1.8;
  margin-bottom: 20px;
}
.footer-social {
  display: flex;
  gap: 10px;
}
.social-link {
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: border-color var(--transition), color var(--transition);
}
.social-link:hover { border-color: var(--color-dark); color: var(--color-dark); }

.footer-col h5 {
  font-size: 9px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-dark);
  margin-bottom: 18px;
}
.footer-col a {
  display: block;
  font-size: 13px;
  color: var(--color-muted);
  padding: 4px 0;
  transition: color var(--transition);
}
.footer-col a:hover { color: var(--color-dark); }

.newsletter-form {
  display: flex;
  margin-top: 10px;
}
.newsletter-form input {
  flex: 1;
  border: 1px solid #ccc;
  border-right: none;
  padding: 10px 14px;
  font-size: 12px;
  font-family: inherit;
  outline: none;
  background: #fff;
  min-width: 0;
}
.newsletter-form input::placeholder { color: #bbb; }
.newsletter-form button {
  background: var(--color-dark);
  color: #fff;
  padding: 10px 18px;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  transition: background var(--transition);
  white-space: nowrap;
}
.newsletter-form button:hover { background: #444; }

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}
.footer-copy {
  font-size: 11px;
  color: #aaa;
  letter-spacing: 0.3px;
}
.payment-icons {
  display: flex;
  gap: 8px;
  align-items: center;
}
.payment-badge {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px 9px;
  font-size: 10px;
  color: #666;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* ============================================================
   PRODUCT PAGE
   ============================================================ */
.product-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: 1400px;
  margin: 0 auto;
}
.product-gallery { position: sticky; top: 115px; }
.product-gallery__main {
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--color-beige);
}
.product-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 8px;
}
.product-gallery__thumb {
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
}
.product-gallery__thumb.active { border-color: var(--color-dark); }
.product-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }

.product-info { padding: 40px 48px; }
.product-info__brand {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 8px;
}
.product-info__title {
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 4px;
}
.product-info__ref {
  font-size: 11px;
  color: var(--color-muted);
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.product-info__price {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 24px;
}
.product-info__price .was {
  text-decoration: line-through;
  font-size: 16px;
  color: #bbb;
  font-weight: 400;
  margin-right: 8px;
}
.product-info__price .sale { color: var(--color-red); }

.form-label {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.size-grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.size-btn {
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-border);
  font-size: 12px;
  color: var(--color-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition);
  font-family: inherit;
  background: none;
}
.size-btn:hover, .size-btn.selected {
  border-color: var(--color-dark);
  background: var(--color-dark);
  color: #fff;
}
.size-btn.soldout {
  color: #ccc;
  border-color: #eee;
  cursor: not-allowed;
  text-decoration: line-through;
}

.btn--add-cart {
  width: 100%;
  background: var(--color-dark);
  color: #fff;
  padding: 16px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background var(--transition);
}
.btn--add-cart:hover { background: #444; }

.btn--wishlist {
  width: 100%;
  background: none;
  border: 1px solid var(--color-border);
  padding: 14px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-dark);
  font-family: inherit;
  cursor: pointer;
  transition: border-color var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn--wishlist:hover { border-color: var(--color-dark); }
.btn--wishlist svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.5; }

.product-info__desc {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid var(--color-border);
  font-size: 13px;
  color: #555;
  line-height: 1.8;
}
.product-accordion {
  margin-top: 20px;
  border-top: 1px solid var(--color-border);
}
.accordion-item { border-bottom: 1px solid var(--color-border); }
.accordion-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--color-dark);
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
}
.accordion-btn span:last-child { font-size: 18px; line-height: 1; }
.accordion-content {
  display: none;
  font-size: 13px;
  color: #666;
  line-height: 1.8;
  padding-bottom: 16px;
}
.accordion-content.open { display: block; }

/* ============================================================
   COLLECTION PAGE
   ============================================================ */
.collection-header {
  text-align: center;
  padding: 40px 40px 24px;
  border-bottom: 1px solid var(--color-border);
}
.collection-header__title {
  font-family: var(--font-serif);
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 8px;
}
.collection-header__count {
  font-size: 12px;
  color: var(--color-muted);
  letter-spacing: 0.5px;
}
.collection-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 40px;
  border-bottom: 1px solid var(--color-border);
}
.filter-toggle {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sort-select {
  border: 1px solid var(--color-border);
  padding: 8px 12px;
  font-size: 11px;
  font-family: inherit;
  color: var(--color-dark);
  background: #fff;
  outline: none;
  cursor: pointer;
}
.collection-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  align-items: start;
}
.filters-sidebar {
  padding: 28px 24px;
  border-right: 1px solid var(--color-border);
  position: sticky;
  top: 115px;
}
.filter-group { margin-bottom: 24px; }
.filter-group__title {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
}
.filter-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  cursor: pointer;
  font-size: 13px;
  color: #555;
}
.filter-option input { accent-color: var(--color-dark); }
.collection-products {
  padding: 28px 32px;
}
.collection-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ============================================================
   CART
   ============================================================ */
.cart-drawer {
  position: fixed;
  top: 0;
  right: -420px;
  width: 420px;
  height: 100%;
  background: #fff;
  z-index: 3000;
  box-shadow: -4px 0 32px rgba(0,0,0,0.1);
  transition: right 0.35s ease;
  display: flex;
  flex-direction: column;
}
.cart-drawer.is-open { right: 0; }
.cart-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 2500;
}
.cart-overlay.is-open { display: block; }
.cart-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--color-border);
}
.cart-drawer__title {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
}
.cart-close { font-size: 22px; line-height: 1; color: var(--color-dark); cursor: pointer; }
.cart-drawer__body { flex: 1; overflow-y: auto; padding: 20px 24px; }
.cart-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border);
}
.cart-item__img {
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--color-beige);
}
.cart-item__img img { width: 100%; height: 100%; object-fit: cover; }
.cart-item__name { font-size: 13px; margin-bottom: 4px; }
.cart-item__variant { font-size: 11px; color: var(--color-muted); margin-bottom: 8px; }
.cart-item__price { font-size: 14px; font-weight: 500; }
.cart-item__remove { font-size: 11px; color: var(--color-muted); text-decoration: underline; cursor: pointer; margin-top: 6px; display: inline-block; }
.cart-drawer__footer { padding: 20px 24px; border-top: 1px solid var(--color-border); }
.cart-subtotal {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 16px;
}
.cart-subtotal strong { font-weight: 500; }
.btn--checkout {
  width: 100%;
  background: var(--color-dark);
  color: #fff;
  padding: 16px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  border: none;
  transition: background var(--transition);
}
.btn--checkout:hover { background: #444; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .tiles-grid, .products-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .collection-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .header-top { padding: 0 20px; }
  .header-left span, .header-right span { display: none; }
  .site-nav { display: none; }
  .hero__title { font-size: 40px; }
  .category-tiles, .product-section { padding-left: 20px; padding-right: 20px; }
  .double-banner { margin: 0 20px 40px; grid-template-columns: 1fr; }
  .reassurance { margin: 0 20px 40px; grid-template-columns: repeat(2, 1fr); }
  .lookbook-section { padding: 0 20px 40px; }
  .lookbook-grid { grid-template-columns: 1fr 1fr; height: auto; }
  .look-item--tall { grid-row: span 1; }
  .footer-top { grid-template-columns: 1fr; gap: 24px; }
  .site-footer { padding: 40px 20px 20px; }
  .product-main { grid-template-columns: 1fr; }
  .collection-layout { grid-template-columns: 1fr; }
  .filters-sidebar { display: none; }
  .cart-drawer { width: 100%; right: -100%; }
}

/* Lookbook fix for 3-column grid with tall first item */
.lookbook-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  height: 420px;
}
.look-item--tall {
  grid-row: 1 / 3;
}

/* ============================================================
   GRILLE ÉDITORIALE — style Boutique Libertie
   ============================================================ */

/* Blocs de base */
.ed-block { overflow: hidden; }
.ed-block__media--auto img { width: 100%; height: auto; display: block; }

/* Effets hover */
.ed-block--hover-zoom .ed-block__img { transition: transform 0.6s ease; }
.ed-block--hover-zoom:hover .ed-block__img { transform: scale(1.05); }
.ed-block--hover-darken:hover .ed-block__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.15);
  pointer-events: none;
}

/* Styles de titres */
.ed-title--serif-italic {
  font-family: 'Homemade Apple', 'Dancing Script', 'Great Vibes', cursive;
  font-style: italic;
  font-weight: 400;
}
.ed-title--serif {
  font-family: 'Homemade Apple', 'Dancing Script', 'Great Vibes', cursive;
  font-style: normal;
  font-weight: 400;
}
.ed-title--sans-upper {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ed-title--sans {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 400;
}

/* DISPOSITION — Pleine largeur */
.editorial-full { width: 100%; }
.editorial-full .ed-block { width: 100%; }

/* DISPOSITION — 2 colonnes égales */
.editorial-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

/* DISPOSITION — 2 colonnes asymétriques */
.editorial-2col--asymmetric {
  grid-template-columns: 2fr 1fr;
}

/* DISPOSITION — 3 colonnes */
.editorial-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

/* DISPOSITION — 1 grande + 2 empilées */
.editorial-1-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.editorial-1-2--reverse {
  grid-template-columns: 1fr 1fr;
}
.editorial-1-2__main { }
.editorial-1-2__main .ed-block { height: 100%; }
.editorial-1-2__main .ed-block__media {
  height: 100% !important;
  padding-bottom: 0 !important;
}
.editorial-1-2__main .ed-block__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.editorial-1-2__stack {
  display: grid;
  grid-template-rows: 1fr 1fr;
}

/* DISPOSITION — 4 colonnes */
.editorial-4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

/* DISPOSITION — 5 colonnes (feed Instagram) */
.editorial-5col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .editorial-2col,
  .editorial-2col--asymmetric,
  .editorial-3col,
  .editorial-1-2,
  .editorial-1-2--reverse { grid-template-columns: 1fr; }
  .editorial-4col { grid-template-columns: repeat(2, 1fr); }
  .editorial-5col { grid-template-columns: repeat(2, 1fr); }
  .editorial-1-2__stack { grid-template-rows: auto; }
  .editorial-1-2__main .ed-block__media {
    height: auto !important;
    padding-bottom: 133% !important;
  }
}

/* ============================================================
   MOBILE RESPONSIVE — Corrections completes
   ============================================================ */

@media (max-width: 768px) {

  /* Barre annonce */
  .announcement-bar {
    font-size: 10px;
    letter-spacing: 1px;
    padding: 8px 12px;
    white-space: normal;
    line-height: 1.4;
  }

  /* Header */
 .header-inner {
  padding: 0 16px;
  height: 56px;
  grid-template-columns: auto auto 1fr auto;
  gap: 8px;
  }
 .site-logo {
  font-family: var(--font-sans);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  color: var(--color-dark);
  text-align: right;
  text-decoration: none;
  justify-self: end;
}
  .site-nav--left { display: none; }

  .header-actions { gap: 14px; }
  .header-action-btn span { display: none; }
  .header-action-btn svg { width: 20px; height: 20px; }

  /* Burger */
  .nav-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
  }
  .nav-hamburger span {
    display: block !important;
    width: 22px;
    height: 1.5px;
    background: #1a1a1a;
    transition: all 0.25s;
  }

  /* Menu mobile */
  .mobile-menu {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    z-index: 2000;
    overflow-y: auto;
    padding: 20px 24px 40px;
  }
  .mobile-menu.is-open { display: block; }
  .mobile-menu__close {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 32px;
  }
  .mobile-menu__close button {
    background: none; border: none;
    font-size: 22px; cursor: pointer; color: #1a1a1a;
  }
  .mobile-menu__links a {
    display: block;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 28px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase;
    color: #1a1a1a; text-decoration: none;
    padding: 14px 0;
    border-bottom: 1px solid #e0dbd3;
  }
  .mobile-menu__links a:last-child { border-bottom: none; }

  /* Hero */
  .hero { height: 70vh; min-height: 400px; }
  .hero__title { font-size: 36px; letter-spacing: 1px; }
  .hero__tag { font-size: 9px; letter-spacing: 2px; padding: 5px 14px; }
  .btn--hero { padding: 12px 28px; font-size: 10px; }

  /* Categories */
  .tiles-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .tile__img { height: 200px; }
  .tile__label { font-size: 9px; padding: 7px 14px; }
  .category-tiles { padding: 32px 16px; }

  /* Produits */
  .product-section { padding: 16px 16px 40px; }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .product-section__title { font-size: 22px; }

  /* Grille editoriale */
  .editorial-2col, .editorial-2col--asymmetric,
  .editorial-3col, .editorial-1-2, .editorial-1-2--reverse { grid-template-columns: 1fr; }
  .editorial-4col { grid-template-columns: repeat(2, 1fr); }
  .editorial-5col { grid-template-columns: repeat(2, 1fr); }
  .editorial-1-2__stack { grid-template-rows: auto; }
  .editorial-1-2__main .ed-block__media { height: auto !important; padding-bottom: 125% !important; }

  /* Double banniere */
  .double-banner { grid-template-columns: 1fr; margin: 0 0 40px; }
  .double-banner__item { height: 220px; }
  .double-banner__title { font-size: 26px; }

  /* Lookbook */
  .lookbook-section { padding: 0 16px 40px; }
  .lookbook-grid { grid-template-columns: 1fr; height: auto; }
  .look-item--tall { grid-row: span 1; height: 280px; }
  .look-item { height: 220px; }

  /* Reassurance */
  .reassurance { grid-template-columns: repeat(2, 1fr); margin: 0 0 40px; }
  .reassurance__item { border-right: none; border-bottom: 1px solid #e0dbd3; padding: 20px 12px; }
  .reassurance__item:nth-child(odd) { border-right: 1px solid #e0dbd3; }
  .reassurance__item:nth-last-child(-n+2) { border-bottom: none; }
  .reassurance__title { font-size: 9px; }

  /* Footer */
  .site-footer { padding: 40px 16px 20px; }
  .footer-top { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 12px; }

  /* Collection */
  .collection-layout { grid-template-columns: 1fr; }
  .filters-sidebar { display: none; }
  .collection-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .collection-products { padding: 16px; }

  /* Panier */
  .cart-drawer { width: 100%; right: -100%; }

  /* Product page */
  .product-main { grid-template-columns: 1fr; }
  .product-info { padding: 24px 16px; }
  .product-info__title { font-size: 26px; }
  .product-gallery { position: static; }

  /* Mega menu off */
  .mega-menu, .mega-overlay { display: none !important; }
}

/* Tablette */
@media (min-width: 769px) and (max-width: 1024px) {
  .header-inner { padding: 0 24px; }
  .nav-link { padding: 0 10px; font-size: 10px; }
  .site-logo { font-size: 18px; }
  .tiles-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
}


/* Hide mobile drawer on desktop */
@media (min-width: 769px) {
  .mobile-menu { display: none !important; }
    .mobile-menu-toggle { display: none !important; }
    }
    

    /* Mega menu dropdown on hover (desktop only) */
    @media (min-width: 769px) {
      .nav-item--has-mega { position: relative; }
        .mega-menu {
            display: block !important;
                position: absolute;
                    top: 100%;
                        left: 50%;
                            transform: translateX(-50%);
                                min-width: 560px;
                                    background: #ede8e1;
                                        border-top: 1px solid rgba(103,108,72,0.2);
                                            padding: 28px 40px 32px;
                                                box-shadow: 0 8px 24px rgba(0,0,0,0.08);
                                                    opacity: 0;
                                                        visibility: hidden;
                                                            pointer-events: none;
                                                                transition: opacity .25s ease, visibility .25s ease;
                                                                    z-index: 1500;
                                                                      }
                                                                        .nav-item--has-mega:hover > .mega-menu,
                                                                          .nav-item--has-mega:focus-within > .mega-menu {
                                                                              opacity: 1;
                                                                                  visibility: visible;
                                                                                      pointer-events: auto;
                                                                                        }
                                                                                          .mega-menu__inner {
                                                                                              display: grid;
                                                                                                  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
                                                                                                      gap: 12px 40px;
                                                                                                          align-items: start;
                                                                                                            }
                                                                                                              .mega-menu .mega-group__title,
                                                                                                                .mega-menu h4 {
                                                                                                                    font-family: 'AVENIR', sans-serif;
                                                                                                                        font-size: 11px;
                                                                                                                            letter-spacing: 2px;
                                                                                                                                text-transform: uppercase;
                                                                                                                                    color: #676c48;
                                                                                                                                        margin: 0 0 12px;
                                                                                                                                            font-weight: 600;
                                                                                                                                              }
                                                                                                                                                .mega-menu ul { list-style: none; padding: 0; margin: 0; }
                                                                                                                                                  .mega-menu li { margin: 0 0 8px; }
                                                                                                                                                    .mega-menu a {
                                                                                                                                                        color: #2b2b2b;
                                                                                                                                                            text-decoration: none;
                                                                                                                                                                font-size: 14px;
                                                                                                                                                                    font-family: 'AVENIR', sans-serif;
                                                                                                                                                                        transition: color .2s ease;
                                                                                                                                                                            display: inline-block;
                                                                                                                                                                                padding: 2px 0;
                                                                                                                                                                                  }
                                                                                                                                                                                    .mega-menu a:hover { color: #676c48; }
                                                                                                                                                                                      .mega-menu__promo { display: flex; flex-direction: column; gap: 8px; }
                                                                                                                                                                                        .mega-menu__promo img { width: 100%; height: auto; display: block; }
                                                                                                                                                                                          .mega-menu__promo .promo-label {
                                                                                                                                                                                              font-family: 'theSignature', cursive;
                                                                                                                                                                                                  font-size: 20px;
                                                                                                                                                                                                      color: #676c48;
                                                                                                                                                                                                        }
                                                                                                                                                                                                          .nav-item--has-mega > .nav-link::after {
                                                                                                                                                                                                              content: '';
                                                                                                                                                                                                                  display: block;
                                                                                                                                                                                                                      height: 2px;
                                                                                                                                                                                                                          background: #676c48;
                                                                                                                                                                                                                              width: 0;
                                                                                                                                                                                                                                  transition: width .25s ease;
                                                                                                                                                                                                                                      margin: 2px auto 0;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                          .nav-item--has-mega:hover > .nav-link::after { width: 100%; }
                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                          
/* === MEGA MENU HOVER FIX — appended last to override everything === */
@media (min-width: 769px) {
  .site-nav{display:flex !important;align-items:center !important;gap:36px !important;}
  .site-nav .nav-item{position:relative !important;}
  .site-nav .nav-item .mega-menu{display:block !important;position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) translateY(8px) !important;min-width:620px !important;background:#ede8e1 !important;border-top:1px solid rgba(103,108,72,0.2) !important;padding:28px 40px 32px !important;box-shadow:0 12px 28px rgba(0,0,0,0.10) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .25s ease, visibility .25s ease, transform .25s ease !important;z-index:9999 !important;}
  .site-nav .nav-item:hover > .mega-menu,.site-nav .nav-item:focus-within > .mega-menu{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important;}
  .mega-menu__inner{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;gap:12px 40px !important;align-items:start !important;}
  .mega-menu h4{font-family:'AVENIR',sans-serif !important;font-size:11px !important;letter-spacing:2px !important;text-transform:uppercase !important;color:#676c48 !important;margin:0 0 14px !important;font-weight:600 !important;}
  .mega-menu ul{list-style:none !important;padding:0 !important;margin:0 !important;}
  .mega-menu li{margin:0 0 8px !important;}
  .mega-menu a{color:#2b2b2b !important;text-decoration:none !important;font-size:14px !important;font-family:'AVENIR',sans-serif !important;transition:color .2s ease !important;display:inline-block !important;padding:2px 0 !important;}
  .mega-menu a:hover{color:#676c48 !important;}
  }
@media (max-width: 768px) {
    .site-nav .mega-menu{display:none !important;}
    }                                                                                                                                                                                                                                       

/* === FEATURED COLLECTION CAROUSEL === */
.products-grid{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important;gap:24px !important;padding:8px 4px 24px !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;scrollbar-color:#676c48 #ede8e1 !important;}
.products-grid::-webkit-scrollbar{height:6px !important;}
.products-grid::-webkit-scrollbar-track{background:#ede8e1 !important;border-radius:3px !important;}
.products-grid::-webkit-scrollbar-thumb{background:#676c48 !important;border-radius:3px !important;}
.products-grid > *{flex:0 0 calc(25% - 18px) !important;min-width:240px !important;max-width:none !important;scroll-snap-align:start !important;}
@media (max-width: 1024px){.products-grid > *{flex:0 0 calc(33.33% - 16px) !important;}}
@media (max-width: 768px){.products-grid > *{flex:0 0 calc(50% - 12px) !important;min-width:180px !important;}}
@media (max-width: 480px){.products-grid > *{flex:0 0 75% !important;min-width:180px !important;}}

/* === CATEGORY TILES LABEL OVERRIDE === */
.tiles-grid > a:nth-child(1) .tile__label{font-size:0 !important;line-height:0 !important;}
.tiles-grid > a:nth-child(1) .tile__label::after{content:"POUR ELLE" !important;font-size:11px !important;letter-spacing:2px !important;font-family:'AVENIR',sans-serif !important;color:WHITE !important;}
.tiles-grid > a:nth-child(2) .tile__label{font-size:0 !important;line-height:0 !important;}
.tiles-grid > a:nth-child(2) .tile__label::after{content:"ROBES" !important;font-size:11px !important;letter-spacing:2px !important;font-family:'AVENIR',sans-serif !important;color:#2b2b2b !important;}
.tiles-grid > a:nth-child(3) .tile__label{font-size:0 !important;line-height:0 !important;}
.tiles-grid > a:nth-child(3) .tile__label::after{content:"VESTES" !important;font-size:11px !important;letter-spacing:2px !important;font-family:'AVENIR',sans-serif !important;color:#2b2b2b !important;}
.tiles-grid > a:nth-child(4) .tile__label{font-size:0 !important;line-height:0 !important;}
.tiles-grid > a:nth-child(4) .tile__label::after{content:"BAS" !important;font-size:11px !important;letter-spacing:2px !important;font-family:'AVENIR',sans-serif !important;color:#2b2b2b !important;}

/* === BRANDING FONTS - Sacramento (~theSignature) + Nunito Sans (~AVENIR) === */
@import url('https://fonts.googleapis.com/css2?family=Sacramento&family=Nunito+Sans:wght@400;500;600;700;800&display=swap');

/* Map AVENIR -> Nunito Sans, theSignature -> Sacramento everywhere */
body, html, p, a, span, div, h1, h2, h3, h4, h5, h6, button, input, select, textarea, .site-nav, .product-card, .tile__label, .product-section__title, .footer-col, .footer-brand__desc, .btn, .btn--outline-dark, .btn--outline-white, .announcement-bar, .product-card__name, .product-card__sub, .product-card__price, .product-card__quick, .section-header__label, .section-header__title, .double-banner__title, .nav-item, .nav-link, .mega-menu, .mega-menu h4, .mega-menu a, .footer-newsletter, .newsletter-form, .reassurance, h2, h3, h4, h5, h6{font-family:'Nunito Sans','AVENIR',sans-serif !important;}

.hero-banner__title, .hero__title, .nouvelle-collection, .product-section__title-script, h1.script, .script-font, [class*="script"], h2.section-header__title, .product-section h2{font-family:'Sacramento','theSignature',cursive !important;font-weight:400 !important;}

/* Tab font for AVENIR-styled labels */
.mega-menu h4, .tile__label::after, .product-card__quick, .nav-item, .announcement-bar, .btn{font-family:'Nunito Sans','AVENIR',sans-serif !important;letter-spacing:1.5px !important;}/* Typographie titre bannière héro */
.hero-banner h1,
.hero-banner h2,
.hero-banner .hero-banner__title {
  font-family: Avenir, "Avenir Next", "Century Gothic", sans-serif;
}


/* === REORDER HOME PAGE SECTIONS PER BRANDING PLAN === */
main#main-content{display:flex !important;flex-direction:column !important;}
#shopify-section-hero-banner{order:1 !important;}
#shopify-section-double-banner{order:2 !important;}
#shopify-section-featured-collection{order:3 !important;}
#shopify-section-category-tiles{order:4 !important;}
#shopify-section-boutiques{order:5 !important;}
#shopify-section-instagram{order:6 !important;}
#shopify-section-reassurance{order:7 !important;}

/* === CAROUSEL ARROWS FOR FEATURED COLLECTION === */
.product-section{position:relative !important;}
.carousel-arrow{position:absolute !important;top:55% !important;transform:translateY(-50%) !important;width:44px !important;height:44px !important;border-radius:50% !important;background:rgba(255,255,255,0.95) !important;border:1px solid #676c48 !important;color:#676c48 !important;font-size:22px !important;line-height:1 !important;cursor:pointer !important;z-index:10 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;transition:all .2s ease !important;font-family:'AVENIR',sans-serif !important;padding:0 !important;}
.carousel-arrow--prev{left:8px !important;}
.carousel-arrow--next{right:8px !important;}
.carousel-arrow:hover{background:#676c48 !important;color:#fff !important;}
@media (max-width: 768px){.carousel-arrow{width:36px !important;height:36px !important;font-size:18px !important;}}
/* ============================================================
   NOUVELLES SECTIONS — boutiques + instagram + subtitle vestiaire + carousel
   ============================================================ */

/* Sous-titre Pour lui / Pour elle dans Vestiaire */
.double-banner__subtitle {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 18px;
  letter-spacing: 1.5px;
  color: rgba(255,255,255,0.92);
  margin-bottom: 6px;
  text-transform: none;
}
.double-banner__item--light .double-banner__subtitle { color: rgba(0,0,0,0.7); }

/* Carousel produits — Nouveautés */
.products-carousel-wrap {
  position: relative;
  padding: 0 8px;
}
.products-carousel {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  scrollbar-width: thin;
}
.products-carousel::-webkit-scrollbar { height: 4px; }
.products-carousel::-webkit-scrollbar-track { background: #f0ebe3; }
.products-carousel::-webkit-scrollbar-thumb { background: #c8b8a8; border-radius: 2px; }
.products-carousel__item {
  flex: 0 0 calc((100% - 48px) / 4);
  min-width: 240px;
  scroll-snap-align: start;
}
@media (max-width: 1024px) {
  .products-carousel__item { flex: 0 0 calc((100% - 32px) / 3); }
}
@media (max-width: 768px) {
  .products-carousel__item { flex: 0 0 calc((100% - 16px) / 2); min-width: 200px; }
}
@media (max-width: 480px) {
  .products-carousel__item { flex: 0 0 75%; min-width: 220px; }
}

/* Section Les Boutiques */
.boutiques-section {
  padding: 60px 40px;
  background: var(--color-beige, #ede8e1);
  margin-bottom: 0;
}
.boutiques-section__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.boutiques-section__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 0 0 32px;
  color: var(--color-dark, #2c2c2c);
}
.boutique-card {
  margin-bottom: 28px;
}
.boutique-card__name {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 0 14px;
  color: var(--color-dark, #2c2c2c);
}
.boutique-card__line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 10px;
}
.boutique-card__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--color-accent, #676c48);
  margin-top: 2px;
}
.boutique-card__map {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 18px;
  border: 1px solid var(--color-dark, #2c2c2c);
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--color-dark, #2c2c2c);
  text-decoration: none;
  transition: background 0.25s, color 0.25s;
}
.boutique-card__map:hover { background: var(--color-dark, #2c2c2c); color: #fff; }
.boutique-card__map .boutique-card__icon { color: inherit; }

.boutiques-section__media {
  width: 100%;
  height: 100%;
  min-height: 380px;
  overflow: hidden;
  background: #fff;
}
.boutiques-section__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.boutiques-section__placeholder {
  width: 100%;
  height: 100%;
  min-height: 380px;
  background: #f5f1ea;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent, #676c48);
}

@media (max-width: 768px) {
  .boutiques-section { padding: 40px 20px; }
  .boutiques-section__inner { grid-template-columns: 1fr; gap: 28px; }
  .boutiques-section__title { font-size: 28px; }
  .boutiques-section__media { min-height: 260px; }
}

/* Section Instagram — carrousel */
.instagram-section {
  padding: 60px 40px;
  margin-bottom: 0;
  background: #fff;
}
.instagram-section__header {
  text-align: center;
  margin-bottom: 36px;
}
.instagram-section__label {
  display: block;
  font-size: 11px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--color-accent, #676c48);
  margin-bottom: 8px;
}
.instagram-section__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 0 0 8px;
  color: var(--color-dark, #2c2c2c);
}
.instagram-section__handle {
  font-size: 13px;
  color: #888;
  letter-spacing: 1.5px;
  margin: 0;
}
.instagram-carousel-wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 8px;
}
.instagram-carousel {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  scrollbar-width: thin;
}
.instagram-carousel::-webkit-scrollbar { height: 4px; }
.instagram-carousel::-webkit-scrollbar-track { background: #f0ebe3; }
.instagram-carousel::-webkit-scrollbar-thumb { background: #c8b8a8; border-radius: 2px; }
.instagram-tile {
  position: relative;
  display: block;
  flex: 0 0 calc((100% - 40px) / 5);
  min-width: 200px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f5f1ea;
  scroll-snap-align: start;
}
.instagram-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.instagram-tile:hover img { transform: scale(1.05); }
.instagram-tile__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c8b8a8;
}
.instagram-tile__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s;
}
.instagram-tile:hover .instagram-tile__overlay { opacity: 1; }
.instagram-section__cta {
  text-align: center;
  margin-top: 32px;
}
.instagram-section__cta .btn--outline-dark {
  display: inline-block;
  padding: 12px 32px;
  border: 1px solid var(--color-dark, #2c2c2c);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-dark, #2c2c2c);
  text-decoration: none;
  transition: background 0.25s, color 0.25s;
}
.instagram-section__cta .btn--outline-dark:hover {
  background: var(--color-dark, #2c2c2c);
  color: #fff;
}
@media (max-width: 1024px) {
  .instagram-tile { flex: 0 0 calc((100% - 30px) / 4); }
}
@media (max-width: 768px) {
  .instagram-section { padding: 40px 20px; }
  .instagram-section__title { font-size: 24px; }
  .instagram-tile { flex: 0 0 calc((100% - 20px) / 3); min-width: 160px; }
}
@media (max-width: 480px) {
  .instagram-tile { flex: 0 0 calc((100% - 10px) / 2); }
}
/* ============================================================
   FIX PLEINE LARGEUR — header + produits similaires
   À COLLER À LA TOUTE FIN du fichier assets/theme.css
   ============================================================ */

/* -------- HEADER : tout sur une ligne ÉTALÉE pleine largeur -------- */

.site-header,
#site-header {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

.site-header .header-inner,
#site-header .header-inner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  padding: 14px 40px !important;
  margin: 0 !important;
}

/* Bloc 1 — Actions à GAUCHE (Compte, Recherche, Panier) */
.header-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  order: 1 !important;
  margin: 0 !important;
}

.header-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

/* Bloc 2 — Navigation au CENTRE (Vestiaire femme, MZT, Vestiaire Homme) */
.site-nav,
.site-nav--left {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bloc 3 — Logo MAISON AIME à DROITE */
.site-logo {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  order: 3 !important;
  margin: 0 !important;
}

/* Hamburger : caché desktop, visible mobile */
.nav-hamburger { display: none !important; }

/* Mobile : layout compact */
@media (max-width: 900px) {
  .site-header .header-inner,
  #site-header .header-inner {
    padding: 12px 16px !important;
    gap: 12px !important;
  }
  .site-nav,
  .site-nav--left {
    gap: 18px !important;
  }
}
@media (max-width: 700px) {
  .site-header .header-inner,
  #site-header .header-inner {
    flex-wrap: wrap !important;
  }
  .nav-hamburger { display: inline-flex !important; order: 1 !important; flex: 0 0 auto !important; }
  .header-actions { order: 2 !important; }
  .site-logo { order: 3 !important; margin-left: auto !important; }
  .site-nav, .site-nav--left {
    order: 4 !important;
    flex: 1 1 100% !important;
    justify-content: center !important;
  }
}

/* -------- PRODUITS SIMILAIRES : pleine largeur -------- */

.related-products {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 60px 40px 80px !important;
  background: #faf6ee !important;
  box-sizing: border-box !important;
}

.related-products__title {
  text-align: center !important;
  max-width: 1600px !important;
  margin: 0 auto 36px !important;
}

.related-products__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .related-products__grid { grid-template-columns: repeat(3, 1fr) !important; }
  .related-products__grid > .related-product:nth-child(4) { display: none !important; }
}

@media (max-width: 640px) {
  .related-products { padding: 40px 16px 60px !important; }
  .related-products__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .related-products__grid > .related-product:nth-child(n+3) { display: block !important; }
}

/* ============================================================
   UNIFORMISATION DES FONDS PRODUITS — version optimisée
   À COLLER À LA FIN DE assets/theme.css
   (et SUPPRIMER l'ancien bloc d'uniformisation s'il existe)
   ============================================================ */

/* Couleur cible : beige unifié pour toute la boutique */
:root {
  --product-bg: #ede4d3;
}

/* 1. Fond uniforme sur tous les conteneurs d'images produits */
.product-card__img,
.related-product__img-wrap,
.products-carousel__item .product-card__img,
.tile__img,
.product-page__media,
.product-page__main-img,
[class*="product-card"]:not(.product-card__name):not(.product-card__price),
[class*="grid__item"] .grid-product__image,
.product-grid__item,
.featured-collection .product-card,
.products-grid > * {
  background-color: var(--product-bg) !important;
}

/* 2. Multiply + ajustements pour harmoniser les blancs et beiges divergents */
.product-card__img img,
.related-product__img,
.products-carousel__item img,
.tile__img img,
.product-page__main-img,
.product-page__media img,
[class*="product-card"] img,
[class*="grid__item"] img,
.grid-product__image img,
.product-grid img,
.products-grid img {
  mix-blend-mode: multiply !important;
  filter: contrast(1.03) saturate(1.02) !important;
  background-color: var(--product-bg) !important;
}

/* 3. Cas spécial : page produit principale (l'image est plus grande) */
.product-page__main-img {
  mix-blend-mode: multiply !important;
}

/* ============================================================
   DESCRIPTION PRODUIT — typo Homemade Apple (comme la home)
   ============================================================ */

..product-page__description-toggle summary {
  font-family: "Nunito Sans", "AVENIR", sans-serif !important;
  text-transform: none !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  color: #2c2c2c !important;
  padding: 14px 0 !important;
}


.product-page__description-toggle summary::after {
  font-family: 'Avenir Next', sans-serif !important;
  font-size: 18px !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
}

/* ============================================================
   ACTIONS HEADER — décalées vers le bas
   ============================================================ */

.header-actions {
  align-self: flex-end !important;
  margin-top: 14px !important;
}

/* Sur mobile, on garde le layout normal pour ne pas casser */
@media (max-width: 700px) {
  .header-actions {
    align-self: center !important;
    margin-top: 0 !important;
  }
}

/* ============================================================
   BARRE DE RECHERCHE OVERLAY — Maison Aime
   ============================================================ */

.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(4px);
  z-index: 9999;
  overflow-y: auto;
  padding: 40px 24px 80px;
  display: none;
}
.search-overlay.is-open { display: block; }

.search-overlay__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.search-overlay__topbar {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto 36px;
}

.search-overlay__form {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.search-overlay__input {
  flex: 1;
  height: 52px;
  padding: 0 56px 0 24px;
  background: #f0ece1;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  color: #2c2c2c;
}
.search-overlay__input:focus {
  outline: none;
  background: #e8e2d2;
}
.search-overlay__submit {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2c2c2c;
  padding: 0;
}
.search-overlay__submit svg { width: 22px; height: 22px; }

.search-overlay__close {
  background: none;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
}
.search-overlay__close svg { width: 24px; height: 24px; }
.search-overlay__close:hover { color: #676c48; }

.search-overlay__suggestions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}
.search-overlay__suggestions-label {
  font-size: 13px;
  color: #888;
}
.search-overlay__suggestions-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.search-tag {
  padding: 6px 16px;
  background: transparent;
  border: 1px solid #d8d2c5;
  border-radius: 20px;
  color: #2c2c2c;
  text-decoration: none;
  font-size: 13px;
  transition: background 0.2s, border-color 0.2s;
}
.search-tag:hover {
  background: #f0ece1;
  border-color: #676c48;
}

.search-overlay__results {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.search-result {
  display: block;
  text-decoration: none;
  color: inherit;
}
.search-result__img-wrap {
  width: 100%;
  aspect-ratio: 3/4;
  background: #ede4d3;
  overflow: hidden;
  margin-bottom: 12px;
}
.search-result__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  mix-blend-mode: multiply;
  transition: transform 0.4s;
}
.search-result:hover .search-result__img { transform: scale(1.03); }
.search-result__placeholder {
  width: 100%;
  height: 100%;
  background: #ede4d3;
}
.search-result__title {
  font-size: 14px;
  color: #2c2c2c;
  margin: 0 0 4px;
}
.search-result__price {
  font-size: 14px;
  color: #4a4a4a;
  margin: 0;
}

.search-overlay__hint,
.search-overlay__empty {
  text-align: center;
  color: #888;
  font-size: 14px;
  margin: 80px 0;
}

@media (max-width: 1024px) {
  .search-overlay__results { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}
@media (max-width: 700px) {
  .search-overlay { padding: 24px 16px 40px; }
  .search-overlay__topbar { gap: 12px; margin-bottom: 24px; }
  .search-overlay__input { height: 46px; font-size: 14px; }
  .search-overlay__results { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
#category-tiles .section-header__label {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #2c2c2c !important;
}
#shopify-section-category-tiles h2.section-header__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  letter-spacing: 1px !important;
  font-size: 20px !important;
}
#shopify-section-featured-collection .product-section__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}
#shopify-section-boutiques .boutiques-section__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
}
.boutiques-section__title {
  font-family: 'Nunito Sans', 'AVENIR', sans-serif !important;
}
.product-section__title {
  font-family: 'Nunito Sans', 'AVENIR', sans-serif !important;
  font-weight: normal !important;
}
:root { --product-bg: #ffffff ; }
@media (max-width: 749px) {
  /* Fond kaki */
  .site-header {
    background-color: #4b4530 !important;
  }

  /* Logo centré en blanc */
  .site-logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #ffffff !important;
    order: 2 !important;
  }

  /* Burger (3 traits) en blanc */
  .nav-hamburger span {
    background: #ffffff !important;
  }

  /* Panier et autres icônes en blanc */
  .header-action-btn {
    color: #ffffff !important;
  }

  .header-action-btn svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
  }
}
/* Panier à droite, Compte et Recherche cachés sur mobile */
@media (max-width: 749px) {
  .header-inner {
    display: flex !important;
    align-items: center !important;
  }

  /* Burger à gauche — order 1 (déjà en place) */
  .nav-hamburger {
    order: 1 !important;
  }

  /* Logo au centre */
  .site-logo {
    order: 2 !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  /* Nav cachée sur mobile */
  .site-nav {
    display: none !important;
  }

  /* Panier à droite */
  .header-actions {
    order: 3 !important;
    margin-left: auto !important;
  }

  /* Cacher Compte et Recherche */
  .header-actions .header-action-btn:not([data-open-cart]) {
    display: none !important;
  }
}
/* Menu mobile — liste verticale */
.mobile-menu__inner {
  display: flex !important;
  flex-direction: column !important;
}

.mobile-menu__link {
  display: block !important;
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1a1a1a;
  text-decoration: none;
  padding: 16px 0;
  border-bottom: 1px solid #e0dbd3;
}

.mobile-menu__link:last-child {
  border-bottom: none;
}



/* ============================================================
   CORRECTIONS MOBILE — hero, logo gauche, menu vertical
   À COLLER À LA FIN DE assets/theme.css
   ============================================================ */

@media (max-width: 768px) {

  /* ---- 1. HERO : montrer toute la devanture (comme desktop) ---- */
  .hero {
    height: 60vh !important;
    min-height: 420px !important;
  }
  .hero__bg img,
  .hero__bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* ---- 2. HEADER : logo MAISON AIME à GAUCHE + burger ---- */
  .site-header .header-inner,
  #site-header .header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    gap: 12px !important;
  }

  /* Burger tout à gauche */
  .nav-hamburger {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    width: 28px !important;
    height: 24px !important;
    cursor: pointer !important;
  }
  .nav-hamburger span {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: #2c2c2c !important;
  }

  /* Logo juste après le burger, aligné à gauche */
  .site-logo {
    order: 2 !important;
    margin: 0 auto 0 4px !important;
    flex: 0 0 auto !important;
    font-size: 20px !important;
    white-space: nowrap !important;
  }

  /* Actions (compte/recherche/panier) à droite */
  .header-actions {
    order: 3 !important;
    margin: 0 0 0 auto !important;
    gap: 16px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  /* On masque la nav inline : elle vit dans le menu burger */
  .site-nav,
  .site-nav--left {
    display: none !important;
  }

  /* ---- 3. MENU BURGER : items les uns SOUS les autres ---- */
  .mobile-menu__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 24px !important;
  }
  .mobile-menu__link {
    display: block !important;
    width: 100% !important;
    padding: 16px 0 !important;
    font-size: 17px !important;
    border-bottom: 1px solid #e0dbd3 !important;
    text-decoration: none !important;
    color: #2c2c2c !important;
  }
}