/* =================================================================
   ArcadiAgora — Feuille de style principale
   "Votre Univers, Notre Référence"
   Charte : Or #C9A227 | Vert #1E4D35 | Crème #F8F4EC
   ================================================================= */

:root {
  --ag-or:        #C9A227;
  --ag-or-light:  #F0C040;
  --ag-or-dark:   #8B6B2A;
  --ag-vert:      #1E4D35;
  --ag-vert-dk:   #122E1F;
  --ag-pierre:    #D4C4A0;
  --ag-creme:     #F8F4EC;
  --ag-brun:      #1C1A0A;
  --ag-bronze:    #8B6B2A;
  --ag-gris:      #6B6560;
  --ff-serif:     'Cinzel', 'Times New Roman', Georgia, serif;
  --ff-sans:      'Raleway', 'Open Sans', sans-serif;
}

/* ── GLOBAL ───────────────────────────────────────── */
body { background: var(--ag-creme); font-family: var(--ff-sans); color: var(--ag-brun); }
a { color: var(--ag-vert); }
a:hover { color: var(--ag-or); text-decoration: none; }
h1, h2, h3 { font-family: var(--ff-serif); color: var(--ag-brun); }

/* ── SECTION DEVENIR VENDEUR ──────────────────────── */
.ag-devenir-vendeur {
  background: linear-gradient(135deg, #122E1F, #1E4D35);
  border-top: 2px solid var(--ag-or);
  border-bottom: 2px solid var(--ag-or);
  padding: 60px 20px;
  text-align: center;
}
.ag-devenir-vendeur h2 {
  font-family: var(--ff-serif) !important;
  font-size: 30px !important;
  color: #fff !important;
  margin-bottom: 12px !important;
}
.ag-devenir-vendeur > p {
  font-size: 15px;
  color: var(--ag-pierre);
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.8;
}
.ag-devenir-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 960px;
  margin: 0 auto 36px;
}
.ag-devenir-step { text-align: center; }
.ag-step-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ag-or);
  color: var(--ag-brun);
  font-family: var(--ff-serif);
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.ag-devenir-step h4 {
  font-family: var(--ff-serif) !important;
  font-size: 13px !important;
  color: var(--ag-or-light) !important;
  margin-bottom: 6px !important;
}
.ag-devenir-step p {
  font-size: 12px !important;
  color: rgba(212,196,160,.75) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* ── SIDEBAR MASQUÉE ──────────────────────────────── */
#left-column, .left-column, aside#left-column,
.wrapper__left-column {
  display: none !important;
}
#content-wrapper.wrapper__content,
section#content-wrapper {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ── PRODUITS HOMEPAGE ────────────────────────────── */
.ag-products-title {
  font-family: var(--ff-serif);
  font-size: 26px;
  color: var(--ag-brun);
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ag-pierre);
}

/* ── CONFIANCE — icônes ───────────────────────────── */
.ag-confiance-item .ag-icon { font-size: 40px; margin-bottom: 14px; display: block; }

/* ── RESPONSIVE V3 ────────────────────────────────── */
@media(max-width:991px) {
  .ag-univers-grid-v3 { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .ag-devenir-grid { grid-template-columns: repeat(2, 1fr); }
  .ag-hero-galactic h1 { font-size: 36px !important; }
  .ag-hero-galactic .ag-punch { font-size: 15px; }
  .ag-hero-galactic .ag-logo-hero { max-width: 160px; }
}
@media(max-width:575px) {
  .ag-univers-grid-v3 { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .ag-hero-galactic { min-height: 70vh; padding: 40px 16px; }
  .ag-hero-galactic h1 { font-size: 26px !important; }
  .ag-devenir-grid { grid-template-columns: repeat(2, 1fr); }
  .ag-univers-bubble-name { font-size: 12px; }
}

/* ── FIN V3 — ArcadiAgora ─────────────────────────── */


/* ══════════════════════════════════════════════════════════════════════
   ArcadiAgora CSS V4 — Sidebar masking + Product grid + Logo hero
   ══════════════════════════════════════════════════════════════════════ */

/* ── Grille produits 4 colonnes sur desktop ── */
#products .products,
.products-grid .products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
}

@media (max-width: 991px) {
  #products .products,
  .products-grid .products,
  ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 767px) {
  #products .products,
  .products-grid .products,
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  #products .products,
  .products-grid .products,
  ul.products {
    grid-template-columns: 1fr !important;
  }
}

/* ── Carte produit raffinée ── */
.product-miniature,
article.product-miniature {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
}
.product-miniature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(201,162,39,.25);
}

