/** Shopify CDN: Minification failed

Line 1201:0 All "@import" rules must come first
Line 1616:0 All "@import" rules must come first

**/
/* ===========================
   CUSTOM FIXES ZAVYRO - CLEAN
   Version finale consolidée
   =========================== */

/* ===========================
   0. HEADER : logo
   Le logo SVG est dans la barre verte (.dt-sc-header-top-bar)
   On masque uniquement le doublon dans la barre blanche
   =========================== */

/* Masquer texte/titre doublon */
[data-section-type="header-section"] .site-title,
[data-section-type="header-section"] .header__heading {
  display: none !important;
}

/* Masquer le logo dans la barre blanche (barre nav catégories) uniquement en DESKTOP
   En mobile, le logo reste visible dans la barre blanche (burger | logo | icônes) */
@media (min-width: 992px) {
  /* Cache le logo à côté des catégories dans la barre blanche */
  .header-bottom .logo,
  .header-bottom .logo img,
  .header-bottom a.logo,
  .header-bottom [class*="logo"],
  .header-bottom [class*="logo"] img,
  #AccessibleNav .logo,
  #AccessibleNav .logo img,
  #AccessibleNav a.logo,
  .dt-sc-header-logo-sec .logo,
  .dt-sc-header-logo-sec .logo img,
  .dt-sc-header-logo-sec a.logo {
    display: none !important;
    visibility: hidden !important;
  }

  /* Logo dans la barre verte : taille correcte, bien centré */
  .dt-sc-header-top-bar {
    min-height: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
  }

  .dt-sc-header-top-bar .logo,
  .dt-sc-header-top-bar .logo img,
  .dt-sc-header-top-bar a.logo img,
  .dt-sc-header-top-bar .topbar-center-logo img {
    display: block !important;
    visibility: visible !important;
    max-height: 40px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* Logo dans la barre verte : s'affiche normalement */
.dt-sc-header-top-bar .logo,
.dt-sc-header-top-bar .logo img,
.dt-sc-header-top-bar a.logo img {
  display: block !important;
  visibility: visible !important;
  max-height: 55px !important;
  width: auto !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  .dt-sc-header-top-bar .logo img {
    max-height: 38px !important;
  }
}

/* ===========================
   1. DESKTOP (>= 992px)
   =========================== */
@media (min-width: 992px) {

  /* 1.1 Barre verte : centrer le logo */
  #shopify-section-header .dt-sc-header-top-bar .container-fluid {
    position: relative;
  }

  #shopify-section-header .dt-sc-header-top-bar .topbar-center-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  /* 1.2 Barre blanche : s'assurer qu'elle est visible */
  .dt-sc-header-logo-sec,
  .header-bottom {
    display: block !important;
    visibility: visible !important;
  }

  /* 1.3 MENU : une seule ligne, centré */
  #shopify-section-header .header-bottom .container {
    padding-right: 0 !important;
  }

  #AccessibleNav.dt-sc-flex-space-between {
    justify-content: center !important;
    display: flex !important;
    visibility: visible !important;
  }

  /* Menu principal visible et centré */
  #AccessibleNav .dt-nav,
  #AccessibleNav ul.dt-nav,
  #AccessibleNav ul.dt-desktop-menu {
    display: flex !important;
    visibility: visible !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    list-style: none !important;
  }

  #AccessibleNav .dt-nav > li {
    flex: 0 0 auto !important;
    display: list-item !important;
    visibility: visible !important;
    margin: 0 6px !important;
    white-space: nowrap !important;
  }

  #AccessibleNav .dt-nav > li > a {
    display: inline-block !important;
    visibility: visible !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    color: #111 !important;
  }

  /* 1.4 Remplacer "Chats" par "Félins" dans le menu desktop */
  #AccessibleNav .dt-nav > li > a[href*="/collections/chats"],
  #AccessibleNav .dt-nav > li > a[href*="/collections/chat"],
  #AccessibleNav .dt-nav > li > a[href*="/collections/felins"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 0 !important;
    position: relative !important;
    white-space: nowrap !important;
  }

  #AccessibleNav .dt-nav > li > a[href*="/collections/chats"]::before,
  #AccessibleNav .dt-nav > li > a[href*="/collections/chat"]::before,
  #AccessibleNav .dt-nav > li > a[href*="/collections/felins"]::before {
    content: "Félins" !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  #AccessibleNav .dt-nav > li > a[href*="/collections/chats"] > span,
  #AccessibleNav .dt-nav > li > a[href*="/collections/chat"] > span,
  #AccessibleNav .dt-nav > li > a[href*="/collections/felins"] > span {
    font-size: inherit !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin: 0 !important;
  }

  /* 1.5 Sous-menus dropdown : texte noir visible */
  #AccessibleNav .dt-nav > li .sub-menu-block,
  #AccessibleNav .dt-nav > li .sub-menu-block *,
  #AccessibleNav .sub-menu-block,
  #AccessibleNav .sub-menu-block a,
  #AccessibleNav .sub-menu-block li,
  #AccessibleNav .sub-menu-block li a,
  #AccessibleNav .dt-nav li ul,
  #AccessibleNav .dt-nav li ul li,
  #AccessibleNav .dt-nav li ul li a,
  .sticky-header-active .dt-nav li .sub-menu-block a,
  .sticky-header-active .dt-nav li ul li a {
    color: #111111 !important;
    background-color: #ffffff !important;
  }

  #AccessibleNav .dt-nav > li .sub-menu-block a:hover,
  #AccessibleNav .dt-nav li ul li a:hover {
    color: #306426 !important;
    background-color: #f5f5f5 !important;
  }

  /* Fond du dropdown */
  #AccessibleNav .dt-nav > li .sub-menu-block,
  #AccessibleNav .dt-nav li ul {
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
  }

}

/* ===========================
   2. GLOBAL : sidebar filtres (Zavyro Premium active)
   =========================== */

/* ===========================
   3. GLOBAL : masquer wishlist
   =========================== */
.wishlist,
.add-to-wishlist,
.btn-wishlist,
.wishlist-btn,
.wishlist-button,
a[href*="wishlist"],
a[href*="Wishlist"],
button[name*="wishlist"],
button[id*="wishlist"],
[class*="wishlist"],
[id*="wishlist"],
button[data-wishlist],
.dt-sc-wishlist,
form[action*="wishlist"],
a[title*="ishlist"] {
  display: none !important;
}

/* ===========================
   4. GLOBAL : masquer téléphone footer
   =========================== */
.site-footer .contact-info li.contact-phone,
footer .contact-info li.contact-phone {
  display: none !important;
}

/* ===========================
   5. COLLECTION : H1 SEO caché
   =========================== */
#shopify-section-collection-template .collection-hero,
#shopify-section-collection-template .collection-hero--no-image {
  margin: 0 auto 12px;
  padding: 0;
  background: transparent;
  border: 0;
}