/* ── Lien "Devenir Vendeur" dans nav ── */
.devenir-vendeur-link a,
a.devenir-vendeur-nav {
  background: linear-gradient(135deg, #C9A227, #F0C040);
  color: #1C1A0A !important;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: .82rem;
  letter-spacing: .04em;
  padding: .35rem .9rem;
  border-radius: 20px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: inline-block;
  margin-left: .5rem;
}
.devenir-vendeur-link a:hover,
a.devenir-vendeur-nav:hover {
  box-shadow: 0 0 14px #F0C04088;
  transform: translateY(-2px);
  color: #1C1A0A !important;
}

/* ── Page CMS Devenir Vendeur ── */
.ag-dv-hero {
  background: linear-gradient(135deg, #1E4D35 0%, #1C1A0A 100%);
  padding: 4rem 2rem;
  text-align: center;
  color: #F8F4EC;
  border-radius: 0 0 40px 40px;
  margin-bottom: 3rem;
}
.ag-dv-hero h1 {
  font-family: 'Cinzel', serif;
  font-size: 2.8rem;
  color: #C9A227;
  text-shadow: 0 0 30px #C9A22766;
  margin-bottom: 1rem;
}
.ag-dv-hero p {
  font-family: 'Raleway', sans-serif;
  font-size: 1.15rem;
  color: #D4C4A0;
}
.ag-dv-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 960px;
  margin: 0 auto 4rem;
  padding: 0 1.5rem;
}
@media (max-width: 767px) {
  .ag-dv-steps { grid-template-columns: 1fr; }
  .ag-dv-hero h1 { font-size: 2rem; }
}
.ag-dv-step {
  background: #fff;
  border-radius: 16px;
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  border-top: 4px solid #C9A227;
}
.ag-dv-step-num {
  width: 52px; height: 52px;
  background: linear-gradient(135deg, #C9A227, #F0C040);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Cinzel', serif;
  font-size: 1.4rem;
  font-weight: 900;
  color: #1C1A0A;
  margin: 0 auto 1.2rem;
  box-shadow: 0 0 16px #C9A22755;
}
.ag-dv-step h3 {
  font-family: 'Cinzel', serif;
  font-size: 1.05rem;
  color: #1E4D35;
  margin-bottom: .6rem;
}
.ag-dv-step p {
  font-family: 'Raleway', sans-serif;
  font-size: .92rem;
  color: #555;
  line-height: 1.6;
}
.ag-dv-cta {
  text-align: center;
  margin-bottom: 4rem;
}
.ag-dv-cta a {
  display: inline-block;
  background: linear-gradient(135deg, #C9A227, #F0C040);
  color: #1C1A0A;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1rem 2.5rem;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 4px 20px #C9A22755;
  transition: box-shadow .2s, transform .2s;
  letter-spacing: .06em;
}
.ag-dv-cta a:hover {
  box-shadow: 0 8px 30px #C9A22799;
  transform: translateY(-3px);
}

/* ── SIDEBAR HUMMINGBIRD — masquage précis ── */
.wrapper__left-column {
  display: none !important;
}
.wrapper__content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* ── LOGO HUMMINGBIRD ── */
.header__logo img,
.logo__mobile img,
#_desktop_logo img,
.logo img {
  mix-blend-mode: normal !important;
  background: transparent !important;
  max-height: 110px !important;
  width: auto !important;
}
.header__logo,
#_desktop_logo,
.logo-wrapper {
  background: transparent !important;
}

/* ── FIN CSS V4 ── */

/* ── LOGO FOND TRANSPARENT FORCE ── */
.header__logo,
.header__logo a,
.header__logo div,
#_desktop_logo,
#_desktop_logo a,
.logo-container,
.logo-wrapper,
header a.logo,
header .logo {
  background: transparent !important;
  background-color: transparent !important;
}
.header__logo img,
#_desktop_logo img,
.logo img,
header .logo img,
.logo.img-fluid {
  mix-blend-mode: multiply !important;
  background: transparent !important;
  max-height: 110px !important;
  width: auto !important;
  display: block;
}
/* Header fond sombre pour que mix-blend-mode fonctionne */


/* ── SUPPRIMER LES FONDS BLANCS PARASITES ── */
.ag-univers-bubble-info,
.ag-univers-bubble-enter,
.ag-univers-bubble-name,
.ag-univers-bubble-cta {
  background: transparent !important;
  background-color: transparent !important;
}
.ag-univers-section-title,
.ag-univers-section-title h2,
.ag-univers-section-title p {
  background: transparent !important;
}
.ag-products-title,
.featured-products h2,
section h2.section-title {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.ag-section-subtitle,
.ag-section-intro {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* ── CARTES PRODUITS : layout vertical avec photo ── */
.product-miniature,
article.product-miniature {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.product-miniature .thumbnail-container,
.product-miniature .product__thumbnail,
.product-miniature .card-img-top {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  overflow: hidden !important;
}
.product-miniature .thumbnail-container img,
.product-miniature .product__thumbnail img,
.product-miniature .card-img-top img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.product-miniature .card-body,
.product-miniature .product-description {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 10px !important;
  background: #fff !important;
}

/* ── GRILLE PRODUITS CATÉGORIE — 4 colonnes ── */
#js-product-list .products,
.products-selection .products,
ul#js-product-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
}
#js-product-list .products > li,
#js-product-list .products > article {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media(max-width: 991px) {
  #js-product-list .products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media(max-width: 575px) {
  #js-product-list .products {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* ── BANDEAU VERT : passer sous le logo ── */

#header,
.header__container {
  display: flex !important;
  flex-direction: column !important;
}

/* ══════════════════════════════════════════
   ARCADIAGORA V5 — Corrections visuelles
   ══════════════════════════════════════════ */

/* ── 1. BANDEAU VERT : masquer les liens parasites ── */


/* ── 2. SECTION GALACTIQUE : fond uniforme ── */
section.ag-univers-section,
div.ag-univers-section,
.ag-univers-section {
  background: #020817 !important;
  background-color: #020817 !important;
}
.ag-univers-grid-v3 {
  background: #020817 !important;
  gap: 16px !important;
  padding: 0 !important;
}
.ag-univers-bubble {
  background: #020817 !important;
  background-color: #020817 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
.ag-univers-bubble img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
.ag-univers-section *,
.ag-univers-section-title,
.ag-univers-section-title h2,
.ag-univers-section-title p,
.ag-ornement-gold {
  background: transparent !important;
  background-color: transparent !important;
}

/* ── 3. BLOCS BLANCS RESTANTS ── */
.header__logo,
.header__logo a,
#_desktop_logo,
.logo-container {
  background: transparent !important;
}
.ag-cat-hero,
.ag-cat-hero-content,
.ag-certif-bar,
.ag-subcats,
.ag-subcats-title,
.ag-cat-description {
  background: transparent !important;
}
nav.breadcrumb ol,
.breadcrumb {
  background: transparent !important;
  background-color: transparent !important;
}
.ag-subcats-grid,
.ag-subcat-card-body {
  background: transparent !important;
}
.ag-subcat-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(201,162,39,0.3) !important;
}
.ag-subcat-card-name {
  color: var(--ag-or-light) !important;
}
.ag-confiance,
.ag-confiance * {
  background: transparent !important;
}
.ag-confiance {
  background: #1E4D35 !important;
}
.footer__bottom,
.footer-bottom,
.footer__copyright {
  background: var(--ag-vert-dk) !important;
}
#content-wrapper .page-content,
.page-cms .page-content,
#main .page-content {
  background: transparent !important;
  box-shadow: none !important;
}
.product-container,
.product__header,
#product .product-information {
  background: transparent !important;
}
.product-miniature {
  background: transparent !important;
  border: 1px solid rgba(201,162,39,0.2) !important;
}
.product-miniature .card-body,
.product-miniature .product-description,
.product-miniature .highlighted-informations {
  background: rgba(248,244,236,0.95) !important;
}

/* ── 4. LOGO : mix-blend screen sur fond sombre ── */
.header__logo img,
#_desktop_logo img,
.logo img,
header .logo img {
  mix-blend-mode: normal !important;
  background: transparent !important;
}

/* ── 5. TEXTES BULLES ── */
.ag-univers-bubble-name {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
  background: transparent !important;
}
.ag-univers-bubble-cta {
  color: var(--ag-or) !important;
  background: transparent !important;
}

/* ── SECTION UNIVERS ag4 : fond creme -> galactique ── */
.ag4-univers-section {
  background: var(--ag-creme) !important;
}
.ag4-univers-section * {
  background: transparent !important;
  background-color: transparent !important;
}
.ag4-univers-section-title,
.ag4-univers-section-title h2,
.ag4-univers-section-title p {
  background: transparent !important;
}

/* FIN V7 */


/* ══════════════════════════════════════════════════════
   ARCADIAGORA V7 — Pages univers et catégories premium
   ══════════════════════════════════════════════════════ */

.ag-univers-hero {
  display: grid;
  grid-template-columns: 340px 1fr;
  min-height: 320px;
  border-bottom: 3px solid #C9A227;
  overflow: hidden;
}
.ag-univers-hero-logo {
  background: #F8F4EC;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-right: 2px solid rgba(201,162,39,0.3);
}
.ag-univers-logo-img {
  width: 100% !important;
  max-width: 300px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}
.ag-univers-hero-content {
  background: linear-gradient(135deg, #1E4D35 0%, #122E1F 100%);
  display: flex;
  align-items: center;
}
.ag-univers-hero-inner { padding: 36px 40px; }
.ag-univers-pretitle {
  font-family: 'Cinzel', Georgia, serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C9A227;
  margin-bottom: 10px;
}
.ag-univers-title {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.4) !important;
}
.ag-univers-tagline {
  font-size: 14px;
  color: rgba(212,196,160,.85);
  line-height: 1.75;
  max-width: 600px;
  margin-bottom: 20px;
}
.ag-univers-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ag4-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #C9A227;
  color: #1C1A0A;
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 6px 12px;
}
.ag4-badge-alt {
  background: #1E4D35;
  color: #F0C040;
  border: 1px solid rgba(201,162,39,.4);
}
.ag-subtabs-bar {
  background: #1C1A0A;
  border-bottom: 2px solid #8B6B2A;
  padding: 0 20px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  display: block;
}
.ag-subtabs-bar::-webkit-scrollbar { display: none; }
.ag-subtab-link {
  display: inline-block;
  color: #D4C4A0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  padding: 13px 18px !important;
  border-bottom: 2px solid transparent;
  text-decoration: none !important;
  transition: color .2s, border-color .2s !important;
  white-space: nowrap;
}
.ag-subtab-link:hover, .ag-subtab-link.ag-active {
  color: #F0C040 !important;
  border-bottom-color: #C9A227 !important;
}
.ag-subcats-section {
  background: #F8F4EC;
  padding: 36px 20px;
  border-bottom: 1px solid rgba(201,162,39,.2);
}
.ag-subcats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
  max-width: 1240px;
  margin: 0 auto;
}
.ag-subcat-card {
  display: block;
  text-decoration: none !important;
  border: 1px solid rgba(201,162,39,.25);
  background: #fff;
  overflow: hidden;
  transition: box-shadow .2s, border-color .2s, transform .2s;
}
.ag-subcat-card:hover {
  border-color: #C9A227;
  box-shadow: 0 4px 18px rgba(201,162,39,.2);
  transform: translateY(-2px);
}
.ag-subcat-card-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.ag-subcat-card-placeholder {
  width: 100%; aspect-ratio: 4/3;
  background: #1E4D35;
  display: flex; align-items: center; justify-content: center; font-size: 36px;
}
.ag-subcat-card-body { padding: 10px 12px; border-top: 2px solid #C9A227; }
.ag-subcat-card-name {
  font-family: 'Cinzel', Georgia, serif;
  font-size: 12px; font-weight: 600; color: #1C1A0A; display: block;
}
.ag-switch-univers {
  background: #020817 !important;
  border-top: 3px solid #C9A227 !important;
  padding: 50px 20px !important;
  position: relative; overflow: hidden;
}
.ag-switch-univers h3 {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 16px !important; color: #F0C040 !important;
  text-align: center !important; margin-bottom: 28px !important;
  text-transform: uppercase !important; letter-spacing: .15em !important;
}
.ag-switch-univers-grid {
  display: flex; gap: 10px; justify-content: center;
  flex-wrap: wrap; max-width: 1000px; margin: 0 auto;
}
.ag-switch-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px;
  border: 1px solid rgba(201,162,39,.35);
  color: #D4C4A0 !important;
  font-size: 12px !important; font-weight: 600 !important;
  text-decoration: none !important;
  border-radius: 30px;
  background: rgba(255,255,255,.05);
  transition: all .2s; white-space: nowrap;
}
.ag-switch-btn:hover {
  border-color: #C9A227;
  background: rgba(201,162,39,.15);
  color: #F0C040 !important;
  transform: translateY(-3px);
}
.ag-switch-btn img {
  width: 32px; height: 32px; object-fit: cover;
  border-radius: 50%; border: 1px solid rgba(201,162,39,.3);
}
.block-category, .block-category *, .category-description,
.category-description *, #category-description, .card,
.card-block, .page-product-box, .rte {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.block-category p, .category-description p, .rte p {
  color: #3d3d3a !important; line-height: 1.8 !important; font-size: 14px !important;
}
.block-category h2, .block-category h3, .category-description h2,
.category-description h3, .rte h2, .rte h3 {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #1E4D35 !important;
  border-bottom: 1px solid rgba(201,162,39,.3) !important;
  padding-bottom: 6px !important; margin: 20px 0 10px !important;
}
details {
  background: transparent !important; border: none !important;
  border-bottom: 1px solid rgba(201,162,39,.2) !important; padding: 8px 0 !important;
}
details summary {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #1E4D35 !important; font-weight: 600 !important;
  cursor: pointer !important; background: transparent !important;
  list-style: none !important; padding: 6px 0 !important;
}
details summary::-webkit-details-marker { display: none; }
details summary::before { content: '\25B8  '; color: #C9A227; }
details[open] summary::before { content: '\25BE  '; }
details p {
  color: #6B6560 !important; font-size: 13px !important;
  line-height: 1.7 !important; padding: 8px 0 0 16px !important;
}
@media(max-width:991px) {
  .ag-univers-hero { grid-template-columns: 1fr; }
  .ag-univers-hero-logo { border-right: none; border-bottom: 2px solid rgba(201,162,39,.3); max-height: 260px; }
  .ag-univers-logo-img { max-width: 220px !important; }
  .ag-univers-hero-inner { padding: 24px 20px; }
  .ag-univers-title { font-size: 24px !important; }
  .ag-subcats-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:575px) {
  .ag-univers-title { font-size: 20px !important; }
  .ag-subcats-grid { grid-template-columns: repeat(2,1fr); gap: 8px; }
  .ag-switch-btn { font-size: 11px !important; padding: 6px 12px; }
}
/* FIN V7 */


/* ══════════════════════════════════════════════
   ARCADIAGORA V8 — Logo grand + Textes + Ordre
   ══════════════════════════════════════════════ */

.ag-univers-hero {
  display: grid !important;
  grid-template-columns: 420px 1fr !important;
  min-height: 400px !important;
}
.ag-univers-hero-logo {
  padding: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F8F4EC !important;
}
.ag-univers-logo-img {
  width: 100% !important;
  max-width: 380px !important;
  height: auto !important;
  max-height: 340px !important;
  object-fit: contain !important;
}
.block-category__description,
.category-description,
#category-description,
.rte,
.ag-cat-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 30px 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.block-category__description *,
.category-description *,
#category-description *,
.rte * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.block-category__description p,
.category-description p,
#category-description p,
.rte p {
  color: #1E4D35 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  margin-bottom: 12px !important;
}
.block-category__description h2,
.block-category__description h3,
.category-description h2,
.category-description h3,
.rte h2, .rte h3 {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #C9A227 !important;
  font-size: 18px !important;
  border-bottom: 1px solid rgba(201,162,39,.3) !important;
  padding-bottom: 8px !important;
  margin: 24px 0 12px !important;
}
.block-category__description li,
.category-description li,
.rte li {
  color: #1E4D35 !important;
  line-height: 1.8 !important;
}
.block-category__description span,
.category-description span,
.rte span {
  background: transparent !important;
}
.block-category__description details,
.category-description details,
.rte details {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(30,77,53,.15) !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
.block-category__description summary,
.category-description summary,
.rte summary {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #1E4D35 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  background: transparent !important;
  list-style: none !important;
  padding: 6px 0 !important;
}
.block-category__description summary::before,
.category-description summary::before,
.rte summary::before {
  content: '\25B8 ';
  color: #C9A227;
}
.block-category__description details[open] summary::before,
.category-description details[open] summary::before {
  content: '\25BE ';
}
.block-category__description details p,
.category-description details p,
.rte details p {
  color: #3d3d3a !important;
  font-size: 13px !important;
  padding-left: 16px !important;
  padding-top: 6px !important;
}
#content-wrapper {
  display: flex !important;
  flex-direction: column !important;
}
#js-product-list-top { order: 1 !important; }
#js-product-list     { order: 2 !important; }
.pagination          { order: 3 !important; }
.ag-switch-univers   { order: 4 !important; }
.block-category,
.block-category__description,
.category-description,
#category-description,
.page-product-box,
.rte {
  order: 5 !important;
}
.ag-switch-btn {
  padding: 10px 18px !important;
  font-size: 13px !important;
  border-radius: 40px !important;
}
.ag-switch-btn img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(201,162,39,.4) !important;
}
.ag-switch-univers-grid { gap: 12px !important; }
@media(max-width:991px) {
  .ag-univers-hero { grid-template-columns: 1fr !important; }
  .ag-univers-hero-logo { max-height: 280px !important; padding: 20px !important; }
  .ag-univers-logo-img { max-width: 240px !important; max-height: 220px !important; }
}
/* FIN V8 */


/* FIN BANNER FIX */

/* ══ FIN BARRE NAV 2026-04-06 ══ */


/* ══ SUPPRESSION BANDEAU VERT v1775427445 ══ */





.ag-header-nav-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ag-nav-btn {
  font-family: 'Raleway', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  padding: 6px 16px;
  text-decoration: none !important;
  color: rgba(212,196,160,.85) !important;
  border: 1px solid rgba(201,162,39,.35);
  background: transparent;
  transition: all .2s;
  white-space: nowrap;
  display: inline-block;
}
.ag-nav-btn:hover {
  border-color: #C9A227;
  color: #F0C040 !important;
  background: rgba(201,162,39,.1);
}
.ag-nav-btn-or {
  background: #C9A227 !important;
  color: #1C1A0A !important;
  border-color: #C9A227 !important;
}
.ag-nav-btn-or:hover {
  background: #F0C040 !important;
  color: #1C1A0A !important;
}

/* ══ FIN SUPPRESSION BANDEAU v1775427445 ══ */


/* ══════════════════════════════════════════
   PAGES CMS ARCADIAGORA — styles complets
   ══════════════════════════════════════════ */
.ag-page { font-family: Raleway,sans-serif; color: #1C1A0A; background: #F8F4EC; margin: -20px; }
.ag-hero { background: linear-gradient(135deg,#020817 0%,#122E1F 50%,#1E4D35 100%); padding: 80px 40px 70px; text-align: center; position: relative; overflow: hidden; border-bottom: 4px solid #C9A227; }
.ag-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 55% 20%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 80%,rgba(201,162,39,.8) 0%,transparent 100%); pointer-events: none; }
.ag-hero-pre { font-family: Cinzel,serif; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #C9A227; margin-bottom: 16px; position: relative; display: block; }
.ag-hero h1 { font-family: Cinzel,serif; font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 10px; text-shadow: 0 2px 20px rgba(0,0,0,.5); position: relative; }
.ag-hero-sig { font-family: Cinzel,serif; font-size: 17px; color: #F0C040; font-style: italic; margin-bottom: 20px; position: relative; display: block; }
.ag-hero-text { font-size: 15px; color: rgba(255,255,255,.82); max-width: 680px; margin: 0 auto 36px; line-height: 1.85; position: relative; }
.ag-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; position: relative; }
.ag-btn-or { display: inline-block; background: #C9A227; color: #1C1A0A; font-family: Raleway,sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; padding: 14px 38px; text-decoration: none; border: 2px solid #C9A227; }
.ag-btn-contour { display: inline-block; background: transparent; color: #D4C4A0; font-family: Raleway,sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; padding: 12px 34px; text-decoration: none; border: 1.5px solid rgba(212,196,160,.6); }
.ag-section { padding: 60px 40px; max-width: 1100px; margin: 0 auto; }
.ag-section-dark { background: #1E4D35; padding: 60px 40px; border-top: 3px solid #C9A227; border-bottom: 3px solid #C9A227; }
.ag-section-dark-inner { max-width: 1100px; margin: 0 auto; }
.ag-ornement { font-family: Cinzel,serif; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #C9A227; margin-bottom: 10px; display: block; }
h2.ag-h2 { font-family: Cinzel,serif; font-size: 28px; font-weight: 600; color: #1C1A0A; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid rgba(201,162,39,.3); }
h2.ag-h2-white { font-family: Cinzel,serif; font-size: 26px; font-weight: 600; color: #fff; margin-bottom: 20px; }
.ag-text { font-size: 15px; color: #3d3d3a; line-height: 1.85; margin-bottom: 20px; }
.ag-text-light { font-size: 15px; color: rgba(212,196,160,.85); line-height: 1.85; margin-bottom: 20px; }
.ag-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 30px; }
.ag-point { background: #fff; border: 1px solid rgba(201,162,39,.25); border-top: 3px solid #C9A227; padding: 20px; }
.ag-point-icon { font-size: 28px; margin-bottom: 10px; display: block; }
.ag-point h3 { font-family: Cinzel,serif; font-size: 14px; color: #1C1A0A; margin-bottom: 8px; }
.ag-point p { font-size: 13px; color: #6B6560; line-height: 1.65; margin: 0; }
.ag-points-dark { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 28px; }
.ag-point-dark { background: rgba(255,255,255,.07); border: 1px solid rgba(201,162,39,.25); padding: 18px; text-align: center; }
.ag-point-dark span { font-size: 26px; display: block; margin-bottom: 8px; }
.ag-point-dark h3 { font-family: Cinzel,serif; font-size: 13px; color: #F0C040; margin-bottom: 6px; }
.ag-point-dark p { font-size: 12px; color: rgba(212,196,160,.75); line-height: 1.6; margin: 0; }
.ag-steps { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 28px; }
.ag-step { display: flex; gap: 14px; align-items: flex-start; padding: 16px; background: #fff; border: .5px solid rgba(201,162,39,.2); }
.ag-step-num { width: 36px; height: 36px; border-radius: 50%; background: #C9A227; color: #1C1A0A; font-family: Cinzel,serif; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ag-step h3 { font-family: Cinzel,serif; font-size: 13px; color: #1E4D35; margin-bottom: 5px; }
.ag-step p { font-size: 12px; color: #6B6560; line-height: 1.6; margin: 0; }
.ag-cta-final { background: linear-gradient(135deg,#1E4D35,#122E1F); padding: 70px 40px; text-align: center; border-top: 3px solid #C9A227; }
.ag-cta-final h2 { font-family: Cinzel,serif; font-size: 30px; color: #fff; margin-bottom: 12px; }
.ag-cta-final p { font-size: 15px; color: rgba(212,196,160,.85); max-width: 520px; margin: 0 auto 32px; line-height: 1.8; }
.ag-faq { padding: 60px 40px; background: #F8F4EC; }
.ag-faq-inner { max-width: 860px; margin: 0 auto; }
.ag-faq h2 { font-family: Cinzel,serif; font-size: 26px; color: #1C1A0A; margin-bottom: 30px; text-align: center; }
.ag-faq details { border-bottom: 1px solid rgba(30,77,53,.15); padding: 14px 0; }
.ag-faq summary { font-family: Cinzel,serif; font-size: 14px; color: #1E4D35; font-weight: 600; cursor: pointer; list-style: none; padding-left: 20px; position: relative; }
.ag-faq summary::before { content: '\25B8'; position: absolute; left: 0; color: #C9A227; }
.ag-faq details[open] summary::before { content: '\25BE'; }
.ag-faq details p { font-size: 13px; color: #6B6560; line-height: 1.75; padding: 10px 0 4px 20px; margin: 0; }
.ag-nav-pages { background: #1C1A0A; padding: 30px 40px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; border-top: 2px solid rgba(201,162,39,.3); }
.ag-nav-link { color: rgba(212,196,160,.7); font-size: 13px; text-decoration: none; font-family: Raleway,sans-serif; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ag-profils { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 24px; }
.ag-profil { background: #fff; border: .5px solid rgba(201,162,39,.25); border-top: 3px solid #C9A227; padding: 18px; text-align: center; }
.ag-profil-icon { font-size: 30px; margin-bottom: 10px; display: block; }
.ag-profil h3 { font-family: Cinzel,serif; font-size: 13px; color: #1E4D35; margin-bottom: 6px; }
.ag-profil p { font-size: 12px; color: #6B6560; line-height: 1.6; margin: 0; }
.ag-benefices { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 24px; }
.ag-benefice { display: flex; align-items: center; gap: 10px; padding: 12px; background: #fff; border: .5px solid rgba(201,162,39,.2); font-size: 13px; color: #1C1A0A; }
.ag-benefice span { color: #1E4D35; font-size: 18px; }
.ag-dac7 { background: linear-gradient(135deg,#020817,#0d1a0d); border: 1px solid rgba(201,162,39,.4); border-left: 4px solid #C9A227; padding: 28px; margin-top: 30px; }
.ag-dac7 h3 { font-family: Cinzel,serif; font-size: 16px; color: #F0C040; margin-bottom: 10px; }
.ag-dac7 p { font-size: 14px; color: rgba(212,196,160,.85); line-height: 1.8; margin: 0 0 16px; }
.ag-badges-block { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 28px; }
.ag-badge-card { background: #fff; border: 1px solid rgba(201,162,39,.2); padding: 24px; text-align: center; }
.ag-badge-svg { margin: 0 auto 14px; width: 52px; height: 52px; background: #C9A227; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.ag-badge-card h3 { font-family: Cinzel,serif; font-size: 14px; color: #1C1A0A; margin-bottom: 8px; }
.ag-badge-card p { font-size: 13px; color: #6B6560; line-height: 1.65; margin: 0; }
.ag-reassurance { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 24px; }
.ag-reassurance-item { display: flex; gap: 14px; padding: 16px; background: rgba(255,255,255,.06); border: .5px solid rgba(201,162,39,.2); }
.ag-reassurance-icon { font-size: 24px; flex-shrink: 0; }
.ag-reassurance-item h3 { font-family: Cinzel,serif; font-size: 13px; color: #F0C040; margin-bottom: 5px; }
.ag-reassurance-item p { font-size: 12px; color: rgba(212,196,160,.8); line-height: 1.6; margin: 0; }
.ag-chiffres { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 30px; }
.ag-chiffre { text-align: center; padding: 24px; background: #fff; border: .5px solid rgba(201,162,39,.2); border-top: 3px solid #C9A227; }
.ag-chiffre-num { font-family: Cinzel,serif; font-size: 36px; font-weight: 700; color: #C9A227; display: block; }
.ag-chiffre-label { font-size: 13px; color: #6B6560; margin-top: 6px; display: block; }
@media(max-width:768px) {
  .ag-hero h1 { font-size: 26px; }
  .ag-hero { padding: 50px 20px; }
  .ag-section { padding: 40px 20px; }
  .ag-points,.ag-points-dark,.ag-profils,.ag-badges-block,.ag-chiffres { grid-template-columns: 1fr; }
  .ag-steps,.ag-reassurance,.ag-benefices { grid-template-columns: 1fr 1fr; }
}
/* FIN PAGES CMS */


/* ══ MASQUAGE LOGO HUMMINGBIRD PAR DEFAUT 1775478061 ══ */
/* Cache le logo et le header-bottom natif Hummingbird */


/* Cache aussi le header_bottom entier pour eviter l'espace vide */
div.{$headerBottomName},

/* ══ FIN MASQUAGE LOGO ══ */

/* ══ FIX LOGO — VISIBLE PARTOUT ══ */
#_desktop_logo,
.header__logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#_desktop_logo img,
.header__logo img {
  max-height: 72px !important;
  width: auto !important;
  display: block !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 0 12px rgba(201,162,39,.5)) !important;
}
/* Homepage : logo caché car remplacé par le grand hero */
body#index #_desktop_logo,
body#index .header__logo {
  display: none !important;
}

/* ══ FIX FICHES PRODUITS MOBILE ══ */
@media(max-width: 768px) {
  .products,
  ul.products,
  #js-product-list .products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
  }
  .product-miniature,
  article.product-miniature {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .product-miniature .thumbnail-container,
  .product-miniature .card-img-top {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    display: block !important;
  }
  .product-miniature .thumbnail-container img,
  .product-miniature .card-img-top img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .product-miniature .card-body,
  .product-miniature .product-description {
    padding: 10px !important;
    background: #fff !important;
  }
  .product-miniature .product-title a {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  .product-miniature .price {
    font-size: 14px !important;
    color: #C9A227 !important;
  }
}



/* ══════════════════════════════════════════════
   PATCH GLOBAL NAVIGATION — Header + Liens
   ══════════════════════════════════════════════ */

/* Supprime DÉFINITIVEMENT le bandeau noir */
.ag-header-nav-bar {}

/* Header vert unifié sur toutes les pages */


/* Logo premium — visible sur toutes les pages sauf homepage */
#_desktop_logo img,
.header__logo img {
  max-height: 68px !important;
  width: auto !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 0 10px rgba(201,162,39,.45)) !important;
  display: block !important;
}
body#index #_desktop_logo,
body#index .header__logo {
  display: none !important;
}

/* Barre de recherche premium */
#search_widget input[type=text],
.search-widget input[type=text],
.search-widget form input {
  background: rgba(255,255,255,.1) !important;
  border: 1.5px solid rgba(201,162,39,.5) !important;
  color: #fff !important;
  padding: 8px 16px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 13px !important;
  min-width: 220px !important;
  border-radius: 2px !important;
  outline: none !important;
}
#search_widget input::placeholder,
.search-widget input::placeholder {
  color: rgba(212,196,160,.6) !important;
  font-style: italic !important;
}
.search-widget button[type=submit],
#search_widget button {
  background: #C9A227 !important;
  border: none !important;
  color: #1C1A0A !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
}

/* Navigation principale vert sombre */


/* ── Liens navigation 3 pages ── */
.ag-header-nav-links {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.ag-header-nav-links .ag-nav-btn {
  display: inline-block !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  padding: 7px 16px !important;
  text-decoration: none !important;
  color: rgba(212,196,160,.88) !important;
  border: 1px solid rgba(201,162,39,.38) !important;
  background: rgba(255,255,255,.04) !important;
  transition: all .2s !important;
  white-space: nowrap !important;
}
.ag-header-nav-links .ag-nav-btn:hover {
  border-color: #C9A227 !important;
  color: #F0C040 !important;
  background: rgba(201,162,39,.1) !important;
  transform: translateY(-1px) !important;
}
.ag-header-nav-links .ag-nav-btn-or {
  background: #C9A227 !important;
  color: #1C1A0A !important;
  border-color: #C9A227 !important;
  font-weight: 800 !important;
}
.ag-header-nav-links .ag-nav-btn-or:hover {
  background: #F0C040 !important;
  color: #1C1A0A !important;
}

/* ── Label ArcadiAgora à gauche ── */


/* ── Scroll smooth pour les ancres ── */
html { scroll-behavior: smooth; }

/* FIN PATCH GLOBAL */


/* ══════════════════════════════════════════════════════════
   HEADER NAV — Bandeau 3 liens ArcadiAgora (refonte or)
   ══════════════════════════════════════════════════════════ */

/* Conteneur principal — fond transparent sur le vert du header */
.ag-header-nav-bar {
  display: block !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(201,162,39,.25) !important;
  padding: 6px 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Inner : logo à gauche + liens à droite */
.ag-header-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  gap: 16px !important;
}

/* Label "ArcadiAgora" */
.ag-header-nav-logo {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #C9A227 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: .85 !important;
}

/* Liste des 3 liens */
.ag-header-nav-links {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

/* Lien standard — texte or fin */
.ag-header-nav-links .ag-nav-btn {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #D4C4A0 !important;
  text-decoration: none !important;
  padding: 5px 14px !important;
  border: 1px solid rgba(201,162,39,.3) !important;
  background: rgba(255,255,255,.04) !important;
  transition: all .2s ease !important;
  white-space: nowrap !important;
}
.ag-header-nav-links .ag-nav-btn:hover {
  color: #F0C040 !important;
  border-color: #C9A227 !important;
  background: rgba(201,162,39,.12) !important;
}

/* Lien premium "Devenir Vendeur" — fond or */
.ag-header-nav-links .ag-nav-btn-or {
  background: #C9A227 !important;
  color: #1C1A0A !important;
  border-color: #C9A227 !important;
  font-weight: 800 !important;
}
.ag-header-nav-links .ag-nav-btn-or:hover {
  background: #F0C040 !important;
  border-color: #F0C040 !important;
  color: #1C1A0A !important;
}

/* FIN HEADER NAV */


/* ████████████████████████████████████████████████████████████
   HEADER GLOBAL ARCADIAGORA — Refonte complète toutes pages
   ████████████████████████████████████████████████████████████ */

/* ── Conteneur #header : vert uni, fixe, compact ── */
#header,
header#header,
#header.header,
header#header.header {
  background: linear-gradient(180deg, #0d2218 0%, #1a3d28 100%) !important;
  border-bottom: 2px solid #C9A227 !important;
  box-shadow: 0 3px 20px rgba(0,0,0,.4) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  padding: 0 !important;
}

/* ── Bande supérieure : ArcadiAgora + 3 liens ── */
.ag-header-nav-bar {
  display: block !important;
  background: rgba(0,0,0,.20) !important;
  border-bottom: 1px solid rgba(201,162,39,.2) !important;
  padding: 5px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ag-header-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
}
.ag-header-nav-logo {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #C9A227 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  opacity: .9 !important;
}
.ag-header-nav-links {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.ag-header-nav-links .ag-nav-btn {
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: rgba(212,196,160,.85) !important;
  text-decoration: none !important;
  padding: 4px 12px !important;
  border: 1px solid rgba(201,162,39,.28) !important;
  background: transparent !important;
  transition: all .18s ease !important;
  white-space: nowrap !important;
}
.ag-header-nav-links .ag-nav-btn:hover {
  color: #F0C040 !important;
  border-color: #C9A227 !important;
  background: rgba(201,162,39,.1) !important;
}
.ag-header-nav-links .ag-nav-btn-or {
  background: #C9A227 !important;
  color: #1C1A0A !important;
  border-color: #C9A227 !important;
  font-weight: 800 !important;
}
.ag-header-nav-links .ag-nav-btn-or:hover {
  background: #F0C040 !important;
  border-color: #F0C040 !important;
}

/* ── Supprime header-top (compte/langue) — bruit visuel ── */
.header-top,
nav.header-top,
#header .header-top,
.header-top-desktop {
  display: none !important;
}

/* ── Header-bottom : menu + logo + search compact ── */
.header-bottom,
div.header-bottom,
#header .header-bottom {
  padding: 0 28px !important;
  min-height: unset !important;
  height: auto !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
}
.header-bottom__container,
.header-bottom .container-md {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.header-bottom__row,
.header-bottom .row {
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

/* ── Logo : masqué sur homepage, visible ailleurs, compact ── */
.logo,
#_desktop_logo {
  max-width: 110px !important;
  padding: 6px 0 !important;
  flex-shrink: 0 !important;
}
#_desktop_logo img,
.header__logo img {
  max-height: 44px !important;
  width: auto !important;
  filter: drop-shadow(0 0 8px rgba(201,162,39,.35)) !important;
  mix-blend-mode: normal !important;
}
body#index #_desktop_logo,
body#index .logo {
  display: none !important;
}

/* ── Menu principal : les 8 boutiques univers ── */
#_desktop_top_menu,
.header__nav,
#header .js-top-menu-container,
div[id="_desktop_top_menu"] {
  flex: 1 1 auto !important;
  overflow: hidden !important;
}
/* Liens du menu : or, Raleway, compact */
#top-menu > li > a,
#top-menu > li > .dropdown-item,
.top-menu > li > a,
#header .top-menu a,
#header ul.top-menu > li > a {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #C9A227 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  padding: 10px 10px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color .18s ease !important;
  border-bottom: 2px solid transparent !important;
  display: block !important;
}
#top-menu > li > a:hover,
.top-menu > li > a:hover,
#header ul.top-menu > li > a:hover {
  color: #F0C040 !important;
  border-bottom-color: #C9A227 !important;
}
/* Sous-menus masqués si présents */
#top-menu .sub-menu,
.top-menu .sub-menu {
  background: #0d2218 !important;
  border-top: 2px solid #C9A227 !important;
}
#top-menu .sub-menu a {
  color: #D4C4A0 !important;
  font-size: 11px !important;
}

/* ── Barre de recherche — à droite, bien visible ── */
#search_widget,
.search-widget,
#_desktop_search_widget {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}
#search_widget input[type=text],
.search-widget input[type=text],
.search-widget form input {
  background: rgba(255,255,255,.08) !important;
  border: 1.5px solid rgba(201,162,39,.5) !important;
  color: #fff !important;
  padding: 7px 14px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  width: 200px !important;
  border-radius: 2px !important;
  outline: none !important;
  transition: border-color .2s !important;
}
#search_widget input:focus,
.search-widget input:focus {
  border-color: #C9A227 !important;
  background: rgba(255,255,255,.12) !important;
}
#search_widget input::placeholder,
.search-widget input::placeholder {
  color: rgba(212,196,160,.5) !important;
  font-style: italic !important;
}
.search-widget button[type=submit],
#search_widget button {
  background: #C9A227 !important;
  border: none !important;
  color: #1C1A0A !important;
  padding: 7px 12px !important;
  cursor: pointer !important;
}
.search-widget button:hover {
  background: #F0C040 !important;
}

/* ── Panier & compte : or discret ── */
.header-block__action-btn,
.header-block__icon {
  color: rgba(201,162,39,.75) !important;
}
.header-block__action-btn:hover .header-block__icon {
  color: #C9A227 !important;
}
.header-block__badge {
  background: #C9A227 !important;
  color: #1C1A0A !important;
}

/* ── Compense le header fixe pour le contenu ── */
body {
  padding-top: 82px !important;
}
body#index {
  padding-top: 58px !important;
}

/* FIN HEADER GLOBAL */


/* ████████████████████████████████████████████
   CORRECTIONS MULTI-POINTS — 2026-04-07
   ████████████████████████████████████████████ */

/* ── 1. LOGO visible sur fond sombre ── */
#_desktop_logo img,
.logo img,
header .logo img,
.header__logo img {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  max-height: 46px !important;
  width: auto !important;
  display: block !important;
  filter: brightness(1.15) drop-shadow(0 0 6px rgba(201,162,39,.3)) !important;
}
#_desktop_logo,
.logo,
header .logo {
  display: flex !important;
  align-items: center !important;
  z-index: 2 !important;
}
/* Logo masqué sur homepage seulement */
body#index #_desktop_logo,
body#index .logo {
  display: none !important;
}

/* ── 2. DROPDOWN SUBMENU — vert avec liens or ── */
#header .popover,
#header .sub-menu,
.js-sub-menu,
ul.top-menu ul,
#header ul.top-menu li ul,
#top-menu li .sub-menu,
#top-menu li > ul {
  background: #0d2218 !important;
  border: 1px solid rgba(201,162,39,.35) !important;
  border-top: 2px solid #C9A227 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
}
#header ul.top-menu li ul a,
#top-menu li .sub-menu a,
#top-menu li > ul a,
.js-sub-menu a {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #D4C4A0 !important;
  text-transform: none !important;
  letter-spacing: .04em !important;
  padding: 7px 18px !important;
  display: block !important;
  text-decoration: none !important;
  transition: color .15s, background .15s !important;
}
#header ul.top-menu li ul a:hover,
#top-menu li .sub-menu a:hover,
.js-sub-menu a:hover {
  color: #F0C040 !important;
  background: rgba(201,162,39,.1) !important;
}

/* ── 3. MOBILE — bande fine 3 liens responsive ── */
@media (max-width: 767px) {
  .ag-header-nav-bar {
    padding: 4px 10px !important;
  }
  .ag-header-nav-inner {
    gap: 6px !important;
    justify-content: space-between !important;
  }
  .ag-header-nav-logo {
    font-size: 8px !important;
    letter-spacing: .1em !important;
    flex-shrink: 0 !important;
    max-width: 70px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  .ag-header-nav-links {
    gap: 3px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: calc(100% - 80px) !important;
  }
  .ag-header-nav-links::-webkit-scrollbar { display: none !important; }
  .ag-header-nav-links .ag-nav-btn {
    font-size: 8.5px !important;
    padding: 3px 8px !important;
    white-space: nowrap !important;
    letter-spacing: .06em !important;
    flex-shrink: 0 !important;
  }
  /* Header-bottom compact sur mobile */
  .header-bottom,
  div.header-bottom {
    padding: 4px 10px !important;
  }
  /* Body offset mobile */
  body {
    padding-top: 72px !important;
  }
}

/* ── 4. IMAGE CATÉGORIE MOBILE — taille correcte ── */
@media (max-width: 767px) {
  .ag-univ-hero {
    padding: 30px 16px 24px !important;
    min-height: 220px !important;
  }
  .ag-univ-hero-logo img {
    max-height: 80px !important;
    width: auto !important;
  }
  .ag-univ-hero-logo {
    max-width: 100px !important;
    margin-right: 14px !important;
  }
  .ag-univ-hero-inner {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .ag-univ-hero h1 {
    font-size: 20px !important;
  }
  .ag-univ-hero-txt {
    font-size: 13px !important;
  }
  .ag-univ-hero-btns {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
}

/* ── 5. FOOTER STRIP ag5 — restaure l'esthétique ── */
.ag5-cta-final {
  background: linear-gradient(135deg, #020817 0%, #0d2218 60%, #1E4D35 100%) !important;
  border-top: 2px solid #C9A227 !important;
  color: #F8F4EC !important;
  text-align: center !important;
  padding: 48px 24px !important;
}
.ag5-cta-final .ag5-section-pre {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #C9A227 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  display: block !important;
  margin-bottom: 12px !important;
}
.ag5-cta-final h2 {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #F8F4EC !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  margin-bottom: 14px !important;
}
.ag5-cta-final p {
  color: #D4C4A0 !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  max-width: 600px !important;
  margin: 0 auto 24px !important;
  line-height: 1.6 !important;
}
.ag5-garanties-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 20px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 24px 40px !important;
}
.ag5-garantie-card {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(201,162,39,.25) !important;
  padding: 20px 16px !important;
  text-align: center !important;
  color: #D4C4A0 !important;
}
.ag5-garantie-card .ag5-garantie-icon {
  font-size: 28px !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.ag5-garantie-card h3 {
  font-family: 'Raleway', sans-serif !important;
  color: #C9A227 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 8px !important;
}
.ag5-garantie-card p {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  color: rgba(212,196,160,.8) !important;
  line-height: 1.5 !important;
}

/* FIN CORRECTIONS */


/* ████████████████████████████████████████████
   FIX FOOTER + MOBILE STRIP — 2026-04-07
   ████████████████████████████████████████████ */

/* ── FOOTER : section garanties fond vert sombre ── */
.ag5-garanties-section {
  background: linear-gradient(180deg, #0d1f14 0%, #122E1F 100%) !important;
  border-top: 2px solid rgba(201,162,39,.3) !important;
}
.ag5-garanties-section .ag5-section-pre {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #C9A227 !important;
  letter-spacing: .18em !important;
  display: block !important;
  text-align: center !important;
  margin-bottom: 6px !important;
}
.ag5-garanties-section h2 {
  font-family: 'Cinzel', Georgia, serif !important;
  color: #F8F4EC !important;
  text-align: center !important;
}
.ag5-garantie-card {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(201,162,39,.22) !important;
  transition: transform .25s, box-shadow .25s !important;
}
.ag5-garantie-card:hover {
  transform: translateY(-3px) !important;
  background: rgba(201,162,39,.07) !important;
  border-color: rgba(201,162,39,.45) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.3) !important;
}
.ag5-garantie-card h3 {
  color: #C9A227 !important;
  font-family: 'Cinzel', Georgia, serif !important;
}
.ag5-garantie-card p {
  color: rgba(212,196,160,.8) !important;
  font-family: 'Raleway', sans-serif !important;
}
.ag5-garantie-icon {
  color: #C9A227 !important;
}

/* ── MOBILE : strip 3 liens sur 1 ligne centrée ── */
@media (max-width: 575px) {
  .ag-header-nav-bar {
    padding: 4px 8px !important;
  }
  .ag-header-nav-inner {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  /* Cache le label "ArcadiAgora" sur très petit écran */
  .ag-header-nav-logo {
    display: none !important;
  }
  /* 3 liens occupent toute la largeur centrés */
  .ag-header-nav-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    overflow: visible !important;
    max-width: 100% !important;
  }
  .ag-header-nav-links .ag-nav-btn {
    font-size: 8px !important;
    padding: 4px 6px !important;
    letter-spacing: .06em !important;
    white-space: nowrap !important;
    flex: 1 1 0 !important;
    text-align: center !important;
    min-width: 0 !important;
    border-width: 1px !important;
  }
}

/* FIN FIX */


/* ── MOBILE STRIP : texte wrappé — boutons lisibles ── */
@media (max-width: 575px) {
  .ag-header-nav-links .ag-nav-btn {
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
    line-height: 1.25 !important;
    padding: 4px 5px !important;
    font-size: 7.5px !important;
    flex: 1 1 0 !important;
  }
}


/* ████████████████████████████████████████████
   AJUSTEMENTS FINAUX — 2026-04-07
   ████████████████████████████████████████████ */

/* ── Bulles homepage : plus grandes ── */
.ag5-univers-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 36px !important;
  max-width: 1200px !important;
}
.ag5-bubble {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  min-width: unset !important;
}
.ag5-bubble img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 900px) {
  .ag5-univers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}
@media (max-width: 480px) {
  .ag5-univers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

/* ── Bulles autres univers (switch catégorie) : plus grandes ── */
.ag-univ-switch-grid {
  gap: 20px !important;
}
.ag-univ-switch-btn {
  min-width: 110px !important;
  max-width: 140px !important;
}
.ag-univ-switch-btn img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* ── Footer strip : vert + or ── */
.ag-footer-bottom {
  background: linear-gradient(135deg, #020817 0%, #0d2218 60%, #1a3d28 100%) !important;
  border-top: 2px solid #C9A227 !important;
  color: #D4C4A0 !important;
  text-align: center !important;
  padding: 18px 24px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
}
.ag-footer-punchline {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #C9A227 !important;
  font-style: italic !important;
  letter-spacing: .1em !important;
}
.ag-footer-bottom a {
  color: #C9A227 !important;
  text-decoration: none !important;
}

/* FIN AJUSTEMENTS */


/* ── Switch bulles : nom proprement sous la bulle ── */
.ag-univ-switch-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.ag-univ-switch-btn img {
  display: block !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}
.ag-univ-switch-btn span,
.ag-univ-switch-btn > *:not(img) {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #D4C4A0 !important;
  text-align: center !important;
  white-space: normal !important;
  max-width: 110px !important;
  line-height: 1.3 !important;
  word-break: break-word !important;
}
.ag-univ-switch-btn:hover span,
.ag-univ-switch-btn:hover > *:not(img) {
  color: #F0C040 !important;
}


/* ████████████████████████████████████████████
   HERO POLISH + TRANSITION ÉDITORIALE
   ████████████████████████████████████████████ */

/* ── Nom de la boutique : plus fort, plus présent ── */
.ag-univ-hero h1 {
  font-size: clamp(28px, 3.5vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: .02em !important;
  text-shadow:
    0 2px 20px rgba(0,0,0,.65),
    0 0 60px rgba(201,162,39,.12) !important;
  margin-bottom: 4px !important;
  line-height: 1.15 !important;
}

/* ── Slogan / signature : détaché du titre par un séparateur subtil ── */
.ag-univ-hero-sig {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 15.5px !important;
  font-style: italic !important;
  color: #F0C040 !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(201,162,39,.35) !important;
  letter-spacing: .03em !important;
}

/* ── Pre-title : plus raffiné ── */
.ag-univ-hero-pre {
  font-size: 10px !important;
  letter-spacing: .28em !important;
  color: rgba(201,162,39,.8) !important;
  margin-bottom: 16px !important;
}

/* ── Corps du texte : plus aéré ── */
.ag-univ-hero-txt {
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: rgba(255,255,255,.82) !important;
  margin-bottom: 28px !important;
}

/* ── CTA : légèrement plus généreux ── */
.ag-univ-btn-or {
  padding: 12px 32px !important;
  font-size: 11.5px !important;
  letter-spacing: .14em !important;
}
.ag-univ-btn-co {
  padding: 10px 26px !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
}

/* ── Badges : léger réglage espacement ── */
.ag-univ-badges {
  margin-top: 20px !important;
  gap: 10px !important;
}
.ag-univ-badge {
  padding: 5px 14px !important;
  font-size: 10px !important;
}

/* ── Transition éditoriale avant produits ── */
.ag-univ-transition {
  background: linear-gradient(180deg, #0a1a10 0%, #020817 100%) !important;
  border-top: 1px solid rgba(201,162,39,.18) !important;
  border-bottom: 2px solid rgba(201,162,39,.4) !important;
  padding: 16px 28px !important;
}
.ag-univ-transition-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
.ag-univ-transition-line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    transparent,
    rgba(201,162,39,.4),
    transparent) !important;
}
.ag-univ-transition-label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12.5px !important;
  font-style: italic !important;
  color: rgba(212,196,160,.85) !important;
  white-space: nowrap !important;
  letter-spacing: .04em !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
.ag-univ-transition-label strong {
  color: #C9A227 !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.ag-univ-transition-sep {
  color: rgba(201,162,39,.6) !important;
  font-style: normal !important;
  margin: 0 7px !important;
  font-size: 10px !important;
}

/* FIN POLISH */


/* ████████████████████████████████████████████
   HERO POLISH + TRANSITION ÉDITORIALE
   ████████████████████████████████████████████ */

/* ── Nom de la boutique : plus fort, plus présent ── */
.ag-univ-hero h1 {
  font-size: clamp(28px, 3.5vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: .02em !important;
  text-shadow:
    0 2px 20px rgba(0,0,0,.65),
    0 0 60px rgba(201,162,39,.12) !important;
  margin-bottom: 4px !important;
  line-height: 1.15 !important;
}

/* ── Slogan / signature : détaché du titre par un séparateur subtil ── */
.ag-univ-hero-sig {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 15.5px !important;
  font-style: italic !important;
  color: #F0C040 !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(201,162,39,.35) !important;
  letter-spacing: .03em !important;
}

/* ── Pre-title : plus raffiné ── */
.ag-univ-hero-pre {
  font-size: 10px !important;
  letter-spacing: .28em !important;
  color: rgba(201,162,39,.8) !important;
  margin-bottom: 16px !important;
}

/* ── Corps du texte : plus aéré ── */
.ag-univ-hero-txt {
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: rgba(255,255,255,.82) !important;
  margin-bottom: 28px !important;
}

/* ── CTA : légèrement plus généreux ── */
.ag-univ-btn-or {
  padding: 12px 32px !important;
  font-size: 11.5px !important;
  letter-spacing: .14em !important;
}
.ag-univ-btn-co {
  padding: 10px 26px !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
}

/* ── Badges : léger réglage espacement ── */
.ag-univ-badges {
  margin-top: 20px !important;
  gap: 10px !important;
}
.ag-univ-badge {
  padding: 5px 14px !important;
  font-size: 10px !important;
}

/* ── Transition éditoriale avant produits ── */
.ag-univ-transition {
  background: linear-gradient(180deg, #0a1a10 0%, #020817 100%) !important;
  border-top: 1px solid rgba(201,162,39,.18) !important;
  border-bottom: 2px solid rgba(201,162,39,.4) !important;
  padding: 16px 28px !important;
}
.ag-univ-transition-inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}
.ag-univ-transition-line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    transparent,
    rgba(201,162,39,.4),
    transparent) !important;
}
.ag-univ-transition-label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 12.5px !important;
  font-style: italic !important;
  color: rgba(212,196,160,.85) !important;
  white-space: nowrap !important;
  letter-spacing: .04em !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
.ag-univ-transition-label strong {
  color: #C9A227 !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.ag-univ-transition-sep {
  color: rgba(201,162,39,.6) !important;
  font-style: normal !important;
  margin: 0 7px !important;
  font-size: 10px !important;
}

/* FIN POLISH */