#shopify-section-collection-template .hero-header {
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 12px 0;
  text-align: left;
  background: transparent;
  border: 0;
}

#shopify-section-collection-template .hero-title {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.page-title, .page-header h1, .page-header .title {
  font-size: 18px;
  letter-spacing: .5px;
}

/* ===========================
   6. COLLECTION : bloc SEO / FAQ
   =========================== */
.collection-description--bottom {
  max-width: 1100px;
  margin: 26px auto 10px;
  padding: 0;
  background: transparent;
  border: 0;
}

.collection-description--bottom h2 {
  margin: 18px 0 10px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.collection-description--bottom h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.collection-description--bottom p {
  margin: 0 0 10px;
  line-height: 1.6;
  color: rgba(0,0,0,.78);
}

.collection-description--bottom .faq-accordion {
  margin-top: 8px;
  border-top: 1px solid rgba(0,0,0,.12);
}

.collection-description--bottom details.faq-item {
  border-bottom: 1px solid rgba(0,0,0,.12);
  background: #fff;
}

.collection-description--bottom details.faq-item > summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 52px 16px 0;
  position: relative;
  font-size: 16px;
  font-weight: 700;
}

.collection-description--bottom details.faq-item > summary::-webkit-details-marker { display: none; }

.collection-description--bottom details.faq-item > summary:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(0,0,0,.55);
  border-bottom: 2px solid rgba(0,0,0,.55);
  transform: translateY(-60%) rotate(45deg);
}

.collection-description--bottom details.faq-item[open] > summary:after {
  transform: translateY(-20%) rotate(-135deg);
}

.collection-description--bottom .faq-answer { padding: 0 0 14px 0; }
.collection-description--bottom .faq-answer > * { margin-top: 8px; }
.collection-description--bottom .faq-answer p { margin: 0 0 10px; }

/* ===========================
   7. PRODUIT : listes dans onglet description
   =========================== */
#tab-description ul,
#tab-description ol,
#tab-description li {
  display: revert !important;
  visibility: visible !important;
}

#tab-description ul,
#tab-description ol {
  list-style: revert !important;
  margin: 12px 0 14px 22px !important;
  padding-left: 18px !important;
}

#tab-description ol { list-style: decimal !important; }

#tab-description li {
  list-style-position: outside !important;
  margin: 6px 0 !important;
}

/* =====================================================
   8. MENU MOBILE ZV — PANNEAU SLIDE-IN STYLE ZOOPLUS
   ===================================================== */
@media (max-width: 767px) {

  .mobile-menu,
  .mobile-nav-container .mobile-menu,
  #MobileNav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .mobile-nav-container,
  .mobile-nav-container .menu-trigger,
  .mobile-nav-container button,
  [data-trigger="mobile-menu"],
  .hamburger-btn {
    position: relative !important;
    z-index: 100000 !important;
    pointer-events: auto !important;
    display: block !important;
    visibility: visible !important;
  }

  #zv-menu-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    width: min(88vw, 360px) !important;
    background: #fff !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    transform: translateX(-110%) !important;
    transition: transform 260ms cubic-bezier(.4,0,.2,1) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,.18) !important;
    will-change: transform !important;
  }

  #zv-menu-panel.zv-open {
    transform: translateX(0) !important;
  }

  #zv-menu-panel .zv-panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 16px 16px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    position: sticky !important;
    top: 0 !important;
    background: #fff !important;
    z-index: 2 !important;
  }

  #zv-menu-panel .zv-panel-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #111 !important;
  }

  #zv-menu-panel .zv-close-btn {
    width: 36px !important;
    height: 36px !important;
    border: 1.5px solid #ccc !important;
    border-radius: 8px !important;
    background: transparent !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #333 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  #zv-menu-panel .zv-nav-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #zv-menu-panel .zv-nav-list li {
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
  }

  #zv-menu-panel .zv-nav-list li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 16px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  #zv-menu-panel .zv-nav-list li a:active {
    background: #f5f5f5 !important;
  }

  #zv-menu-panel .zv-nav-list li a::after {
    content: "›" !important;
    font-size: 22px !important;
    color: #999 !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  #zv-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    z-index: 999998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 260ms ease, visibility 260ms ease !important;
  }

  #zv-overlay.zv-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.zv-nav-open {
    overflow: hidden !important;
  }
}

/* =====================================================
   9. MOBILE (<= 767px) : patch layout complet
   ===================================================== */
@media (max-width: 767px) {

  html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    -webkit-text-size-adjust: 100% !important;
  }

  img, video, iframe, svg, canvas {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .row, [class*="row"],
  .container, .container-fluid,
  .dt-sc-row, .dt-sc-column,
  .dt-sc-section, .shopify-section {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  h1 { font-size: 24px !important; line-height: 1.2 !important; }
  h2 { font-size: 20px !important; line-height: 1.25 !important; }
  h3 { font-size: 17px !important; line-height: 1.3 !important; }

  #MainContent, main, .main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #MainContent .collection-template,
  #MainContent .collection-products,
  #MainContent .page-content,
  #MainContent .product-template,
  #MainContent .cart-template {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .collection-description--bottom details.faq-item > summary {
    padding: 14px 44px 14px 0;
  }

  button, .btn, .button,
  a.btn, a.button,
  [type="submit"] {
    width: auto !important;
    max-width: 100% !important;
  }

  .product-form__submit,
  .add-to-cart,
  .product-add-to-cart,
  .template-collection .btn,
  .template-collection .button,
  .template-product .btn,
  .template-product .button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .template-collection .left-sidebar .row,
  .template-collection .right-sidebar .row,
  .template-collection .collection-template .row,
  .template-collection #shopify-section-collection-template .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .template-collection .left-sidebar .row > [class*="col-"],
  .template-collection .right-sidebar .row > [class*="col-"],
  .template-collection .collection-template .row > [class*="col-"],
  .template-collection #shopify-section-collection-template .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .template-collection .collection-grid,
  .template-collection .collection-products,
  .template-collection .collection-template {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .template-collection .product-grid,
  .template-collection .products-grid,
  .template-collection ul.products,
  .template-collection .dt-sc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .template-collection .product-item,
  .template-collection .product-card,
  .template-collection .product-grid-item,
  .template-collection li.product,
  .template-collection .grid__item {
    min-width: 0 !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 14px !important;
    padding: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .template-collection .product-item img,
  .template-collection .product-card img,
  .template-collection .product-grid-item img,
  .template-collection li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    object-fit: contain !important;
  }

  .template-collection .product-item a,
  .template-collection .product-card a,
  .template-collection .product-grid-item a {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .template-collection .product-title,
  .template-collection .product-item h3,
  .template-collection .product-card h3,
  .template-collection .product-grid-item h3 {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin: 6px 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .template-collection .collection-toolbar,
  .template-collection .toolbar,
  .template-collection .sort-by,
  .template-collection .pager,
  .template-collection .pagination {
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .template-collection .pagination a,
  .template-collection .pagination span,
  .template-collection .pager a {
    width: auto !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
  }

  .template-product .product,
  .template-product .product-single {
    display: flex !important;
    flex-direction: column !important;
  }

  .template-product .product__media,
  .template-product .product-media,
  .template-product .product-gallery,
  .template-product .product__info,
  .template-product .product-info,
  .template-product .product__details,
  .product, .product-single,
  .product__media, .product-media, .product-gallery,
  .product__info, .product-info, .product__details {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .product-gallery, .product__media, .product-media {
    margin-bottom: 12px !important;
  }

  #MainContent .shopify-section,
  #MainContent section,
  #MainContent .dt-sc-section {
    margin: 12px 0 !important;
  }
}

/* =====================================================
   ZAVYRO — Header mobile : burger | logo centré | icônes
   ===================================================== */
@media (max-width: 767px) {

  /* Barre blanche visible en mobile */
  .dt-sc-header-logo-sec,
  .header-bottom {
    display: block !important;
    visibility: visible !important;
  }

  /* Container principal : 1 ligne flex */
  .header-bottom .container,
  .site-header .header-bottom .container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 10px 14px !important;
    position: relative !important;
    gap: 0 !important;
  }

  /* Burger à gauche */
  .mobile-nav-container {
    order: 1 !important;
    flex: 0 0 auto !important;
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 100000 !important;
    pointer-events: auto !important;
  }

  .mobile-nav-container .menu-trigger,
  .mobile-nav-container button,
  .menu-trigger {
    display: flex !important;
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    pointer-events: auto !important;
  }

  /* Logo centré absolument */
  #AccessibleNav .logo,
  .header-bottom .logo {
    order: 2 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    max-width: 160px !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  #AccessibleNav .logo img,
  .header-bottom .logo img {
    max-height: 32px !important;
    width: auto !important;
    display: block !important;
    filter: none !important;
    visibility: visible !important;
  }

  /* Icônes à droite */
  .site-header__links,
  #AccessibleNav .site-header__links {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Menu desktop caché en mobile */
  #AccessibleNav ul.dt-nav,
  #AccessibleNav ul.dt-desktop-menu {
    display: none !important;
  }
}

/* =====================================================
   FIX BOUTON "Add to wishlist" Chewy
   ===================================================== */
button[aria-label*="wishlist" i],
button[aria-label*="Wishlist"],
a[aria-label*="wishlist" i],
[data-action*="wishlist"],
.product-action--wishlist,
.wishlist-form,
.dt-sc-product-wishlist,
.product-wishlist,
.add_to_wishlist {
  display: none !important;
}

/* =====================================================
   ZAVYRO — GRILLE MOBILE 2 COLONNES
   ===================================================== */
@media (max-width: 767px) {

  .dT_VProdWrapper ul.grid.product-collection,
  .collection-grid ul.grid.product-collection,
  ul.grid.product-collection.dt-sc-column,
  ul.grid.product-collection {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 10px !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .dT_VProdWrapper ul.grid.product-collection > li,
  ul.grid.product-collection > li {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .template-collection #MainContent,
  .template-collection main,
  body #MainContent {
    padding-bottom: 64px !important;
  }
}

/* =====================================================
   ZAVYRO — BOUTON PANIER : classe réelle dT_AddToCart
   ===================================================== */
@media (max-width: 767px) {
  ul.product-collection button.dT_AddToCart,
  ul.product-collection .dT_AddToCart {
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    padding: 6px 4px !important;
    border-radius: 20px !important;
    min-height: 32px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    display: block !important;
  }
}

/* =====================================================
   ZAVYRO — ICÔNES SUPPORT : colonne verticale mobile
   Chaque carte s'affiche l'une en dessous de l'autre
   ===================================================== */
@media (max-width: 767px) {

  /* Conteneur principal : colonne verticale */
  .dt-sc-support-blocks-section,
  .dt-sc-support-blocks-section.dt-sc-column,
  [class*="dt-sc-support-blocks"],
  [class*="support-blocks"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Chaque carte : pleine largeur */
  .dt-sc-support-block {
    width: 90% !important;
    max-width: 400px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    margin-bottom: 0 !important;
  }

  /* Icône */
  .dt-sc-support-block .dt-sc-support-icon-image {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    margin: 0 auto 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f9f0 !important;
    border: 2px solid #4caf50 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }

  .dt-sc-support-block .dt-sc-support-icon-image img,
  .dt-sc-support-block .dt-sc-support-icon-image i {
    width: 36px !important;
    height: 36px !important;
    font-size: 26px !important;
    object-fit: contain !important;
    max-width: 36px !important;
  }

  /* Titre de la carte */
  .dt-sc-support-block .dt-sc-support-content h3,
  .dt-sc-support-block .dt-sc-support-content h4,
  .dt-sc-support-block .dt-sc-support-content h5,
  .dt-sc-support-block .dt-sc-support-content .dt-sc-main-title,
  .dt-sc-support-heading {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }

  /* Texte description sous le titre */
  .dt-sc-support-block .dt-sc-support-content p,
  .dt-sc-support-block .dt-sc-support-content .dt-sc-description,
  .dt-sc-support-description,
  .dt-sc-support-block p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin: 0 !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
  }
}

/* =====================================================
   ZAVYRO — COULEUR PRIMAIRE #306426 (vert logo)
   Remplace le vert clair #82C253 sur tout le site
   ===================================================== */

/* Variable CSS — utilisée par le thème Chewy partout */
:root {
  --DTPrimaryColor: #306426 !important;
}

/* Boutons "Ajouter au panier" et tous les boutons principaux */
.dt-sc-btn,
a.dt-sc-btn,
button.dt-sc-btn,
.dT_AddToCart,
button.dT_AddToCart,
.btn-addtocart,
.add-to-cart,
.product-form__submit,
[class*="add-to-cart"],
[class*="addtocart"] {
  background-color: #306426 !important;
  border-color: #306426 !important;
  color: #ffffff !important;
}

.dt-sc-btn:hover,
a.dt-sc-btn:hover,
.dT_AddToCart:hover,
.btn-addtocart:hover,
.add-to-cart:hover,
.product-form__submit:hover {
  background-color: #245019 !important;
  border-color: #245019 !important;
  color: #ffffff !important;
}

/* Icônes support (desktop + mobile) */
.dt-sc-support-icon-image {
  border-color: #306426 !important;
  background: #eef5eb !important;
}

/* Dots slider */
.slick-dots li.slick-active button:before {
  color: #306426 !important;
  background-color: #306426 !important;
}

/* Pagination active */
.pagination .current,
.pagination li.active a,
.pager .active {
  background-color: #306426 !important;
  border-color: #306426 !important;
  color: #ffffff !important;
}

/* Prix soldé */
.price--sale .price-item--sale,
.product-price .sale,
.price-sale {
  color: #306426 !important;
}

/* Badge solde */
.badge--sale,
.product-badge.sale,
.dT_badge {
  background-color: #306426 !important;
}

/* =====================================================
   ZAVYRO — BOUTON SOUMETTRE newsletter
   Orange vif : contraste fort sur fond vert → +CTR
   ===================================================== */
.site-footer .newsletter-form button,
.site-footer .newsletter-form [type="submit"],
.site-footer form button[type="submit"],
.site-footer .dt-sc-newsletter button,
.shopify-section [class*="newsletter"] button[type="submit"],
.shopify-section [class*="newsletter"] .btn,
.home-newsletter-section button[type="submit"],
.home-newsletter-section .btn,
button.newsletter-submit,
.newsletter-form__submit {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #ffffff !important;
}

.site-footer .newsletter-form button:hover,
.site-footer form button[type="submit"]:hover,
.home-newsletter-section button[type="submit"]:hover,
.newsletter-form__submit:hover {
  background-color: #E65C00 !important;
  border-color: #E65C00 !important;
}


/* =====================================================
   ZAVYRO — PRIX : rouge actuel + gris foncé barré
   Classes grille (collection) + fiche produit
   ===================================================== */

/* ── GRILLE COLLECTION ─────────────────────────────── */
/* Prix actuel */
#ProductPrice,
.grid-link__org_price,
.grid-link__org_price .money {
  color: #CC0000 !important;
  font-weight: 800 !important;
  font-size: 1.1em !important;
}

/* Prix barré — gris foncé visible */
#ComparePrice,
del#ComparePrice,
.grid-link__sale_price,
.grid-link__sale_price .money,
.price--compare .money,
s .money,
del .money,
.price__was .money,
.compare-at-price .money {
  color: #555555 !important;
  text-decoration: line-through !important;
  font-weight: 300 !important;
  font-size: 0.78em !important;
  opacity: 1 !important;
}

/* ── FICHE PRODUIT ─────────────────────────────────── */
/* Prix actuel */
li#ProductPrice-product-template,
li#ProductPrice-product-template span.money,
.product-price-current,
.product-price-current .money,
.price-list .product-price-current span {
  color: #CC0000 !important;
  font-weight: 800 !important;
  font-size: 1.1em !important;
}

/* Prix barré — gris foncé visible + taille lisible */
li#ComparePrice-product-template,
li#ComparePrice-product-template span.money,
li#ComparePrice-product-template del,
li#ComparePrice-product-template del span.money,
.product-price-list li:not(.product-price-current),
.product-price-list li:not(.product-price-current) span.money {
  color: #555555 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  opacity: 1 !important;
}

/* =====================================================
   ZAVYRO — CAROUSEL ONGLETS PRODUITS
   Onglet actif orange (mobile + desktop)
   ===================================================== */

/* ── ONGLET ACTIF : orange (TOUTES TAILLES) ────────── */
.dt-sc-btn.tablinks.active,
.main-block .tablinks.active,
.grouped-content .tablinks.active,
.home-product-carousel .tablinks.active,
[class*="product-carousel"] .tablinks.active,
[class*="product-tab"] .tablinks.active {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {

  /* ── ONGLET ACTIF mobile (sécurité) ───────────────── */
  .dt-sc-btn.tablinks.active {
    background-color: #FF6B00 !important;
    border-color: #FF6B00 !important;
    color: #ffffff !important;
  }

  /* ── 4 produits visibles : override swiper ─────────── */
  .home-product-carousel .swiper-slide,
  .home-product-tab .swiper-slide,
  [class*="product-carousel"] .swiper-slide,
  [class*="product-tab"] .swiper-slide,
  .dT_VProdWrapper .swiper-slide,
  #swiper-tab1-slider .swiper-slide,
  #swiper-tab2-slider .swiper-slide,
  #swiper-tab3-slider .swiper-slide,
  #swiper-tab4-slider .swiper-slide,
  [id*="swiper-tab"] .swiper-slide {
    width: 140px !important;
    max-width: 140px !important;
    margin-right: 8px !important;
  }

}

/* =====================================================
   FIN custom-fix.css — ZAVYRO
   ===================================================== */
/* ============================================
   MAGAZINE ARTICLE - Zavyro 2026
   Coller à la fin de theme.css
   Version corrigée avec overrides du thème
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --mag-cream: #FAF7F2;
  --mag-warm-white: #FFFEF9;
  --mag-sand: #E8DDD0;
  --mag-terracotta: #C4714A;
  --mag-terracotta-light: #F0E0D6;
  --mag-dark: #2A2118;
  --mag-mid: #6B5C4E;
  --mag-light: #9A8C82;
  --mag-border: #E2D8CF;
}

/* ---- RESET GLOBAL DANS .mag-article ---- */
/* Neutralise la font du thème (american_captainregular) sur tout le contenu */
.mag-article,
.mag-article h1,
.mag-article h2,
.mag-article h3,
.mag-article h4,
.mag-article p,
.mag-article li,
.mag-article a,
.mag-article td,
.mag-article th,
.mag-article span,
.mag-article div {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--mag-dark) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Neutralise color:#fff global du thème sur p et body */
.mag-article p {
  color: var(--mag-mid) !important;
  margin: 0 0 16px !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
}

/* Neutralise a { color: #fff } du thème */
.mag-article a {
  color: var(--mag-terracotta) !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* ---- WRAPPER GLOBAL ---- */
.mag-article {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--mag-dark) !important;
  line-height: 1.7 !important;
  font-size: 16px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 40px 20px 80px !important;
  background: transparent !important;
}

/* ---- BADGE CATÉGORIE ---- */
.mag-category {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--mag-terracotta-light) !important;
  color: var(--mag-terracotta) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  margin-bottom: 20px !important;
}

/* ---- TITRE H1 ---- */
.mag-article h1 {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  line-height: 1.2 !important;
  color: var(--mag-dark) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
  text-transform: none !important;
}

/* ---- INTRO ---- */
.mag-intro {
  font-size: 1.05rem !important;
  color: var(--mag-mid) !important;
  line-height: 1.8 !important;
  margin-bottom: 28px !important;
  font-weight: 300 !important;
  border-left: 3px solid var(--mag-terracotta) !important;
  padding-left: 20px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* ---- META ---- */
.mag-meta {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--mag-border) !important;
  border-bottom: 1px solid var(--mag-border) !important;
  margin-bottom: 36px !important;
  font-size: 0.82rem !important;
  color: var(--mag-light) !important;
  flex-wrap: wrap !important;
}

/* ---- TITRES H2 ---- */
.mag-article h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--mag-dark) !important;
  letter-spacing: -0.02em !important;
  margin: 48px 0 16px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

/* ---- TITRES H3 ---- */
.mag-article h3 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: var(--mag-dark) !important;
  margin: 28px 0 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
}

/* ---- ENCADRÉ HIGHLIGHT ---- */
.mag-highlight {
  background: var(--mag-terracotta-light) !important;
  border-left: 3px solid var(--mag-terracotta) !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 20px 24px !important;
  margin: 28px 0 !important;
}
.mag-highlight p {
  color: #7A3D24 !important;
  margin: 0 !important;
  font-size: 0.95rem !important;
}
.mag-highlight strong {
  color: #5C2D18 !important;
}

/* ---- CARDS GRILLE ---- */
.mag-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 24px 0 !important;
}
.mag-card {
  background: var(--mag-warm-white) !important;
  border: 1px solid var(--mag-border) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}
.mag-card-icon {
  font-size: 1.5rem !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.mag-card-title {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: var(--mag-dark) !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-family: 'DM Sans', sans-serif !important;
}
.mag-card p {
  font-size: 0.87rem !important;
  margin: 0 !important;
  color: var(--mag-mid) !important;
}

/* ---- TABLEAU ---- */
.mag-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 24px 0 !important;
  font-size: 0.9rem !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--mag-border) !important;
}
.mag-table thead th {
  background: var(--mag-dark) !important;
  color: #FAF7F2 !important;
  padding: 14px 18px !important;
  text-align: left !important;
  font-weight: 500 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: none !important;
  font-family: 'DM Sans', sans-serif !important;
}
.mag-table tbody td {
  padding: 13px 18px !important;
  border: none !important;
  border-bottom: 1px solid var(--mag-border) !important;
  color: var(--mag-mid) !important;
  font-family: 'DM Sans', sans-serif !important;
}
.mag-table tbody tr:last-child td { border-bottom: none !important; }
.mag-table tbody tr:nth-child(even) td { background: #FAF7F2 !important; }
.mag-check { color: var(--mag-terracotta) !important; font-weight: 700 !important; }

/* ---- SOMMAIRE ---- */
.mag-sommaire {
  background: var(--mag-warm-white) !important;
  border: 1px solid var(--mag-border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin: 32px 0 !important;
}
.mag-sommaire-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--mag-dark) !important;
  margin-bottom: 16px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
.mag-sommaire ol {
  list-style: none !important;
  counter-reset: toc !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mag-sommaire li {
  counter-increment: toc !important;
  margin-bottom: 10px !important;
  list-style: none !important;
}
.mag-sommaire a {
  text-decoration: none !important;
  color: var(--mag-mid) !important;
  font-size: 0.85rem !important;
  display: flex !important;
  gap: 10px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  transition: color 0.2s !important;
}
.mag-sommaire a::before {
  content: counter(toc, decimal-leading-zero) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: var(--mag-terracotta) !important;
  min-width: 22px !important;
  padding-top: 2px !important;
}
.mag-sommaire a:hover { color: var(--mag-terracotta) !important; }

/* ---- LISTE TAILLES ---- */
.mag-sizes {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
}
.mag-sizes li {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--mag-border) !important;
  color: var(--mag-mid) !important;
  font-size: 0.9rem !important;
  list-style: none !important;
}
.mag-sizes li:last-child { border-bottom: none !important; }
.mag-badge {
  background: var(--mag-terracotta-light) !important;
  color: var(--mag-terracotta) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  padding: 3px 12px !important;
  border-radius: 100px !important;
  min-width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

/* ---- FAQ ---- */
.mag-faq-item {
  border-bottom: 1px solid var(--mag-border) !important;
  padding: 18px 0 !important;
}
.mag-faq-question {
  font-weight: 500 !important;
  color: var(--mag-dark) !important;
  margin-bottom: 8px !important;
  font-size: 0.95rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-family: 'DM Sans', sans-serif !important;
}
.mag-faq-question::after {
  content: "+" !important;
  color: var(--mag-terracotta) !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
}
.mag-faq-answer {
  color: var(--mag-mid) !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
}

/* ---- CTA FOOTER ---- */
.mag-cta-box {
  background: var(--mag-dark) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin-top: 48px !important;
  text-align: center !important;
}
.mag-cta-box h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.5rem !important;
  margin: 0 0 12px !important;
  color: #FAF7F2 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
}
.mag-cta-box p {
  color: rgba(250,247,242,0.65) !important;
  margin-bottom: 24px !important;
  font-size: 0.9rem !important;
}
.mag-btn {
  background: var(--mag-terracotta) !important;
  color: white !important;
  padding: 14px 32px !important;
  border-radius: 100px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  border: none !important;
  transition: transform 0.2s, background 0.2s !important;
}
.mag-btn:hover {
  transform: translateY(-2px) !important;
  background: #B05E3A !important;
  color: white !important;
  border: none !important;
}

/* ---- TAGS ---- */
.mag-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--mag-border) !important;
}
.mag-tag {
  background: var(--mag-sand) !important;
  color: var(--mag-mid) !important;
  font-size: 0.78rem !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  font-weight: 500 !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 640px) {
  .mag-grid { grid-template-columns: 1fr !important; }
  .mag-article h1 { font-size: 1.7rem !important; }
  .mag-article h2 { font-size: 1.3rem !important; }
  .mag-cta-box { padding: 28px 20px !important; }
  .mag-meta { gap: 10px !important; }
}
/* Fix texte bouton magazine */
.mag-article .mag-btn,
.mag-article a.mag-btn,
.mag-cta-box .mag-btn,
.mag-cta-box a.mag-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
/* =====================================================
   ZAVYRO — Typographie Premium e-commerce 2026
   Police : Manrope (utilisée par les grandes marques)
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ── Corps général ── */
body, p, li, span, div, label,
input, select, textarea {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: #222222 !important;
  letter-spacing: 0.01em !important;
}

/* ── H1 ── */
h1 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  color: #111111 !important;
}

/* ── H2 ── */
h2 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(22px, 3vw, 36px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #111111 !important;
}

/* ── H3 / H4 ── */
h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(16px, 2vw, 22px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #1a1a1a !important;
}

/* ── Titres produits ── */
.dT_prodTitle, .grid-link__title,
[class*="product-title"], [class*="product_title"] {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
}

/* ── Navigation ── */
.dt-sc-list-inline a, .dt-main-menu a, nav a,
.site-nav a {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.02em !important;
}

/* ── Boutons ── */
button, .btn, .button,
[class*="btn"], [class*="button"],
input[type="submit"] {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

/* ── Prix ── */
[class*="price"], [class*="money"] {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

/* ── Footer ── */
footer *, .site-footer *, #shopify-section-footer * {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}
/* =====================================================
   ZAVYRO — Correctifs footer + nav uniformisée
   ===================================================== */

/* ── Footer : texte blanc lisible ── */
footer *,
.site-footer *,
#shopify-section-footer *,
.footer-links a,
.footer-links li,
.footer-block *,
[class*="footer"] * {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.8 !important;
}

/* Titres de colonnes footer */
footer h3, footer h4,
[class*="footer"] h3,
[class*="footer"] h4,
.footer-block__title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-bottom: 12px !important;
}

/* ── Navigation : tous les liens au même poids ── */
.dt-sc-list-inline li a,
.dt-main-menu li a,
nav ul li a,
.site-nav li a,
header nav a {
  font-weight: 500 !important;
  font-size: 13.5px !important;
  color: #222 !important;
}

/* Enlever le gras sur l'élément actif si indésirable */
.dt-sc-list-inline li.active a,
.dt-sc-list-inline li a.active,
nav li.active a, nav li a.active {
  font-weight: 600 !important;
  color: #3d7a26 !important;
}
/* =====================================================
   ZAVYRO — FOOTER FINAL CORRIGÉ
   ===================================================== */

/* ── Texte footer blanc lisible ── */
footer *,
.site-footer *,
#shopify-section-footer *,
[class*="footer"] * {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.8 !important;
}

/* ── Titres colonnes footer ── */
footer h3, footer h4,
[class*="footer"] h3,
[class*="footer"] h4 {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.45) !important;
  margin-bottom: 14px !important;
}

/* ── CACHER LES CARRÉS □ (icônes font non chargées) ── */
/* Méthode 1 : pseudos éléments */
footer [class*="icon"]::before,
footer [class*="icon"]::after,
.site-footer [class*="icon"]::before,
.site-footer [class*="icon"]::after,
#shopify-section-footer [class*="icon"]::before,
#shopify-section-footer [class*="icon"]::after {
  display: none !important;
  content: none !important;
}

/* Méthode 2 : classes spécifiques du thème Chewy */
footer .dt-sc-icomoon::before,
footer [class^="dt-icon-"]::before,
footer [class*=" dt-icon-"]::before,
.site-footer [class^="dt-icon-"]::before,
.site-footer [class*=" dt-icon-"]::before,
footer .fa::before,
footer [class^="fa-"]::before,
.site-footer .fa::before {
  display: none !important;
  content: none !important;
}

/* ── RÉSEAUX SOCIAUX : icônes SVG inline à la place ── */
/* Cacher le texte/icône cassée */
footer .dt-sc-social-links a,
footer .social-links a,
footer [class*="social"] a,
.site-footer [class*="social"] a {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.1) !important;
  transition: background 0.2s !important;
  margin-right: 8px !important;
}

footer .dt-sc-social-links a::before,
footer .social-links a::before,
footer [class*="social"] a::before,
.site-footer [class*="social"] a::before {
  display: none !important;
  content: none !important;
}

footer .dt-sc-social-links a:hover,
.site-footer [class*="social"] a:hover {
  background: rgba(255,255,255,0.25) !important;
}

/* ── ICÔNES CONTACT (horloge, email) : remplacer les □ ── */
/* Cacher l'icône cassée et afficher un emoji propre */
footer .contact-info li,
.site-footer .contact-info li,
footer [class*="contact"] li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

/* Cacher le span icône cassé */
footer .contact-info li span[class*="icon"],
footer .contact-info li i[class*="icon"],
footer .contact-info li .dt-sc-icomoon,
.site-footer .contact-info li [class*="icon"],
.site-footer .contact-info li i {
  display: none !important;
}

/* ── NAV : alignement uniforme ── */
.dt-sc-list-inline li a,
.dt-sc-list-inline li span,
.dt-main-menu li a,
nav ul li a,
.site-nav li a {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
  display: inline-block !important;
}

/* ── TITRES BLOG/ARTICLE : taille correcte ── */
h1,
.dT_blogPostTitle,
.blog-post__title,
.article-header h1 {
  font-size: clamp(22px, 3vw, 34px) !important;
  text-transform: none !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

h2 {
  font-size: clamp(18px, 2.5vw, 26px) !important;
  text-transform: none !important;
  font-weight: 700 !important;
}
/* ── RÉSEAUX SOCIAUX FOOTER : texte visible en ligne ── */
footer .dt-sc-social-links a,
footer .social-links a,
footer [class*="social"] a,
.site-footer [class*="social"] a {
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin-right: 16px !important;
  color: rgba(255,255,255,0.85) !important;
  white-space: nowrap !important;
}/* ── MASQUER ICÔNES SVG META BLOG ── */
.dt-sc-blog-meta svg,
.dt-sc-blog-author svg,
.dt-sc-blog-date svg,
.dt-sc-blog-tags svg,
.dt-sc-blog-comment svg {
  display: none !important;
}

/* ============================================================
   ZAVYRO TRUST & CONVERSION FIXES - April 2026
   ============================================================ */

/* --- Price colors: green for current price, red for discount --- */
.product_price .grid-link__org_price,
.product_price #ProductPrice {
  color: #2c6e2c !important;
  font-weight: 700 !important;
}
.grid-link__sale_price,
del#ComparePrice {
  color: #999 !important;
  font-weight: 400 !important;
}

/* --- Sale badge more visible --- */
.badge--sale .badge__text {
  background: #e74c3c !important;
  color: #fff !important;
}

/* --- Product vendor (brand name) styling --- */
.product-vendor span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #888;
}

/* --- Announcement bar animation --- */
.announcement-bar {
  animation: slideDown 0.4s ease-out;
}
@keyframes slideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* --- Trust reassurance strip (injected via home-support-block) --- */
.dt-sc-support-block .column {
  text-align: center;
}

/* --- Judge.me reviews section styling when moved up --- */
.jdgm-carousel-wrapper {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* --- Footer consistency --- */
footer .footer-block .block-title,
footer .footer-block h3,
footer .footer-block h4 {
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 0.5px;
}

/* --- Newsletter section French styling --- */
.newsletter-section .section-heading {
  text-transform: none !important;
}

/* --- Product card hover effect for better UX --- */
.product-grid-item .products {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-grid-item .products:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* --- Mobile improvements --- */
@media (max-width: 767px) {
  .product_price .grid-link__org_price {
    font-size: 14px !important;
  }
  .product-vendor span {
    font-size: 10px;
  }
}

/* ============================================================
   ZAVYRO V3 FIXES - Spacing, backgrounds, brand visibility
   ============================================================ */

/* --- Fix: Add space ABOVE Judge.me reviews (between hero and reviews) --- */
.jdgm-carousel-wrapper,
.jdgm-widget.jdgm-carousel {
  padding-top: 30px !important;
  margin-top: 10px !important;
}

/* --- Fix: Remove excessive space BELOW Judge.me reviews (before Meilleures ventes) --- */
.jdgm-carousel-wrapper,
.jdgm-widget.jdgm-carousel {
  padding-bottom: 10px !important;
  margin-bottom: 0 !important;
}

/* --- Fix: Judge.me section background to match the rest of the page --- */
.judgeme-carousel-section,
.jdgm-carousel-wrapper,
.jdgm-widget.jdgm-carousel,
section.judgeme-carousel-section {
  background: #f9f8f5 !important;
}

/* --- Fix: "Laissons nos clients parler" title spacing --- */
.jdgm-carousel__title,
.jdgm-widget .jdgm-carousel__title {
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  padding-top: 0 !important;
}

/* --- Fix: Reduce space between Judge.me and next section --- */
.jdgm-carousel .jdgm-rev-widg__footer {
  margin-bottom: 10px !important;
  padding-bottom: 5px !important;
}

/* --- Fix: The grey empty space between sections --- */
/* Target the gap between the Judge.me carousel and Meilleures ventes */
.dt-sc-section-wrapper {
  margin-top: 0 !important;
}

/* Reduce padding on product carousel section (Meilleures ventes) */
.home-product-carousel .dt-sc-section-wrapper,
.dt-sc-product-carousel-section .dt-sc-section-wrapper {
  padding-top: 30px !important;
}

/* --- Fix: Brand/vendor name more visible on product cards --- */
.product-vendor span {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #2c6e2c !important;
  font-weight: 700 !important;
  display: inline-block !important;
  background: #eef7ee !important;
  padding: 2px 8px !important;
  border-radius: 3px !important;
  margin-bottom: 3px !important;
}

/* --- Fix: Global section spacing reduction --- */
.dt-sc-section-wrapper[style*="padding"] {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* --- Fix: Linkedlist menu (categories) spacing --- */
.home-linkedlist-menu .dt-sc-section-wrapper {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

/* --- Fix: Section headings consistent spacing --- */
.dt-sc-section-heading {
  margin-bottom: 20px !important;
}

/* --- Fix: Overall cleaner section transitions --- */
.shopify-section + .shopify-section {
  margin-top: 0 !important;
}

/* --- Mobile adjustments --- */
@media (max-width: 767px) {
  .jdgm-carousel-wrapper,
  .jdgm-widget.jdgm-carousel {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
  }
  .product-vendor span {
    font-size: 10px !important;
    padding: 1px 6px !important;
  }
  .dt-sc-section-wrapper[style*="padding"] {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

/* ============================================================
   ZAVYRO V4 FIXES - Hero readability, spacing, trust bar inline
   ============================================================ */

/* --- HERO TEXT: Add dark overlay behind text for readability --- */
.slideshow .slide-content,
.dt-sc-banner-content,
.slide-content {
  background: rgba(255, 255, 255, 0.85) !important;
  padding: 30px 40px !important;
  border-radius: 12px !important;
  backdrop-filter: blur(4px) !important;
  max-width: 550px !important;
}

.slide-content h1,
.slide-content h2,
.slide-content .slide-title,
.dt-sc-banner-content h1,
.dt-sc-banner-content h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #222 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

.slide-content p,
.slide-content .slide-desc,
.dt-sc-banner-content p {
  font-size: 15px !important;
  color: #555 !important;
  line-height: 1.5 !important;
  text-shadow: none !important;
  margin-top: 8px !important;
}

/* --- REMOVE all excessive spacing between sections globally --- */
.jdgm-carousel .jdgm-rev-widg__footer,
.zv-avis-legal {
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}

/* Kill the massive gap between Judge.me and next section */
.shopify-section + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Target the product carousel section specifically */
.home-product-carousel,
[class*="product-carousel"] {
  margin-top: 0 !important;
}

.home-product-carousel .dt-sc-section-wrapper,
.dt-sc-product-carousel .dt-sc-section-wrapper {
  padding-top: 15px !important;
  margin-top: 0 !important;
}

/* --- MOBILE hero text fix --- */
@media (max-width: 767px) {
  .slide-content,
  .dt-sc-banner-content {
    padding: 20px !important;
    max-width: 90% !important;
    margin: 0 auto !important;
  }
  .slide-content h1,
  .slide-content h2,
  .dt-sc-banner-content h1,
  .dt-sc-banner-content h2 {
    font-size: 20px !important;
  }
  .slide-content p,
  .dt-sc-banner-content p {
    font-size: 13px !important;
  }
}

/* ============================================================
   ZAVYRO INLINE TRUST BAR (injected via theme.liquid)
   ============================================================ */
.zavyro-trust-bar-inline {
  background: #f8f7f4;
  border-bottom: 1px solid #e8e5de;
  padding: 0;
  margin: 0;
  width: 100%;
}
.ztb-container {
  max-width: 1230px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ztb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 10px;
  flex: 1;
  justify-content: center;
  border-right: 1px solid #e8e5de;
}
.ztb-item:last-child {
  border-right: none;
}
.ztb-icon {
  font-size: 22px;
  line-height: 1;
}
.ztb-text {
  display: flex;
  flex-direction: column;
}
.ztb-title {
  font-size: 13px;
  font-weight: 700;
  color: #2c4a2c;
  line-height: 1.2;
}
.ztb-sub {
  font-size: 11px;
  color: #888;
  line-height: 1.3;
}

@media (max-width: 991px) {
  .ztb-container {
    flex-wrap: wrap;
  }
  .ztb-item {
    flex: 0 0 50%;
    justify-content: flex-start;
    padding: 10px 16px;
    border-right: none;
  }
  .ztb-item:nth-child(odd) {
    border-right: 1px solid #e8e5de;
  }
  .ztb-item:nth-child(1),
  .ztb-item:nth-child(2) {
    border-bottom: 1px solid #e8e5de;
  }
}

@media (max-width: 480px) {
  .ztb-title { font-size: 11px; }
  .ztb-sub { font-size: 10px; }
  .ztb-icon { font-size: 18px; }
  .ztb-item { padding: 8px 12px; }
}

/* ============================================================
   ZAVYRO V5 — Trust bar with brand colors + reviews fix
   ============================================================ */

/* --- TRUST BAR: Brand colors (green #7ac143 + dark #2c4a2c) --- */
.zavyro-trust-bar-inline {
  background: #2c4a2c !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  border: none !important;
}
.ztb-container {
  max-width: 1230px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
}
.ztb-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 15px !important;
  flex: 1 !important;
  justify-content: center !important;
  border-right: 1px solid rgba(255,255,255,0.15) !important;
}
.ztb-item:last-child {
  border-right: none !important;
}
.ztb-icon-circle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #7ac143;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ztb-icon-circle i {
  color: #fff;
  font-size: 16px;
}
.ztb-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  display: block !important;
}
.ztb-sub {
  font-size: 11px !important;
  color: rgba(255,255,255,0.65) !important;
  line-height: 1.3 !important;
  display: block !important;
}
.ztb-text {
  display: flex !important;
  flex-direction: column !important;
}

/* --- TRUST BAR MOBILE --- */
@media (max-width: 991px) {
  .ztb-container {
    flex-wrap: wrap !important;
  }
  .ztb-item {
    flex: 0 0 50% !important;
    justify-content: flex-start !important;
    padding: 12px 16px !important;
    border-right: none !important;
  }
  .ztb-item:nth-child(odd) {
    border-right: 1px solid rgba(255,255,255,0.15) !important;
  }
  .ztb-item:nth-child(1),
  .ztb-item:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }
}
@media (max-width: 480px) {
  .ztb-title { font-size: 11px !important; }
  .ztb-sub { font-size: 9px !important; }
  .ztb-icon-circle { width: 32px; height: 32px; }
  .ztb-icon-circle i { font-size: 14px; }
  .ztb-item { padding: 10px 10px !important; gap: 8px !important; }
}

/* --- REVIEWS SECTION: Background fix --- */
.jdgm-carousel-wrapper,
.jdgm-widget.jdgm-carousel,
.judgeme-carousel-section,
section[class*="judgeme"],
.shopify-section:has(.jdgm-carousel-wrapper) {
  background: #f5f3ee !important;
}

.jdgm-carousel-wrapper {
  padding: 25px 0 10px !important;
  margin: 0 !important;
}

/* --- SPACE BELOW REVIEWS: Kill it completely --- */
.zv-avis-legal {
  background: #f5f3ee !important;
  margin: 0 !important;
  padding: 5px 0 8px !important;
}

/* The shopify section wrapping judge.me */
.shopify-section:has(.jdgm-carousel-wrapper) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* The next section after judge.me (product carousel) */
.shopify-section:has(.jdgm-carousel-wrapper) + .shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.shopify-section:has(.jdgm-carousel-wrapper) + .shopify-section .dt-sc-section-wrapper {
  padding-top: 20px !important;
}

/* ============================================================
   ZAVYRO V6 — Product page prices, review images, Why icons, Instagram
   ============================================================ */

/* --- PRODUCT PAGE: Price color green like homepage --- */
.product-detail-section .product_price,
.product-detail-section #ProductPrice,
.product-detail-section .product_price span,
.product-single__price,
[id="ProductPrice"],
.price-container .product_price,
.price__regular .price-item--regular,
.price__sale .price-item--sale {
  color: #2c6e2c !important;
  font-weight: 700 !important;
}
.price__sale .price-item--regular,
.product-detail-section del,
.product-detail-section .compare-price,
[id="ComparePrice"] {
  color: #999 !important;
  font-weight: 400 !important;
}

/* --- PRODUCT PAGE: "Taper:" label fix (should be "Type:") --- */
/* This is a theme translation issue - handled via locale */

/* --- JUDGE.ME REVIEW IMAGES: Make them bigger --- */
.jdgm-carousel .jdgm-rev__pic-img,
.jdgm-carousel .jdgm-rev__buyer-pic,
.jdgm-rev__pic-img,
.jdgm-rev__buyer-pic,
.jdgm-carousel .jdgm-rev__pics img,
.jdgm-carousel-item .jdgm-rev__pic-img {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

/* Review author photos */
.jdgm-rev__icon,
.jdgm-carousel .jdgm-rev__icon {
  width: 44px !important;
  height: 44px !important;
}

/* --- WHY ZAVYRO: Bigger icons (emojis were too small) --- */
.why-icon {
  font-size: 42px !important;
  display: block !important;
  margin-bottom: 16px !important;
}

/* --- WHY ZAVYRO: Cards match brand colors --- */
.why-card {
  border: 1px solid #e0ddd5 !important;
  background: #fff !important;
}
.why-card:hover {
  border-color: #7ac143 !important;
  box-shadow: 0 6px 20px rgba(122, 193, 67, 0.1) !important;
}
.why-title {
  color: #2c4a2c !important;
}

/* --- SPACE between reviews and Meilleures ventes: FORCE reduce --- */
.zv-avis-legal {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* Target the gap directly */
.shopify-section:nth-child(n) .dt-sc-section-wrapper {
  margin-top: 0 !important;
}

/* --- INSTAGRAM: Make @zavyro__ a clickable link --- */
/* This is handled in the section heading - see settings_data.json fix */

/* --- INSTAGRAM IMAGES: Slightly bigger --- */
.dt-custom-instagram-section .dt-sc-image-gallery-item,
.dt-custom-instagram-section .gallery-item,
.home-image-gallery .dt-sc-image-gallery-item {
  min-height: 280px !important;
}
.dt-custom-instagram-section .dt-sc-image-gallery-item img,
.home-image-gallery .dt-sc-image-gallery-item img {
  height: 280px !important;
  object-fit: cover !important;
}

/* --- FOOTER: Newsletter section spacing --- */
.home-newsletter .dt-sc-section-wrapper {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

/* ============================================================
   ZAVYRO V7 — Brand names, review images, sold-out messaging
   ============================================================ */

/* --- BRAND NAMES: Bold green badge on product cards --- */
.product-vendor,
.product-vendor span {
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #fff !important;
  font-weight: 700 !important;
  display: inline-block !important;
  background: #2c4a2c !important;
  padding: 3px 12px !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
}

/* --- BRAND NAME on product detail page --- */
.product-detail-section .product-vendor span,
.product-single .product-vendor span,
.product_vendor span {
  font-size: 14px !important;
  background: #2c4a2c !important;
  color: #fff !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

/* --- JUDGE.ME REVIEW IMAGES: Force bigger --- */
.jdgm-rev__pic-img,
.jdgm-rev__buyer-pic,
.jdgm-carousel .jdgm-rev__pic-img,
.jdgm-carousel .jdgm-rev__buyer-pic,
.jdgm-carousel-item img,
.jdgm-rev__pics img,
img[class*="jdgm-rev__pic"],
img[class*="jdgm-rev__buyer"] {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* --- SOLD OUT PRODUCTS: Professional messaging --- */
.badge--sold-out .badge__text,
.sold-out .badge__text {
  background: #fd5d34 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
}

/* Sold out button styling */
.product-detail-section .btn[disabled],
.product-detail-section .btn.disabled,
.product-detail-section #AddToCart[disabled],
button.btn[disabled] {
  background: #e8e5de !important;
  color: #888 !important;
  border: 1px solid #ddd !important;
  cursor: not-allowed !important;
  position: relative !important;
}

/* Sold out product card overlay */
.product-grid-item.sold-out .product-container {
  position: relative;
}
.product-grid-item.sold-out .product-container::after {
  content: "Victime de son succès";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(253, 93, 52, 0.9);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 5;
}

/* Sold out product card: slight opacity */
.product-grid-item.sold-out .image_group img {
  opacity: 0.7;
  filter: grayscale(20%);
}

/* --- "Notify me" link styling on product page --- */
.product-detail-section .notify-form,
.product-detail-section [class*="notify"],
.product-detail-section .back-in-stock {
  margin-top: 10px;
}

/* ============================================================
   ZAVYRO V8 — Professional sold-out styling (replaces v7)
   ============================================================ */

/* Override the v7 "Victime de son succès" overlay */
.product-grid-item.sold-out .product-container::after {
  content: "Temporairement indisponible" !important;
  background: rgba(0, 0, 0, 0.6) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  padding: 5px 0 !important;
}

/* Sold out product card: subtler effect */
.product-grid-item.sold-out .image_group img {
  opacity: 0.6 !important;
  filter: grayscale(30%) !important;
}