@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* Nettoyage 18/06/2026 : suppression des anciens essais header mobile, médias imbriqués corrigés, conflits panier/checkout clarifiés. */

/* =========================================================
TEST + FIX BANDES B2B en haut du site en mobile
========================================================= */

.b2b_toplink_desktop_view,
#b2b_toplink_mobile_view {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #686a95 !important;
  overflow: hidden !important;
}

.b2b_toplink_desktop_view .b2bregistration-top-link-text,
#b2b_toplink_mobile_view .b2bregistration-top-link-text {
  margin: 0 !important;
  padding: 8px 0 !important;
  background: #686a95 !important;
  width: 100% !important;
  border: 0 !important;
}

.b2b_toplink_desktop_view .b2bregistration-top-link-text a,
#b2b_toplink_mobile_view .b2bregistration-top-link-text a {
  color: #fff !important;
}

/* Appliquer Montserrat aux titres */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    /* Gras */
}

/* Appliquer Roboto au contenu principal */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

    /* Normal */
}

/* Ajustement de la lisibilité sur desktop */
@media (min-width: 1000px) {
    * {
        font-size-adjust: 0.5;
    }
}

/* Couleur des liens */
a {
    color: rgb(0, 0, 0);
}

/* Couleur de la barre du haut (Lilo rose 💜🦏) */
.header-banner,
.header-banner .an-sfsl {
    background-color: #cf6d7c !important;
}

/* On s'assure que le paragraphe ne remette pas un fond par-dessus */
.header-banner .an-sfsl p {
    background-color: transparent !important;
}

/* * Custom code goes here.
 * A template should always ship with an empty custom.css */
#footer .logo,
#header .logo,
.footer-logo .logo {
    max-width: 240px;
    max-height: 240px;
    margin-top: -20px;
    margin-bottom: -20px;
}

#header .fixed-menu .logo {
    max-width: 200px;
    max-height: 130px;
    margin-top: 50px;
}

#header #_mobile_logo svg,
#header #_desktop_logo svg,
#footer #_desktop_logo svg {
    max-width: 220px;
}

@media (max-width: 991px) {
    #header .logo {
        width: auto;
    }

    .footer-logo .logo {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    #header .header-nav .top-logo a img {
        max-height: 50px;
        max-width: 170px;
        margin-top: 2px;
    }
}

@media (min-width: 768px) {
    #header.header2 #_desktop_logo svg {
        max-width: 185px;
    }

    #header.header3 #_desktop_logo svg {
        max-width: 210px;
    }

    #header.header4 #_desktop_logo svg {
        max-width: 200px;
    }

    #header.header5 #_desktop_logo svg {
        max-width: 185px;
    }
}

.stripe-pricing-table {
    margin-bottom: 50px;
}

.adropdown-5 .acontent-2,
.adropdown-5 .acontent-1 {
    width: 100%;
}

.category-item.level-1 {
    display: inline-block;
    break-inside: avoid-column;
    vertical-align: top;
}

.categories-grid {
    display: block;

    /* ! width:100%; */
}

.category-item.level-2 {
    margin-bottom: 30px;
}

@media (min-width:500px) {
    .an-sfsl p {
        font-size: 16px;
        padding: 10px;
    }
}

.amenu-link {
    white-space: nowrap;
}

.amenu-item.mm-19 {
    outline: 2px solid #de00af;
    border-radius: 10px;
    margin-bottom: 20px;
    background: rgba(255, 210, 255, 0.16);
    font-weight: bold;
}

.amenu-item.mm-19 a {
    color: #571957;
}

.productblock-description .btn-default {
    color: #571957;
    background-color: rgba(255, 210, 255, 0.16);
    border-color: transparent;
    padding: 20px 40px;
    text-decoration: none;
    border: 2px solid #de00af;
    border-radius: 5px;
    font-weight: bold;
}

.amenu-item.mm-19 sup {
    border-radius: 10px;
    color: #de00af !important;
    margin-top: -3px;
}

.amenu-link sup>span {
    color: #de00af !important;
}

.amenu-item .amenu-link,
#_mobile_contactslink {
    text-transform: none;
}

@media (min-width:544px) {
    .an_homeproducts-banner-overlay {
        text-shadow: 1px 1px 5px #000;
    }

    .an_homeproducts-banner-overlay>img,
    .an_homeproducts-banner-content {
        height: 250px;

        /* ! overflow: auto; */
        display: block;
        text-align: center;

        /* ! font-weight: bold; */
    }

    .an_homeproducts-banner-overlay>img {
        object-fit: cover;
    }
}

@media (min-width:544px) and (max-width:1200px) {
    .an_homeproducts-banner-overlay>img,
    .an_homeproducts-banner-content {
        height: 300px;
    }
}

@media (min-width:544px) and (max-width:800px) {
    .an_homeproducts-banner-overlay>img,
    .an_homeproducts-banner-content {
        height: 350px;
    }
}

@media (min-width:544px) and (max-width:700px) {
    .an_homeproducts-banner-overlay>img,
    .an_homeproducts-banner-content {
        height: 400px;
    }
}

@media (min-width:544px) and (max-width:600px) {
    .an_homeproducts-banner-overlay>img,
    .an_homeproducts-banner-content {
        height: 500px;
    }
}

.an_homeslider-item-noimg .an_homeslider-desc {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1550px;
    }
}

.block-category #category-description p,
.block-category #category-description strong {
    font-weight: revert;
    color: #000;
}

.product-actions .control-label {
    font-weight: bold;
    color: #E00FB4;
}

.product-variants>.product-variants-item ul li {
    text-transform: uppercase;
}

.productblock-description a {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.btn.btn-secondary.add-to-cart.rent_option_cta {
    color: #571957;
    background-color: rgba(255, 210, 255, 0.16);
    border-color: transparent;
    padding: 20px 40px;
    text-decoration: none;
    border: 2px solid #de00af;
    border-radius: 5px;
    font-weight: bold;
}

.link_rent_more_info {
    color: #069;
    text-decoration: underline;
    display: block;
    text-align: center;
    margin-top: 50px;
}

.product-additional-info label {
    color: #424242;
}

.rent_category_link {
    color: #571957;
    background-color: rgba(255, 210, 255, 0.16);
    border-color: transparent;
    padding: 5px 10px;
    text-decoration: none;
    border: 2px solid #de00af;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

#category-description {
    max-height: 90px;
    overflow: auto;
}

@media (min-width: 991px) and (max-width: 1600px) {
    #category .js-img-view-type,
    #search .js-img-view-type {
        min-width: 360px;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    #category .js-img-view-type,
    #search .js-img-view-type {
        width: 100%;
        min-width: 0px;
    }
}

@media (max-width: 600px) {
    .product-miniature.product-mobile-row:not(.col-lg-12),
    .tab-pane.active .product-miniature.product-mobile-row:not(.col-lg-12) {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.an-sfsl p {
    color: #FFF;
}

.sticky-product-fixed {
    position: static !important;
}

.amenu-item.mm-25 a {
    color: #d6009d;
}

.amenu-item.mm-27 a {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;

    /* ! transform: rotate(4deg); */
    border: 3px solid #CCC;
    border-radius: 10px;
    line-height: 2;
    padding: 5px 20px !important;
    margin-bottom: 20px;

    /* ! padding-bottom: 2px !important; */
}

.product-accessories>.products,
.product-miniature .products {
    justify-content: center;
}

.page-product h1 {
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
}

.header-banner>div>p>span {
    font-weight: bold;
    color: #FFF;
    background: #d6009d;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 3px;
}

.products .thumbnail-container {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 20px;
}

.amega-menu .anav-top {
    font-size: 16px;
}

@media (max-width: 991px) {
    .page-product h1 {
        font-size: 25px;
    }
}

/* ---- Alignement de l'image PayPal sous le prix ---- */
/* .paypal-buy-now-pay-later {
    margin-top: 2px !important;
    text-align: left !important; */
/* Forcer l'alignement
} */
/* .paypal-buy-now-pay-later img {
    max-width: 150px !important;
    height: auto !important;
} */
/* === PATCH responsive mobile pour bloc prix + avis === */
@media screen and (max-width: 768px) {
    .product-prices {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
        box-sizing: border-box;
        padding: 0 1rem;
    }

    .product-prices .current-price,
    .product-discount,
    .tax-shipping-delivery-label,
    .payplugOneyCta_wrapper,
    .ets-rv-product-comments-additional-info {
        width: 100%;
        box-sizing: border-box;
        word-break: break-word;
        text-align: left;
    }

    .product-prices .current-price span,
    .product-discount span,
    .product-prices .tax-shipping-delivery-label {
        font-size: 1.4rem;
        display: block;
    }

    .product-discount .regular-price {
        text-decoration: line-through;
        font-size: 1.2rem;
        color: #888;
    }

    .payplugOneyCta_button {
        width: 100%;
        text-align: center;
        font-size: 1.1rem;
    }

    .ets-rv-product-comments-additional-info {
        margin-top: 0.5rem;
        font-size: 1.2rem;
    }

    .ets-rv-btn-read-user,
    .link-comment {
        display: block;
        text-align: left;
        width: 100%;
        font-size: 1rem;
    }

    .ets_rv_grade_stars {
        /* display: inline-block; */
        display: inline-flex;
    }
}

body {
    overflow-x: hidden;
}

/* === FIN PATCH === */
/* === TITRES PRODUITS SUR 2 LIGNES — VERSION ULTRA PRIORITAIRE === */
body #products .product-title a,
body .featured-products .product-title a,
body .product-accessories .product-title a,
body .product-miniature .product-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    height: auto !important;
    max-height: 3.2em !important;

    /* hauteur calculée pour 2 lignes */
    line-height: 1.4 !important;
    word-break: break-word !important;
}

/* ==================================================
   Lilo Jumeaux – Landing Chat / Pages Lilo (version consolidée)
   ================================================== */
:root {
  --lilo-violet: #686a95;
  --lilo-rose: #cf6d7c;
  --lilo-bg: #fbfbff;
  --lilo-ink: #15151a;
  --lilo-card: #fff;
  --lilo-muted: #6b6f86;
  --lilo-pink: #cf6d7c;
  --lilo-purple: #686a95;
  --lilo-radius: 22px;
  --lilo-shadow: 0 14px 40px rgba(18,18,30,.10);
  --lilo-shadow-soft: 0 10px 24px rgba(18,18,30,.08);
  --lilo-border: 1px solid rgba(104,106,149,.18);
}

/* Fond CMS Lilo */
body.cms-id-XXX,
body#cms {
  background: var(--lilo-bg);
}

/* Wrapper / carte */
.lilo-m-wrap {
  display: flex;
  justify-content: center;
  padding: 28px 14px;
}

.lilo-m-card {
  width: 100%;
  max-width: 860px;
  background:
    radial-gradient(1100px 220px at 50% -80px, rgba(104,106,149,.10), transparent 60%),
    radial-gradient(900px 240px at 10% 0%, rgba(207,109,124,.10), transparent 55%),
    #fff;
  border-radius: 22px;
  padding: 28px 18px;
  text-align: center;
  border: 1.5px solid rgba(104,106,149,.18);
  box-shadow:
    0 35px 70px rgba(104,106,149,.22),
    0 10px 30px rgba(207,109,124,.10),
    inset 0 0 0 1px rgba(255,255,255,.6);
  position: relative;
  overflow: hidden;
}

.lilo-m-card::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle at 30% 30%, rgba(207,109,124,.14), transparent 60%);
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}

.lilo-m-sub {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 22px;
  max-width: 720px;
  color: var(--lilo-ink);
}

#liloOpenChatBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  width: 100%;
  max-width: 620px;
  margin: 0 auto 14px;
  padding: 18px 24px;
  border: none !important;
  border-radius: 999px !important;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(90deg,#686a95 0%, #cf6d7c 100%) !important;
  box-shadow: 0 14px 28px rgba(104,106,149,.22) !important;
  background-clip: padding-box !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  position: relative;
  overflow: hidden !important;
}

#liloOpenChatBtn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,.28), rgba(255,255,255,0) 55%);
  opacity: .45;
  pointer-events: none;
}

#liloOpenChatBtn:hover {
  transform: translateY(-1px);
  filter: saturate(1.05);
  box-shadow: 0 16px 34px rgba(104,106,149,.30) !important;
}

#liloOpenChatBtn:active {
  transform: scale(.99);
}

#liloOpenChatBtn:focus-visible {
  outline: 4px solid rgba(104,106,149,.30);
  outline-offset: 4px;
}

#liloOpenChatBtn.lilo-btn-solid {
  color: #fff;
  background: linear-gradient(135deg, var(--lilo-violet) 0%, var(--lilo-rose) 100%);
  box-shadow: 0 18px 40px rgba(104,106,149,.25), 0 8px 18px rgba(207,109,124,.22);
}

#liloOpenChatBtn.lilo-btn-solid:hover {
  transform: translateY(-1px);
  filter: saturate(1.05);
  box-shadow: 0 22px 48px rgba(104,106,149,.30), 0 10px 22px rgba(207,109,124,.25);
}

#liloOpenChatBtn.lilo-btn-solid:active {
  transform: translateY(0) scale(.99);
}

#liloOpenChatBtn.lilo-btn-outline {
  background: #fff;
  color: var(--lilo-violet);
  border: 2px solid rgba(207,109,124,.55) !important;
  box-shadow: 0 14px 28px rgba(104,106,149,.12);
}

#liloOpenChatBtn.lilo-btn-outline:hover {
  transform: translateY(-1px);
  border-color: rgba(104,106,149,.75) !important;
}

.lilo-m-status {
  font-size: 14px;
  margin-top: 10px;
  opacity: .95;
  color: #2b2b33;
}

.lilo-m-foot {
  margin-top: 22px;
}

.lilo-m-tip {
  font-size: 13px;
  opacity: .85;
}

.lilo-m-sign {
  margin-top: 10px;
  font-weight: 700;
}

@media (min-width: 768px) {
  #liloOpenChatBtn {
    font-size: 30px;
    max-width: 620px;
    margin-top: 0;
    padding: 20px 30px;
  }
}

@media (max-width: 480px) {
  .lilo-m-card {
    padding: 22px 14px;
    border-radius: 18px;
  }

  #liloOpenChatBtn {
    font-size: 17px;
    padding: 16px 18px;
  }
}

/* Pages Lilo */
.lilo-page,
.lilo-page * {
  box-sizing: border-box;
}

.lilo-page {
  background:
    radial-gradient(1000px 300px at 50% -90px, rgba(207,109,124,.20), transparent 65%),
    radial-gradient(900px 280px at 70% 0px, rgba(104,106,149,.18), transparent 60%),
    var(--lilo-bg);
  padding: 18px 12px 28px;
  color: var(--lilo-ink);
}

.lilo-page .lilo-container {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.lilo-page .lilo-card,
.lilo-page .lilo-section,
.lilo-page .lilo-bottom {
  width: 100%;
  max-width: 100%;
}

.lilo-page .lilo-card {
  background: var(--lilo-card);
  border: var(--lilo-border);
  box-shadow: var(--lilo-shadow);
  border-radius: var(--lilo-radius);
  overflow: hidden;
}

.lilo-page .lilo-hero {
  padding: 18px 16px 10px;
  text-align: center;
}

.lilo-page .lilo-badge {
  width: 170px;
  height: 170px;
  margin: 10px auto;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(104,106,149,.14), rgba(207,109,124,.12));
  display: grid;
  place-items: center;
  border: 7px solid #fff;
  box-shadow: var(--lilo-shadow-soft);
  text-align: center;
}

.lilo-page .lilo-badge img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  border-radius: 999px;
}

.lilo-page .lilo-kicker {
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--lilo-muted);
  margin: 0 0 6px;
}

.lilo-page .lilo-title {
  font-size: 22px;
  line-height: 1.15;
  margin: 0 0 10px;
  text-align: center;
}

.lilo-page .lilo-title--small {
  font-size: 16px;
  line-height: 1.25;
  margin: 12px 0 0;
}

.lilo-page .lilo-lead {
  font-size: 14px;
  line-height: 1.55;
  color: var(--lilo-muted);
  margin: 0 auto;
  max-width: 60ch;
  text-align: center;
}

.lilo-page .lilo-section {
  padding: 14px 16px;
}

.lilo-page .lilo-split {
  display: grid;
  gap: 12px;
}

.lilo-page .lilo-media {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(104,106,149,.18);
  background: #fff;
  box-shadow: var(--lilo-shadow-soft);
}

.lilo-page .lilo-media img,
.lilo-page img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

.lilo-page .lilo-media-cap {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.lilo-page .lilo-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(104,106,149,.10);
  color: #35375e;
  border: 1px solid rgba(104,106,149,.18);
  white-space: nowrap;
}

.lilo-page .lilo-chip--pink {
  background: rgba(207,109,124,.10);
  color: #6a1f2b;
  border-color: rgba(207,109,124,.25);
  width: 220px;
  text-align: center;
}

.lilo-page .lilo-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.lilo-page .lilo-btn {
  width: 100%;
  max-width: 100%;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 14px 16px;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center;
  white-space: normal;
}

.lilo-page .lilo-btn-solid {
  background: var(--lilo-pink);
  color: #fff;
  box-shadow: 0 14px 26px rgba(207,109,124,.26);
}

.lilo-page .lilo-btn-ghost {
  background: #fff;
  color: var(--lilo-purple);
  border: 1px solid rgba(104,106,149,.25);
  box-shadow: 0 10px 18px rgba(18,18,30,.06);
}

.lilo-page .lilo-btn--mini {
  width: auto;
  display: inline-flex;
  padding: 10px 12px;
  font-size: 12px;
  margin-left: 8px;
}

.lilo-page .lilo-status {
  font-size: 12px;
  color: var(--lilo-muted);
  margin: 6px 0 0;
  min-height: 16px;
  text-align: center;
}

.lilo-page .lilo-tiles {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 14px;
}

.lilo-page .lilo-tile {
  background: rgba(251,248,253,.8);
  border: 1px solid rgba(104,106,149,.16);
  border-radius: 16px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  min-width: 0;
  max-width: 360px;
  width: 100%;
  overflow: hidden;
}

.lilo-page .lilo-tile strong {
  display: block;
  font-size: 13px;
  margin: 0;
}

.lilo-page .lilo-tile span {
  font-size: 12px;
  color: var(--lilo-muted);
  line-height: 1.35;
}

.lilo-page .lilo-tile img {
  display: block;
  width: 100%;
  max-width: 180px;
  height: auto;
  margin: 10px auto 0;
}

.lilo-page .lilo-banner {
  margin-top: 14px;
  border-radius: 16px;
  padding: 12px;
  background: linear-gradient(90deg, rgba(207,109,124,.12), rgba(104,106,149,.12));
  border: 1px dashed rgba(104,106,149,.30);
  font-size: 13px;
  color: #2c2e4e;
}

.lilo-page .lilo-banner--center {
  display: flex;
  justify-content: center;
}

.lilo-page .lilo-banner-text {
  margin: 0;
  text-align: center;
}

.lilo-page .lilo-socials {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.lilo-page .lilo-btn-social {
  background: #fff;
  border: 1px solid rgba(104,106,149,.22);
  color: #2c2e4e;
  border-radius: 999px;
  padding: 12px 14px;
  text-decoration: none;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 10px 18px rgba(18,18,30,.06);
  text-align: center;
  white-space: normal;
}

.lilo-page .lilo-bottom {
  padding: 14px 16px 18px;
  border-top: 1px solid rgba(104,106,149,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.7), #fff);
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.lilo-page .lilo-fineprint {
  margin: 0;
  font-size: 12px;
  color: var(--lilo-muted);
  line-height: 1.45;
  text-align: center;
}

.lilo-wa {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
}

.wa-ico {
  width: 18px;
  height: auto;
  display: block;
}

.lilo-logo {
  width: 170px;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media (min-width: 520px) {
  .lilo-page .lilo-tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .lilo-page .lilo-socials {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 680px) {
  .lilo-page .lilo-hero {
    padding: 22px 22px 10px;
  }

  .lilo-page .lilo-title {
    font-size: 26px;
  }

  .lilo-page .lilo-section {
    padding: 18px 22px;
  }

  .lilo-page .lilo-split {
    grid-template-columns: 1.12fr .88fr;
    gap: 18px;
    align-items: start;
  }
}

@media (max-width: 390px) {
  .lilo-page .lilo-badge {
    width: 150px;
    height: 150px;
  }

  .lilo-page .lilo-title {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .lilo-logo {
    width: 230px;
  }
}

@media (min-width: 1200px) {
  .lilo-logo {
    width: 280px;
  }
}

/* =========================================================
   REASSURANCE – version consolidée
   ========================================================= */
#block-reassurance,
.ps_reassurance,
.psreassurance,
.blockreassurance,
.elementor-widget-container #block-reassurance {
  width: 100%;
  margin-top: 6px !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
}

#block-reassurance ul,
.ps_reassurance ul,
.psreassurance ul,
.blockreassurance ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#block-reassurance li,
.ps_reassurance li,
.psreassurance li,
.blockreassurance li {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border-top: 1px solid #ececec !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#block-reassurance li:first-child,
.ps_reassurance li:first-child,
.psreassurance li:first-child,
.blockreassurance li:first-child {
  border-top: 0 !important;
}

#block-reassurance li::before,
#block-reassurance li::marker,
.ps_reassurance li::before,
.ps_reassurance li::marker,
.psreassurance li::before,
.psreassurance li::marker,
.blockreassurance li::before,
.blockreassurance li::marker {
  content: none !important;
  display: none !important;
}

#block-reassurance img,
#block-reassurance svg,
.ps_reassurance img,
.ps_reassurance svg,
.psreassurance img,
.psreassurance svg,
.blockreassurance img,
.blockreassurance svg {
  filter: brightness(0) saturate(100%) invert(43%) sepia(93%) saturate(1288%) hue-rotate(88deg) brightness(96%) contrast(101%) !important;
  opacity: 1 !important;
  object-fit: contain !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: block;
  margin: 0 !important;
}

#block-reassurance a,
#block-reassurance span,
#block-reassurance p,
.ps_reassurance a,
.ps_reassurance span,
.ps_reassurance p,
.psreassurance a,
.psreassurance span,
.psreassurance p,
.blockreassurance a,
.blockreassurance span,
.blockreassurance p {
  color: #111 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

#block-reassurance a,
.ps_reassurance a,
.psreassurance a,
.blockreassurance a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
}

#block-reassurance strong,
#block-reassurance .title,
#block-reassurance .item-title,
#block-reassurance .h6,
#block-reassurance h4,
#block-reassurance h5,
#block-reassurance h6,
.ps_reassurance strong,
.ps_reassurance .title,
.ps_reassurance .item-title,
.ps_reassurance .h6,
.ps_reassurance h4,
.ps_reassurance h5,
.ps_reassurance h6,
.psreassurance strong,
.psreassurance .title,
.psreassurance .item-title,
.psreassurance .h6,
.psreassurance h4,
.psreassurance h5,
.psreassurance h6,
.blockreassurance strong,
.blockreassurance .title,
.blockreassurance .item-title,
.blockreassurance .h6,
.blockreassurance h4,
.blockreassurance h5,
.blockreassurance h6 {
  display: block !important;
  width: 100%;
  margin: 0 0 6px 0 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

#block-reassurance .description,
#block-reassurance .item-description,
#block-reassurance small,
.ps_reassurance .description,
.ps_reassurance .item-description,
.ps_reassurance small,
.psreassurance .description,
.psreassurance .item-description,
.psreassurance small,
.blockreassurance .description,
.blockreassurance .item-description,
.blockreassurance small {
  display: block !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

@media (min-width: 992px) {
  body#index #block-reassurance ul,
  body#index .ps_reassurance ul,
  body#index .psreassurance ul,
  body#index .blockreassurance ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body#index #block-reassurance li,
  body#index .ps_reassurance li,
  body#index .psreassurance li,
  body#index .blockreassurance li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 10px !important;
    padding: 8px 10px 14px !important;
    border-top: 0 !important;
  }

  body#index #block-reassurance img,
  body#index #block-reassurance svg,
  body#index .ps_reassurance img,
  body#index .ps_reassurance svg,
  body#index .psreassurance img,
  body#index .psreassurance svg,
  body#index .blockreassurance img,
  body#index .blockreassurance svg {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex-basis: 52px !important;
    margin: 0 auto !important;
  }

  body#index #block-reassurance a,
  body#index .ps_reassurance a,
  body#index .psreassurance a,
  body#index .blockreassurance a {
    display: block !important;
    text-align: center !important;
    max-width: 240px !important;
  }
}

@media (max-width: 991px) {
  body#index #block-reassurance,
  body#product #block-reassurance,
  body#index .ps_reassurance,
  body#product .ps_reassurance,
  body#index .psreassurance,
  body#product .psreassurance,
  body#index .blockreassurance,
  body#product .blockreassurance {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
  }

  body#index #block-reassurance li,
  body#product #block-reassurance li,
  body#index .ps_reassurance li,
  body#product .ps_reassurance li,
  body#index .psreassurance li,
  body#product .psreassurance li,
  body#index .blockreassurance li,
  body#product .blockreassurance li {
    display: block !important;
    text-align: center !important;
    padding: 16px 10px !important;
  }

  body#index #block-reassurance li > a,
  body#product #block-reassurance li > a,
  body#index .ps_reassurance li > a,
  body#product .ps_reassurance li > a,
  body#index .psreassurance li > a,
  body#product .psreassurance li > a,
  body#index .blockreassurance li > a,
  body#product .blockreassurance li > a,
  body#index #block-reassurance li .block-reassurance-item,
  body#product #block-reassurance li .block-reassurance-item,
  body#index .ps_reassurance li .block-reassurance-item,
  body#product .ps_reassurance li .block-reassurance-item,
  body#index .psreassurance li .block-reassurance-item,
  body#product .psreassurance li .block-reassurance-item,
  body#index .blockreassurance li .block-reassurance-item,
  body#product .blockreassurance li .block-reassurance-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#index #block-reassurance li img,
  body#product #block-reassurance li img,
  body#index .ps_reassurance li img,
  body#product .ps_reassurance li img,
  body#index .psreassurance li img,
  body#product .psreassurance li img,
  body#index .blockreassurance li img,
  body#product .blockreassurance li img,
  body#index #block-reassurance li svg,
  body#product #block-reassurance li svg,
  body#index .ps_reassurance li svg,
  body#product .ps_reassurance li svg,
  body#index .psreassurance li svg,
  body#product .psreassurance li svg,
  body#index .blockreassurance li svg,
  body#product .blockreassurance li svg {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
    margin: 0 auto 6px auto !important;
  }

  body#index #block-reassurance li a,
  body#product #block-reassurance li a,
  body#index .ps_reassurance li a,
  body#product .ps_reassurance li a,
  body#index .psreassurance li a,
  body#product .psreassurance li a,
  body#index .blockreassurance li a,
  body#product .blockreassurance li a,
  body#index #block-reassurance li span,
  body#product #block-reassurance li span,
  body#index .ps_reassurance li span,
  body#product .ps_reassurance li span,
  body#index .psreassurance li span,
  body#product .psreassurance li span,
  body#index .blockreassurance li span,
  body#product .blockreassurance li span,
  body#index #block-reassurance li p,
  body#product #block-reassurance li p,
  body#index .ps_reassurance li p,
  body#product .ps_reassurance li p,
  body#index .psreassurance li p,
  body#product .psreassurance li p,
  body#index .blockreassurance li p,
  body#product .blockreassurance li p {
    text-align: center !important;
  }
}

/* Réduction de l'espace entre catégories home et réassurance */
body#index .an_home_categories,
body#index .an-home-categories,
body#index .home-categories,
body#index .featured-categories,
body#index .category_featured,
body#index .category-featured,
body#index [class*="homecategory"],
body#index [class*="home-category"],
body#index [class*="categories"] {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

body#index .displayHome,
body#index .hook-displayHome,
body#index #content-wrapper {
  padding-top: 0 !important;
}

@media (max-width: 991px) {
  body#index .an_home_categories,
  body#index .an-home-categories,
  body#index .home-categories,
  body#index .featured-categories,
  body#index .category_featured,
  body#index .category-featured,
  body#index [class*="homecategory"],
  body#index [class*="home-category"],
  body#index [class*="categories"] {
    margin-bottom: 8px !important;
  }
}

/* =========================================================
   Avis produits – listings catégories / recherche / modules
   ========================================================= */
.product-miniature .product-description,
.product-description {
  padding-top: 34px !important;
  position: relative !important;
}

.product-list-reviews.list-in-productlist,
.product-description .product-list-reviews.list-in-productlist,
.product-miniature .product-description .product-list-reviews.list-in-productlist {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 26px !important;
  min-height: 26px !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  z-index: 2 !important;
}

.product-description .product-list-reviews.list-in-productlist a,
.product-miniature .product-description .product-list-reviews.list-in-productlist a {
  display: inline-block !important;
}

.product-miniature .product-description .ets-rv-grade-stars,
.product-miniature .product-description .comments_note,
.product-miniature .product-description .ets_rv_grade_stars {
  height: auto !important;
  line-height: normal !important;
  overflow: visible !important;
}

/* =========================================================
   Images produits – listings
   ========================================================= */
.product-miniature .thumbnail-container-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  padding-top: 10px !important;
  padding-right: 72px !important;
  background: #fff !important;
  height: 250px !important;
}

.product-miniature .thumbnail-container-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* =========================================================
   Icônes wishlist + loupe sur cartes produit
   ========================================================= */
.product-miniature .highlighted-informations {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  background: transparent !important;
}

.product-miniature .highlighted-informations .an_wishlist-mini.js-an_wishlist-container {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 42px !important;
}

.product-miniature .highlighted-informations .an_wishlist-mini {
  margin-right: 0 !important;
}

.product-miniature .highlighted-informations .an_wishlist-mini a,
.product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.product-miniature .quick-view,
.product-miniature .js-quick-view,
.product-miniature .thumbnail-container .quick-view {
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

.product-miniature .highlighted-informations .an_wishlist-mini-count {
  position: absolute !important;
  top: 50% !important;
  right: 48px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
  z-index: 31 !important;
}

.product-miniature .highlighted-informations .an_wishlist-mini.js-an_wishlist-container:hover .an_wishlist-mini-count {
  opacity: 1 !important;
  visibility: visible !important;
}

.product-miniature .quick-view,
.product-miniature .js-quick-view,
.product-miniature .thumbnail-container .quick-view {
  position: absolute !important;
  top: 68px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* =========================================================
   Cartes produit : hover / tap feedback
   ========================================================= */
.product-miniature {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product-miniature:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.14) !important;
}

@media (hover: none) and (pointer: coarse) {
  .product-miniature {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .product-miniature:active {
    transition: none !important;
    transform: scale(0.96) translateY(-3px) !important;
    box-shadow: 0 12px 22px rgba(0,0,0,0.18) !important;
  }
}

/* =========================================================
   Boutons panier – version premium globale
   ========================================================= */
.ajax_add_to_cart_button,
.add-to-cart,
button[data-button-action="add-to-cart"],
#add-to-cart-or-refresh button[type="submit"],
.product-add-to-cart .btn,
.btn.add-to-cart,
button.add-to-cart {
  min-height: 52px !important;
  padding: 12px 22px !important;
  border-radius: 22px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
  white-space: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.12) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
  -webkit-tap-highlight-color: transparent;
}

.ajax_add_to_cart_button:hover,
.add-to-cart:hover,
button[data-button-action="add-to-cart"]:hover,
#add-to-cart-or-refresh button[type="submit"]:hover,
.product-add-to-cart .btn:hover,
.btn.add-to-cart:hover,
button.add-to-cart:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,0.16) !important;
  filter: brightness(1.02) !important;
}

@media (hover: none) and (pointer: coarse) {
  .ajax_add_to_cart_button:active,
  .add-to-cart:active,
  button[data-button-action="add-to-cart"]:active,
  #add-to-cart-or-refresh button[type="submit"]:active,
  .product-add-to-cart .btn:active,
  .btn.add-to-cart:active,
  button.add-to-cart:active {
    transform: scale(0.98) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.10) !important;
    filter: brightness(0.98) !important;
  }
}

@media (max-width: 767px) {
  .ajax_add_to_cart_button,
  .add-to-cart,
  button[data-button-action="add-to-cart"],
  #add-to-cart-or-refresh button[type="submit"],
  .product-add-to-cart .btn,
  .btn.add-to-cart,
  button.add-to-cart {
    min-height: 56px !important;
    padding: 12px 18px !important;
    line-height: 1.2 !important;
  }
}

/* Empêche le bouton panier d'être coupé au hover sur fiche produit */
.product-information,
.product-actions,
.product-add-to-cart,
.product-add-to-cart .product-quantity,
#add-to-cart-or-refresh {
  overflow: visible !important;
}

#add-to-cart-or-refresh button[type="submit"],
.product-add-to-cart .btn,
button.add-to-cart,
button[data-button-action="add-to-cart"] {
  position: relative !important;
  z-index: 5 !important;
}/* =========================================
   FICHE PRODUIT MOBILE - prix sur une ligne
   ========================================= */
@media (max-width: 767px) {
  .product-prices .current-price {
    display: inline-flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  .product-prices .current-price > span,
  .product-prices .current-price .price,
  .product-prices .current-price .current-price-value,
  .product-prices .current-price .tax-shipping-delivery-label,
  .product-prices .current-price .tax-label {
    display: inline !important;
    white-space: nowrap !important;
  }

  .product-prices .current-price .price,
  .product-prices .current-price .current-price-value {
    line-height: 1 !important;
  }
}

/* =========================================
   HOME PRODUCT uniquement
   Images un peu plus grandes
   ========================================= */

/* Cible le module home products Anvanto */
.anhomeproducts .product-miniature .thumbnail-container-image,
.an_homeproducts .product-miniature .thumbnail-container-image,
.homeproducts .product-miniature .thumbnail-container-image,
.an_products .product-miniature .thumbnail-container-image {
  padding-right: 52px !important;
  padding-top: 4px !important;
}

/* Icônes un peu plus petites */
.anhomeproducts .product-miniature .highlighted-informations,
.an_homeproducts .product-miniature .highlighted-informations,
.homeproducts .product-miniature .highlighted-informations,
.an_products .product-miniature .highlighted-informations {
  top: 8px !important;
  right: 8px !important;
  gap: 6px !important;
}

.anhomeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.anhomeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.anhomeproducts .product-miniature .quick-view,
.anhomeproducts .product-miniature .js-quick-view,
.an_homeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.an_homeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.an_homeproducts .product-miniature .quick-view,
.an_homeproducts .product-miniature .js-quick-view,
.homeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.homeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.homeproducts .product-miniature .quick-view,
.homeproducts .product-miniature .js-quick-view,
.an_products .product-miniature .highlighted-informations .an_wishlist-mini a,
.an_products .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.an_products .product-miniature .quick-view,
.an_products .product-miniature .js-quick-view {
  width: 36px !important;
  height: 36px !important;
}

/* Loupe recalée */
.anhomeproducts .product-miniature .quick-view,
.anhomeproducts .product-miniature .js-quick-view,
.an_homeproducts .product-miniature .quick-view,
.an_homeproducts .product-miniature .js-quick-view,
.homeproducts .product-miniature .quick-view,
.homeproducts .product-miniature .js-quick-view,
.an_products .product-miniature .quick-view,
.an_products .product-miniature .js-quick-view {
  top: 54px !important;
  right: 8px !important;
}

/* Compteur wishlist recalé */
.anhomeproducts .product-miniature .highlighted-informations .an_wishlist-mini-count,
.an_homeproducts .product-miniature .highlighted-informations .an_wishlist-mini-count,
.homeproducts .product-miniature .highlighted-informations .an_wishlist-mini-count,
.an_products .product-miniature .highlighted-informations .an_wishlist-mini-count {
  right: 40px !important;
}

/* Image légèrement agrandie */
.anhomeproducts .product-miniature .thumbnail-container-image img,
.an_homeproducts .product-miniature .thumbnail-container-image img,
.homeproducts .product-miniature .thumbnail-container-image img,
.an_products .product-miniature .thumbnail-container-image img {
  transform: scale(1.10) !important;
  transform-origin: center center !important;
}

/* =========================================
   HOME PRODUCT - réglage fin final
   ========================================= */

/* icônes parfaitement alignées */
.anhomeproducts .product-miniature .highlighted-informations,
.an_homeproducts .product-miniature .highlighted-informations,
.homeproducts .product-miniature .highlighted-informations,
.an_products .product-miniature .highlighted-informations {
  top: 8px !important;
  right: 8px !important;
  gap: 8px !important;
  align-items: center !important;
}

/* même taille exacte pour coeur + loupe */
.anhomeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.anhomeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.anhomeproducts .product-miniature .quick-view,
.anhomeproducts .product-miniature .js-quick-view,
.an_homeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.an_homeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.an_homeproducts .product-miniature .quick-view,
.an_homeproducts .product-miniature .js-quick-view,
.homeproducts .product-miniature .highlighted-informations .an_wishlist-mini a,
.homeproducts .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.homeproducts .product-miniature .quick-view,
.homeproducts .product-miniature .js-quick-view,
.an_products .product-miniature .highlighted-informations .an_wishlist-mini a,
.an_products .product-miniature .highlighted-informations .an_wishlist-mini span.js-an_wishlist-addrm-btn,
.an_products .product-miniature .quick-view,
.an_products .product-miniature .js-quick-view {
  width: 36px !important;
  height: 36px !important;
}

/* recalage loupe */
.anhomeproducts .product-miniature .quick-view,
.anhomeproducts .product-miniature .js-quick-view,
.an_homeproducts .product-miniature .quick-view,
.an_homeproducts .product-miniature .js-quick-view,
.homeproducts .product-miniature .quick-view,
.homeproducts .product-miniature .js-quick-view,
.an_products .product-miniature .quick-view,
.an_products .product-miniature .js-quick-view {
  top: 52px !important;
  right: 8px !important;
}

/* image encore un chouïa plus grande */
.anhomeproducts .product-miniature .thumbnail-container-image img,
.an_homeproducts .product-miniature .thumbnail-container-image img,
.homeproducts .product-miniature .thumbnail-container-image img,
.an_products .product-miniature .thumbnail-container-image img {
  transform: scale(1.14) !important;
  transform-origin: center center !important;
}
/* =========================================================
   HEADER MOBILE - anciennes versions expérimentales retirées
   La version active est le bloc piloté par JS ci-dessous.
   ========================================================= */
/* =========================================================
   HEADER MOBILE LILO - version pilotée par JS
   Ne s’applique que si le JS a ajouté la classe
   ========================================================= */
@media (max-width: 767px) {
  body.lilo-mobile-header-ready #header .hidden-md-up.text-xs-center.mobile {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  body.lilo-mobile-header-ready #header .hidden-md-up.text-xs-center.mobile .mobile-header {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* LOGO */
  body.lilo-mobile-header-ready #header #_mobile_logo {
    order: 1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_logo a img,
  body.lilo-mobile-header-ready #header .top-logo a img,
  body.lilo-mobile-header-ready #header .top-logo img,
  body.lilo-mobile-header-ready #header img.logo {
    width: 145px !important;
    max-width: 145px !important;
    max-height: 145px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* LIGNE ICÔNES */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 22px 0 18px 0 !important;
    padding: 0 !important;
  }

  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > div {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info > a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .blockcart .header > a.blockcart-link {
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row svg {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
  }

  /* panier mobile : on garde l’icône native mobile */
  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-sm-down {
    display: none !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-md-up {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_cart .cart-text,
  body.lilo-mobile-header-ready #header #_mobile_cart .cart-products-count,
  body.lilo-mobile-header-ready #header #_mobile_cart .mobile-cart-item-count {
    display: none !important;
  }

  /* RECHERCHE */
  body.lilo-mobile-header-ready #header #_mobile_search_widget {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
  }
}
/* =========================================================
   PATCH FINAL
   - corrige doublon panier desktop
   - aligne proprement les boutons mobile
   ========================================================= */

/* =========================
   DESKTOP : panier sans doublon
   ========================= */
@media (min-width: 768px) {
  /* on ne garde que l’icône desktop du panier */
  #_desktop_cart .blockcart-link > svg.hidden-sm-down,
  #desktop_cart .blockcart-link > svg.hidden-sm-down {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #_desktop_cart .blockcart-link > svg.hidden-md-up,
  #desktop_cart .blockcart-link > svg.hidden-md-up {
    display: none !important;
  }

  /* sécurité supplémentaire */
  #_desktop_cart .mobile-cart-item-count,
  #desktop_cart .mobile-cart-item-count {
    display: none !important;
  }
}

/* =========================
   MOBILE : header mieux rangé
   ========================= */
@media (max-width: 767px) {

  /* logo un peu plus bas */
  body.lilo-mobile-header-ready #header #_mobile_logo {
    margin: 18px 0 0 0 !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_logo a img,
  body.lilo-mobile-header-ready #header .top-logo a img,
  body.lilo-mobile-header-ready #header .top-logo img,
  body.lilo-mobile-header-ready #header img.logo {
    width: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
  }

  /* vraie ligne de boutons */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 18px 0 22px 0 !important;
    padding: 0 !important;
  }

  /* boîtes identiques */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > div {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info > a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .blockcart .header > a.blockcart-link {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  /* homogénéisation visuelle */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
  }

  /* coeur légèrement plus petit */
  body.lilo-mobile-header-ready #header #_mobile_an_wishlist-nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  /* burger légèrement plus net */
  body.lilo-mobile-header-ready #header #menu-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* panier mobile : seulement l’icône mobile */
  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-sm-down {
    display: none !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-md-up {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_cart .cart-text,
  body.lilo-mobile-header-ready #header #_mobile_cart .cart-products-count,
  body.lilo-mobile-header-ready #header #_mobile_cart .mobile-cart-item-count {
    display: none !important;
  }

  /* la recherche reste juste dessous */
  body.lilo-mobile-header-ready #header #_mobile_search_widget {
    margin-top: 0 !important;
  }
}
/* =========================================================
   PATCH MOBILE FINAL - alignement propre de la ligne d'icônes
   ========================================================= */
@media (max-width: 767px) {

  /* ligne d'icônes : on force une vraie ligne centrée */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 30px !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 34px !important;
    width: 100% !important;
    margin: 18px 0 20px 0 !important;
    padding: 0 !important;
  }

  /* reset ultra fort des blocs hérités du thème */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > div,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > #_mobile_user_info,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > #_mobile_an_wishlist-nav,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > #_mobile_cart,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > #menu-icon {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  /* zones cliquables identiques */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .user-info > a,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row .blockcart .header > a.blockcart-link {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  /* SVG homogènes */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row svg {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* léger équilibrage visuel */
  body.lilo-mobile-header-ready #header #_mobile_an_wishlist-nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  body.lilo-mobile-header-ready #header #menu-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* panier mobile : un seul svg */
  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-sm-down {
    display: none !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-md-up {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 auto !important;
  }

  /* espace logo / icônes / recherche */
  body.lilo-mobile-header-ready #header #_mobile_logo {
    margin: 18px 0 0 0 !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_search_widget {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    grid-auto-columns: 28px !important;
    column-gap: 26px !important;
    margin: 22px 0 18px 0 !important;
  }

  body.lilo-mobile-header-ready #header #_mobile_logo {
    margin: 20px 0 2px 0 !important;
  }
}

@media (max-width: 767px) {
  /* descend un peu la ligne d'icônes */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    margin: 40px 0 4px 0 !important;
    align-items: center !important;
  }

  /* aligne mieux les 3 boîtes */
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row > div {
    align-self: center !important;
  }

  /* remonte légèrement le panier */
  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart .header > a.blockcart-link,
  body.lilo-mobile-header-ready #header #_mobile_cart .blockcart-link > svg.hidden-md-up {
    position: relative !important;
    top: -2px !important;
  }
}

/* =========================================================
   ANIMATION LOGO LILO JUMEAUX
   Effet : flottement doux (premium, discret)
   Appliqué sur mobile + desktop
   Compatible avec réduction au scroll sur mobile
   ========================================================= */

#header #_mobile_logo a img,
#header .top-logo a img,
#header .top-logo img,
#header img.logo {
  --lilo-scale: 1;
  animation: liloFloat 5s ease-in-out infinite;
  will-change: transform;
}

@keyframes liloFloat {
  0% {
    transform: translateY(0px) scale(var(--lilo-scale));
  }
  50% {
    transform: translateY(-6px) scale(var(--lilo-scale));
  }
  100% {
    transform: translateY(0px) scale(var(--lilo-scale));
  }
}
/* =========================================================
   HEADER MOBILE AU SCROLL
   - réduit légèrement le logo
   - masque la ligne d’icônes
   - restaure l’état normal en haut de page
   ========================================================= */

@media (max-width: 767px) {

  /* transitions douces */
  body.lilo-mobile-header-ready #header #_mobile_logo a img,
  body.lilo-mobile-header-ready #header .lilo-mobile-icons-row {
    transition: transform 0.25s ease, opacity 0.25s ease, margin 0.25s ease;
  }

/* état scrollé */
body.lilo-mobile-scrolled #header #_mobile_logo a img {
  --lilo-scale: 0.70;
}


  body.lilo-mobile-scrolled #header .lilo-mobile-icons-row {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* on resserre un peu le bloc sous le logo quand les icônes disparaissent */
  body.lilo-mobile-scrolled #header #_mobile_search_widget {
    margin-top: 4px !important;
  }
}
/* =========================================================
   WIDGETS FLOTTANTS DROITE
   - Social login un peu plus bas
   - WhatsApp et Smartsupp plus discrets
   - légère transparence pour éviter de trop masquer la page
   ========================================================= */

@media (max-width: 767px) {

  /* ---------------------------------
     1) BADGE SOCIAL LOGIN
     --------------------------------- */
  .ets_solo_slide_widget {
    opacity: 0.78 !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
  }

  .ets_solo_slide_widget:hover,
  .ets_solo_slide_widget:active {
    opacity: 1 !important;
  }

  /* on le descend juste au-dessus de WhatsApp */
  .ets_solo_slide_widget {
    top: auto !important;
    bottom: 140px !important;
  }

  /* un peu plus compact visuellement */
  .ets_solo_slide_widget .ets_solo_title {
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  /* ---------------------------------
     2) WIDGET WHATSAPP
     --------------------------------- */
  .ets_wa_whatsapp_block_right_bottom {
    opacity: 0.78 !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
  }

  .ets_wa_whatsapp_block_right_bottom:hover,
  .ets_wa_whatsapp_block_right_bottom:active {
    opacity: 1 !important;
  }

  /* ---------------------------------
     3) SMARTSUPP
     --------------------------------- */
  iframe[title*="Smartsupp"],
  iframe[title*="smartsupp"],
  div[aria-label*="Ouvrir le chat Smartsupp"] {
    opacity: 0.72 !important;
    transition: opacity 0.25s ease !important;
  }

  iframe[title*="Smartsupp"]:hover,
  iframe[title*="smartsupp"]:hover,
  div[aria-label*="Ouvrir le chat Smartsupp"]:hover {
    opacity: 1 !important;
  }
}
/* =========================================================
   WIDGETS FLOTTANTS MOBILE
   - Social login plus petit
   - Empilement propre : Social > WhatsApp > Smartsupp
   - Semi-transparent par défaut
   - Encore plus discret au scroll
   - Pleinement visible au toucher / survol
   ========================================================= */

@media (max-width: 767px) {

  /* =========================================================
   SOCIAL LOGIN MOBILE
   - placé sous le bandeau du haut
   - fixe au scroll
   - plus discret
   ========================================================= */
  .ets_solo_slide_widget {
    position: fixed !important;
    top: 210px !important;   /* ajuste si besoin */ /* position avant scroll */
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    transform: scale(0.82) !important;
    transform-origin: right top !important;
    opacity: 0.88 !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
    z-index: 35 !important;
  }

  .ets_solo_slide_widget:hover,
  .ets_solo_slide_widget:active,
  .ets_solo_slide_widget:focus-within {
    opacity: 1 !important;
    transform: scale(0.86) !important;
  }

  .ets_solo_slide_widget .ets_solo_title {
    font-size: 13px !important;
    line-height: 1.05 !important;
  }

  /* au scroll : un peu plus discret mais reste en place */ /* position après scroll */
  body.lilo-mobile-scrolled .ets_solo_slide_widget {
    top: 90px !important; /* position pendant le scroll */
    opacity: 0.68 !important;
  }

/* -----------------------------
   2) WHATSAPP
   ----------------------------- */
.ets_wa_whatsapp_block.right_bottom {
  bottom: 68px !important;
  right: 0px !important;
  transform: scale(0.80) !important;
  transform-origin: bottom right !important;
  z-index: 29 !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* état normal */
.ets_wa_whatsapp_block.right_bottom,
.ets_wa_whatsapp_block.right_bottom a,
.ets_wa_whatsapp_block.right_bottom p,
.ets_wa_whatsapp_block.right_bottom .ets_wa_title {
  opacity: 0.82 !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* état hover / touch */
.ets_wa_whatsapp_block.right_bottom:hover,
.ets_wa_whatsapp_block.right_bottom:hover a,
.ets_wa_whatsapp_block.right_bottom:hover p,
.ets_wa_whatsapp_block.right_bottom:hover .ets_wa_title,
.ets_wa_whatsapp_block.right_bottom:active,
.ets_wa_whatsapp_block.right_bottom:active a,
.ets_wa_whatsapp_block.right_bottom:active p,
.ets_wa_whatsapp_block.right_bottom:active .ets_wa_title,
.ets_wa_whatsapp_block.right_bottom:focus-within,
.ets_wa_whatsapp_block.right_bottom:focus-within a,
.ets_wa_whatsapp_block.right_bottom:focus-within p,
.ets_wa_whatsapp_block.right_bottom:focus-within .ets_wa_title {
  opacity: 1 !important;
}

/* état scroll */
body.lilo-mobile-scrolled .ets_wa_whatsapp_block.right_bottom,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block.right_bottom a,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block.right_bottom p,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block.right_bottom .ets_wa_title {
  opacity: 0.50 !important;
}

/* état scroll */
body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom a,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom img,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom .ets_wa_title,
body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom p {
  opacity: 0.50 !important;
}

/* -----------------------------
     3) SMARTSUPP
     ----------------------------- */
  iframe[title*="Smartsupp"],
  iframe[title*="smartsupp"],
  div[aria-label*="Ouvrir le chat Smartsupp"] {
    opacity: 0.82 !important;
    transform: scale(0.88) !important;
    transform-origin: bottom right !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
  }

  iframe[title*="Smartsupp"]:hover,
  iframe[title*="smartsupp"]:hover,
  div[aria-label*="Ouvrir le chat Smartsupp"]:hover,
  div[aria-label*="Ouvrir le chat Smartsupp"]:active,
  div[aria-label*="Ouvrir le chat Smartsupp"]:focus-within {
    opacity: 1 !important;
    transform: scale(0.85) !important;
    transform-origin: bottom right !important;
  }

  /* -----------------------------
     4) AU SCROLL : encore plus discret
     ----------------------------- */
  body.lilo-mobile-scrolled .ets_solo_slide_widget {
    opacity: 0.62 !important;
  }

  body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom,
  body.lilo-mobile-scrolled .ets_wa_whatsapp_block_right_bottom * {
    opacity: 0.62 !important;
  }

  body.lilo-mobile-scrolled iframe[title*="Smartsupp"],
  body.lilo-mobile-scrolled iframe[title*="smartsupp"],
  body.lilo-mobile-scrolled div[aria-label*="Ouvrir le chat Smartsupp"] {
    opacity: 0.62 !important;
  }
}
/* SUPPRIME HALO SMARTSUPP */
iframe[title*="Smartsupp"],
iframe[title*="smartsupp"] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* -----------------------------
   SMARTSUPP OUVERT : reset propre
   ----------------------------- */
@media (max-width: 767px) {
  body.lilo-smartsupp-open iframe[title*="Smartsupp"],
  body.lilo-smartsupp-open iframe[title*="smartsupp"] {
    opacity: 1 !important;
    transform: none !important;
  }
}
/* CONTENEUR INTERNE → réduit la hauteur */
.ets_solo_slide_widget {
  padding-top: 2.5px !important;
  padding-bottom: 2px !important;
}

/* TEXTE → compacte */
.ets_solo_slide_widget .ets_solo_title {
  margin: 0 !important;
  padding: 2px 6px !important;
  line-height: 1 !important;
}

/* ICÔNE → remonte légèrement */
.ets_solo_slide_widget svg,
.ets_solo_slide_widget i {
  transform: translateY(-2px);
}
/* =========================================================
   SOCIAL LOGIN - STYLE CARTE ROSE LILO
   Icône + texte alignés sur une seule ligne
   ========================================================= */

.ets_solo_slide_widget {
  background: #cf6d7c !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  padding: 4px 8px !important;
  overflow: hidden !important;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* on supprime le retour à la ligne injecté par le module */
.ets_solo_slide_widget .ets_solo_title br {
  display: none !important;
}

/* vraie ligne horizontale */
.ets_solo_slide_widget .ets_solo_title {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 2px 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* icône material */
.ets_solo_slide_widget .ets_solo_title .material-icons,
.ets_solo_slide_widget .ets_solo_title i,
.ets_solo_slide_widget .ets_solo_title svg {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 1px !important;
  flex: 0 0 auto !important;
}

/* hover léger */
.ets_solo_slide_widget:hover,
.ets_solo_slide_widget:active,
.ets_solo_slide_widget:focus-within {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
}
/* =========================================================
   SOCIAL LOGIN - STYLE CARTE ROSE LILO
   Version compacte + centrage vertical optique
   ========================================================= */

/* carte */
.ets_solo_slide_widget,
.ets_solo_slide_widget:not(.active),
.ets_solo_slide_widget.active {
  background: #cf6d7c !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10) !important;

  /* plus de padding en haut pour descendre le contenu visuellement */
  padding: 4px 5px 0 !important;

  overflow: hidden !important;
  transform: translateX(-6px) !important;
}

/* coins */
.ets_solo_slide_widget,
.ets_solo_slide_widget:not(.active),
.ets_solo_slide_widget.active,
.ets_solo_slide_widget .ets_solo_title,
.ets_solo_slide_widget a,
.ets_solo_slide_widget span,
.ets_solo_slide_widget div {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* suppression <br> */
.ets_solo_slide_widget .ets_solo_title br {
  display: none !important;
}

/* ligne icône + texte */
.ets_solo_slide_widget .ets_solo_title {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 1px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* icône */
.ets_solo_slide_widget .ets_solo_title .material-icons,
.ets_solo_slide_widget .ets_solo_title i,
.ets_solo_slide_widget .ets_solo_title svg {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
  flex: 0 0 auto !important;
}

/* hover neutre */
.ets_solo_slide_widget:hover,
.ets_solo_slide_widget:active,
.ets_solo_slide_widget:focus-within {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10) !important;
}
/* =========================================================
   MOBILE - REMONTER / DÉCALER LE BOUTON RETOUR HAUT
   ========================================================= */
@media (max-width: 767px) {
  #scrolltopbtn {
    top: 10px !important;
    right: 105px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 10001 !important;
  }

  #scrolltopbtn svg,
  #scrolltopbtn img {
    width: 30px !important;
    height: 30px !important;
  }
}
/* =========================================================
   MOBILE - FEATURED PRODUCTS
   1 carte visible, slider conservé, carte centrée
   ========================================================= */
@media (max-width: 600px) {

  /* conteneurs du carrousel */
  #index .featured-products,
  #index .featured-products .owl-carousel,
  #index .featured-products .owl-stage-outer {
    width: 100% !important;
    overflow: hidden !important;
  }

  /* on laisse Owl gérer le mouvement, mais on garde une seule slide visible */
  #index .featured-products .owl-stage {
    display: flex !important;
  /* si on veut affichage sur 2 lignes display: block !important;*/
    align-items: stretch !important;
  }

  #index .featured-products .owl-item {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    flex: 0 0 100vw !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* wrapper interne de chaque slide */
  #index .featured-products .owl-item > div {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  /* produit */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* carte centrée dans la slide */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .thumbnail-container {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 auto 18px !important;
    padding: 14px 14px 18px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  /* image */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .thumbnail-container-image {
    min-height: 250px !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .thumbnail-container-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 235px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* titre */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .product-title,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) h3,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .h3 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    min-height: auto !important;
  }

  /* prix */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .price {
    font-size: 18px !important;
  }

  /* quantité */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .input-group,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .qty,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .product-quantity {
    width: 100% !important;
    max-width: 120px !important;
    margin: 8px auto 12px !important;
  }

  /* bouton panier */
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .ajax_add_to_cart_button,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .add-to-cart,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .btn-cart,
  #index .featured-products .product-miniature.product-mobile-row:not(.col-lg-12) .product-add-to-cart .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    border-radius: 999px !important;
    max-width: 230px !important;
    margin: 0 auto !important;
    white-space: normal !important;
  }
}

/* =========================
   HOME PRODUCTS - TITRES
   ========================= */
.h2.products-section-title a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important; /* plus gros */
  font-weight: 700 !important;
  color: #cf6d7c !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* =========================
   HOME CATEGORIES - TITRES
   ========================= */
.an_homecategories-item-desc .h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important; /* ajuste si besoin */
  font-weight: 600 !important;
  color: #cf6d7c !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* =========================================================
   RUBAN LILO FINAL CORRIGÉ
   - Sans flèches
   - Animation haut/bas peu fréquente
   - Shine large synchronisé avec le mouvement
   - Home Categories en rose Lilo
   - Home Products en violet Lilo
   ========================================================= */

/* ---------------------------------------------------------
   ANIMATION 1 : petit flottement périodique + couleur
   --------------------------------------------------------- */
@keyframes liloFloatPink {
  0%, 10%, 20%, 100% {
    transform: translateY(0);
    background: #cf6d7c;
  }
  4% {
    transform: translateY(-3px);
    background: #d57988;
  }
  7% {
    transform: translateY(0);
    background: #cf6d7c;
  }
  14% {
    transform: translateY(-2px);
    background: #d57988;
  }
  17% {
    transform: translateY(0);
    background: #cf6d7c;
  }
}

@keyframes liloFloatPurple {
  0%, 10%, 20%, 100% {
    transform: translateY(0);
    background: #686a95;
  }
  4% {
    transform: translateY(-3px);
    background: #7a7cab;
  }
  7% {
    transform: translateY(0);
    background: #686a95;
  }
  14% {
    transform: translateY(-2px);
    background: #7a7cab;
  }
  17% {
    transform: translateY(0);
    background: #686a95;
  }
}

/* ---------------------------------------------------------
   ANIMATION 2 : shine large synchronisé
   --------------------------------------------------------- */
@keyframes liloShineWide {
  0%, 3%, 100% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  4% {
    opacity: 0.15;
  }
  8% {
    opacity: 0.55;
  }
  14% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
  15%, 100% {
    opacity: 0;
  }
}

/* =========================================================
   HOME CATEGORIES
   ========================================================= */
.an_homecategories-item-desc {
  text-align: center !important;
}

.an_homecategories-item-desc .h6 {
  display: inline-block !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 100% !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;

  color: #ffffff !important;
  background: #cf6d7c !important;

  padding: 7px 14px !important;
  border-radius: 10px !important;

  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;

  white-space: normal !important;
  word-break: keep-all !important;

  animation: liloFloatPink 10s ease-in-out infinite;
  will-change: transform, background;
}

/* suppression des flèches */
.an_homecategories-item-desc .h6::before {
  display: none !important;
}

/* shine large */
.an_homecategories-item-desc .h6::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -45%;
  width: 38%;
  height: 140%;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 20%,
    rgba(255,255,255,0.85) 50%,
    rgba(255,255,255,0.10) 80%,
    rgba(255,255,255,0) 100%
  );
  animation: liloShineWide 10s ease-in-out infinite;
}

/* =========================================================
   HOME PRODUCTS
   ========================================================= */
.h2.products-section-title {
  text-align: center !important;
}

.h2.products-section-title a {
  display: inline-block !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 100% !important;

  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;

  color: #ffffff !important;
  background: #686a95 !important;

  padding: 10px 22px !important;
  border-radius: 12px !important;

  text-transform: uppercase !important;
  letter-spacing: 1px !important;

  animation: liloFloatPurple 10s ease-in-out infinite;
  will-change: transform, background;
}

/* suppression des flèches */
.h2.products-section-title a::before {
  display: none !important;
}

/* shine large */
.h2.products-section-title a::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -60%;
  width: 52%;
  height: 140%;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 20%,
    rgba(255,255,255,0.85) 50%,
    rgba(255,255,255,0.10) 80%,
    rgba(255,255,255,0) 100%
  );
  animation: liloShineWide 10s ease-in-out infinite;
}
/* =========================================================
   AJUSTEMENTS FACILES
   à coller SOUS le bloc principal
   ========================================================= */

/* ---------------------------------------------------------
   1) HOVER
   Quand on passe la souris sur le ruban :
   - légère montée
   - légère ombre
   - légère variation de couleur
   --------------------------------------------------------- */

/* Home Categories */
.an_homecategories-item-desc .h6:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(207, 109, 124, 0.22) !important;
  background: #d57988 !important; /* rose un peu plus clair */
}

/* Home Products */
.h2.products-section-title a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(104, 106, 149, 0.22) !important;
  background: #7a7cab !important; /* violet un peu plus clair */
}


/* ---------------------------------------------------------
   2) SHINE PLUS FRÉQUENT
   Change la fréquence du balayage lumineux
   Plus le chiffre est PETIT, plus ça revient souvent
   --------------------------------------------------------- */

/*
ACTUELLEMENT dans ton bloc principal :
animation: liloShineWide 10s ease-in-out infinite;

EXEMPLES :
- 10s = assez calme
- 8s  = plus fréquent
- 6s  = encore plus fréquent
- 4s  = très fréquent
*/

/* Home Categories */
.an_homecategories-item-desc .h6::after {
  animation-duration: 8s !important;
}

/* Home Products */
.h2.products-section-title a::after {
  animation-duration: 8s !important;
}


/* ---------------------------------------------------------
   3) MOUVEMENT HAUT/BAS PLUS OU MOINS FRÉQUENT
   Même logique :
   Plus le chiffre est PETIT, plus le bouton s'anime souvent
   --------------------------------------------------------- */

/*
ACTUELLEMENT dans ton bloc principal :
animation: liloFloatPink 10s ease-in-out infinite;
animation: liloFloatPurple 10s ease-in-out infinite;

EXEMPLES :
- 10s = calme
- 8s  = un peu plus vivant
- 6s  = plus vivant
*/

/* Home Categories */
.an_homecategories-item-desc .h6 {
  animation-duration: 9s !important;
}

/* Home Products */
.h2.products-section-title a {
  animation-duration: 9s !important;
}
/* =========================================================
   SHINE CTA
   - Bouton "Se connecter"
   - Boutons "Ajouter au panier"
   ========================================================= */

/* ---------------------------------------------------------
   ANIMATION SHINE (réutilisable)
   --------------------------------------------------------- */
@keyframes liloShineCTA {
  0%, 70%, 100% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  74% {
    opacity: 0.2;
  }
  78% {
    opacity: 0.6;
  }
  84% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
}

/* =========================================================
   1) BOUTON "SE CONNECTER"
   ========================================================= */

/* adapte si besoin selon ton module */
.header_user_info a,
.user-info a,
a.login,
a.account {
  position: relative !important;
  overflow: hidden !important;
}

/* shine */
.header_user_info a::after,
.user-info a::after,
a.login::after,
a.account::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -60%;
  width: 50%;
  height: 140%;
  pointer-events: none;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 20%,
    rgba(255,255,255,0.85) 50%,
    rgba(255,255,255,0.15) 80%,
    rgba(255,255,255,0) 100%
  );

  animation: liloShineCTA 15s ease-in-out infinite;
}


/* =========================================================
   SHINE - BOUTON AJOUTER AU PANIER
   (ciblage corrigé selon ton inspecteur)
   ========================================================= */

/* bouton */
button.btn.btn-primary.js-an_productattributes-add-to-cart {
  position: relative !important;
  overflow: hidden !important;
}

/* shine */
button.btn.btn-primary.js-an_productattributes-add-to-cart::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -80%;
  width: 65%;
  height: 140%;
  pointer-events: none;
  z-index: 2;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 20%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.15) 80%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-22deg);
  animation: liloShineAddToCart 5s ease-in-out infinite;
}

/* animation spécifique */
@keyframes liloShineAddToCart {
  0%, 75%, 100% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  78% {
    opacity: 0.25;
  }
  82% {
    opacity: 0.85;
  }
  88% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
}
/* =========================================================
   SHINE - BOUTON SE CONNECTER (module social ETS)
   ========================================================= */

/* bouton */
.ets_solo_title {
  position: relative !important;
  overflow: hidden !important;
}

/* shine */
.ets_solo_title::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -60%;
  width: 60%;
  height: 140%;
  pointer-events: none;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.2) 20%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.2) 80%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-22deg);
  animation: liloShineLogin 15s ease-in-out infinite;
}

/* animation spécifique (pour pouvoir la régler indépendamment) */
@keyframes liloShineLogin {
  0%, 75%, 100% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  78% {
    opacity: 0.3;
  }
  82% {
    opacity: 0.8;
  }
  88% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
}
/* =========================================================
   SHINE LOGO MOBILE LILO
   ciblage corrigé selon ton inspecteur
   ========================================================= */

/* conteneur cliquable du logo */
#mobile_logo a {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  line-height: 0 !important; /* évite les espaces parasites */
  border-radius: 50% !important; /* suit la forme ronde du logo */
}

/* image du logo : on ne la déforme pas */
#mobile_logo a img.logo.img-responsive {
  display: block !important;
  width: 150px !important;
  max-width: 150px !important;
  max-height: 150px !important;
  height: auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* shine */
#mobile_logo a::after {
  content: "";
  position: absolute;
  top: -15%;
  left: -90%;
  width: 55%;
  height: 130%;
  pointer-events: none;
  z-index: 2;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.10) 20%,
    rgba(255,255,255,0.65) 50%,
    rgba(255,255,255,0.10) 80%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-20deg);
  animation: liloShineMobileLogo 12s ease-in-out infinite;
}

/* animation */
@keyframes liloShineMobileLogo {
  0%, 82%, 100% {
    transform: translateX(-180%) skewX(-20deg);
    opacity: 0;
  }
  86% {
    opacity: 0.18;
  }
  90% {
    opacity: 0.5;
  }
  96% {
    transform: translateX(260%) skewX(-20deg);
    opacity: 0;
  }
}

/* =========================================================
   QUANTITÉ + AJOUT AU PANIER
   - quantité plus visible
   - fond rose clair Lilo
   - desktop sur une seule ligne
   ========================================================= */

/* champ quantité */
.an_productattributes-qty-add input,
.an_productattributes-qty-add .qty,
.an_productattributes-qty-add input.input-group,
.an_productattributes-qty-add input.form-control,
.product-miniature .qty input,
.product-miniature input[name="qty"] {
  background: #fbe3e8 !important; /* rose clair Lilo */
  border: 1px solid #e7b8c2 !important;
  color: #686a95 !important; /* violet Lilo pour bien ressortir */
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* placeholder éventuel */
.an_productattributes-qty-add input::placeholder,
.product-miniature input[name="qty"]::placeholder {
  color: #9b8aa4 !important;
  opacity: 1 !important;
}

/* bloc quantité */
.an_productattributes-qty-add {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* desktop : quantité + bouton sur une seule ligne */
@media (min-width: 768px) {
  .an_productattributes-qty-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  .an_productattributes-qty-add input,
  .an_productattributes-qty-add .qty,
  .an_productattributes-qty-add input.input-group,
  .an_productattributes-qty-add input.form-control {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 46px !important;
  }

  button.btn.btn-primary.js-an_productattributes-add-to-cart {
    width: auto !important;
    min-width: 170px !important;
    white-space: nowrap !important; /* évite le retour à la ligne */
    margin-top: 0 !important;
  }
}

/* mobile : on garde un rendu propre */
@media (max-width: 767px) {
  .an_productattributes-qty-add input,
  .an_productattributes-qty-add .qty,
  .an_productattributes-qty-add input.input-group,
  .an_productattributes-qty-add input.form-control {
    width: 78px !important;
    height: 44px !important;
  }
}
/* =========================================================
   CORRECTION DESKTOP
   quantité + bouton plus compacts dans la carte produit
   ========================================================= */

@media (min-width: 768px) {
  /* conteneur quantité + bouton */
  .an_productattributes-qty-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* rapproche du bouton */
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  /* bloc quantité plus compact */
  .an_productattributes-qty-add input,
  .an_productattributes-qty-add .qty,
  .an_productattributes-qty-add input.input-group,
  .an_productattributes-qty-add input.form-control {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 6px !important;
    margin: 0 !important;
    flex: 0 0 44px !important;
  }

  /* bouton panier plus compact pour tenir sur une ligne */
  button.btn.btn-primary.js-an_productattributes-add-to-cart {
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100% - 52px) !important;
    padding: 0 16px !important;
    height: 44px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
  }
}

/* centrage du chiffre dans la quantité */
.an_productattributes-qty-add input,
.an_productattributes-qty-add input.input-group,
.an_productattributes-qty-add input.form-control {
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
}
/* =========================================================
   CORRECTIF DESKTOP
   quantité + bouton ajouter au panier
   ========================================================= */
@media (min-width: 768px) {

  /* conteneur quantité + bouton */
  .an_productattributes-qty-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  /* bloc quantité */
  .an_productattributes-qty-add input,
  .an_productattributes-qty-add .qty,
  .an_productattributes-qty-add input.input-group,
  .an_productattributes-qty-add input.form-control {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 44px !important;
    flex: 0 0 52px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    text-align: center !important;
  }

  /* bouton panier */
  button.btn.btn-primary.js-an_productattributes-add-to-cart {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 44px !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* =========================================================
   PAGE PRODUIT
   BOUTON AJOUTER AU PANIER
   - Shine
   - Animation périodique
   ========================================================= */

/* ---------------------------------------------------------
   ANIMATION 1 : léger flottement périodique
   Plus le chiffre est petit, plus l'animation revient souvent
   Exemple :
   10s = discret
   8s  = équilibré
   6s  = plus vivant
   --------------------------------------------------------- */
@keyframes liloProductCartFloat {
  0%, 10%, 20%, 100% {
    transform: translateY(0);
    background: #cf6d7c;
  }
  4% {
    transform: translateY(-3px);
    background: #d57988;
  }
  7% {
    transform: translateY(0);
    background: #cf6d7c;
  }
  14% {
    transform: translateY(-2px);
    background: #d57988;
  }
  17% {
    transform: translateY(0);
    background: #cf6d7c;
  }
}

/* ---------------------------------------------------------
   ANIMATION 2 : shine / balayage lumineux
   Plus le chiffre est petit, plus le shine revient souvent
   Exemple :
   10s = discret
   8s  = équilibré
   6s  = plus fréquent
   --------------------------------------------------------- */
@keyframes liloProductCartShine {
  0%, 3%, 100% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  4% {
    opacity: 0.15;
  }
  8% {
    opacity: 0.55;
  }
  14% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
  15%, 100% {
    opacity: 0;
  }
}

/* ---------------------------------------------------------
   BOUTON PAGE PRODUIT
   --------------------------------------------------------- */
button.btn.btn-primary.add-to-cart {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  animation: liloProductCartFloat 5s ease-in-out infinite !important;
  will-change: transform, background !important;
}

/* shine */
button.btn.btn-primary.add-to-cart::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -120%;
  width: 100%;   /* plus large */
  height: 140%;
  pointer-events: none;
  z-index: 2;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 20%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.15) 80%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-22deg);
  animation: liloProductCartShine 3s ease-in-out infinite !important;
}
/* hover léger sur la fiche produit */
button.btn.btn-primary.add-to-cart:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(207, 109, 124, 0.22) !important;
  background: #d57988 !important;
}

/* =========================================================
   STICKY ADD TO CART
   Shine toutes les 3 secondes
   ========================================================= */

button.btn.btn-primary.js-an_stickyAddToCart-add-to-cart {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* shine */
button.btn.btn-primary.js-an_stickyAddToCart-add-to-cart::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -120%;
  width: 100%;
  height: 140%;
  pointer-events: none;
  z-index: 2;

  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.2) 20%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,0.2) 80%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-22deg);
  animation: liloStickyShine 3s linear infinite !important;
}

/* animation rapide (toutes les 3s) */
@keyframes liloStickyShine {
  0% {
    transform: translateX(-160%) skewX(-22deg);
    opacity: 0;
  }
  10% {
    opacity: 0.4;
  }
  20% {
    opacity: 1;
  }
  35% {
    transform: translateX(260%) skewX(-22deg);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* =========================================================
   MOBILE - FICHE PRODUIT
   - masque "Se connecter"
   - réduit le logo au scroll
   - masque recherche + loupe au scroll
   ========================================================= */
@media (max-width: 767px) {

  /* 1) Masquer complètement le bouton "Se connecter"
     sur toute la fiche produit mobile */
  body#product .ets_solo_social_wrapper {
    display: none !important;
  }

  /* 2) Quand le header mobile passe en sticky :
     réduire le logo */
  body#product .mobile-header.fixed-menu-mobile img.logo.img-responsive {
    width: 38px !important;
    max-width: 38px !important;
    height: auto !important;
  }

  /* 3) Quand le header mobile passe en sticky :
     compacter un peu le header */
  body#product .mobile-header.fixed-menu-mobile {
    min-height: 52px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  /* 4) Quand le header mobile passe en sticky :
     masquer toute la zone recherche */
  body#product .mobile-header.fixed-menu-mobile #search_widget,
  body#product .mobile-header.fixed-menu-mobile .search-widget,
  body#product .mobile-header.fixed-menu-mobile .header_search,
  body#product .mobile-header.fixed-menu-mobile .ets_header_search,
  body#product .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body#product .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body#product .mobile-header.fixed-menu-mobile button[type="submit"],
  body#product .mobile-header.fixed-menu-mobile .search-icon,
  body#product .mobile-header.fixed-menu-mobile .search-btn,
  body#product .mobile-header.fixed-menu-mobile .icon-search,
  body#product .mobile-header.fixed-menu-mobile .ets_search_button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  /* 5) Si le conteneur de recherche reste visible,
     on l'écrase aussi */
  body#product .mobile-header.fixed-menu-mobile #search_widget form,
  body#product .mobile-header.fixed-menu-mobile .search-widget form,
  body#product .mobile-header.fixed-menu-mobile .header_search form,
  body#product .mobile-header.fixed-menu-mobile .ets_header_search form {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* =========================================================
   MOBILE - TUNNEL DE VENTE
   Masquer "Se connecter" + recherche + loupe
   Pages panier / commande / checkout
   ========================================================= */
@media (max-width: 767px) {

  /* 1) Masquer le bloc social login */
  body#cart .ets_solo_social_wrapper,
  body.page-cart .ets_solo_social_wrapper,
  body.page-order .ets_solo_social_wrapper {
    display: none !important;
  }

  /* 2) Quand le header mobile sticky est actif :
        masquer recherche + loupe */
  body#cart .mobile-header.fixed-menu-mobile #search_widget,
  body#cart .mobile-header.fixed-menu-mobile .search-widget,
  body#cart .mobile-header.fixed-menu-mobile .header_search,
  body#cart .mobile-header.fixed-menu-mobile .ets_header_search,
  body#cart .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body#cart .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body#cart .mobile-header.fixed-menu-mobile button[type="submit"],
  body#cart .mobile-header.fixed-menu-mobile .search-icon,
  body#cart .mobile-header.fixed-menu-mobile .search-btn,
  body#cart .mobile-header.fixed-menu-mobile .icon-search,
  body#cart .mobile-header.fixed-menu-mobile .ets_search_button,

  body#checkout .mobile-header.fixed-menu-mobile #search_widget,
  body#checkout .mobile-header.fixed-menu-mobile .search-widget,
  body#checkout .mobile-header.fixed-menu-mobile .header_search,
  body#checkout .mobile-header.fixed-menu-mobile .ets_header_search,
  body#checkout .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body#checkout .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body#checkout .mobile-header.fixed-menu-mobile button[type="submit"],
  body#checkout .mobile-header.fixed-menu-mobile .search-icon,
  body#checkout .mobile-header.fixed-menu-mobile .search-btn,
  body#checkout .mobile-header.fixed-menu-mobile .icon-search,
  body#checkout .mobile-header.fixed-menu-mobile .ets_search_button,

  body.page-cart .mobile-header.fixed-menu-mobile #search_widget,
  body.page-cart .mobile-header.fixed-menu-mobile .search-widget,
  body.page-cart .mobile-header.fixed-menu-mobile .header_search,
  body.page-cart .mobile-header.fixed-menu-mobile .ets_header_search,
  body.page-cart .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body.page-cart .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body.page-cart .mobile-header.fixed-menu-mobile button[type="submit"],
  body.page-cart .mobile-header.fixed-menu-mobile .search-icon,
  body.page-cart .mobile-header.fixed-menu-mobile .search-btn,
  body.page-cart .mobile-header.fixed-menu-mobile .icon-search,
  body.page-cart .mobile-header.fixed-menu-mobile .ets_search_button,

  body.page-order .mobile-header.fixed-menu-mobile #search_widget,
  body.page-order .mobile-header.fixed-menu-mobile .search-widget,
  body.page-order .mobile-header.fixed-menu-mobile .header_search,
  body.page-order .mobile-header.fixed-menu-mobile .ets_header_search,
  body.page-order .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body.page-order .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body.page-order .mobile-header.fixed-menu-mobile button[type="submit"],
  body.page-order .mobile-header.fixed-menu-mobile .search-icon,
  body.page-order .mobile-header.fixed-menu-mobile .search-btn,
  body.page-order .mobile-header.fixed-menu-mobile .icon-search,
  body.page-order .mobile-header.fixed-menu-mobile .ets_search_button,

  body.page-checkout .mobile-header.fixed-menu-mobile #search_widget,
  body.page-checkout .mobile-header.fixed-menu-mobile .search-widget,
  body.page-checkout .mobile-header.fixed-menu-mobile .header_search,
  body.page-checkout .mobile-header.fixed-menu-mobile .ets_header_search,
  body.page-checkout .mobile-header.fixed-menu-mobile .ui-autocomplete-input,
  body.page-checkout .mobile-header.fixed-menu-mobile input.ui-autocomplete-input,
  body.page-checkout .mobile-header.fixed-menu-mobile button[type="submit"],
  body.page-checkout .mobile-header.fixed-menu-mobile .search-icon,
  body.page-checkout .mobile-header.fixed-menu-mobile .search-btn,
  body.page-checkout .mobile-header.fixed-menu-mobile .icon-search,
  body.page-checkout .mobile-header.fixed-menu-mobile .ets_search_button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  /* 3) Si le formulaire de recherche laisse encore une trace */
  body#cart .mobile-header.fixed-menu-mobile #search_widget form,
  body#cart .mobile-header.fixed-menu-mobile .search-widget form,
  body#cart .mobile-header.fixed-menu-mobile .header_search form,
  body#cart .mobile-header.fixed-menu-mobile .ets_header_search form,

  body#checkout .mobile-header.fixed-menu-mobile #search_widget form,
  body#checkout .mobile-header.fixed-menu-mobile .search-widget form,
  body#checkout .mobile-header.fixed-menu-mobile .header_search form,
  body#checkout .mobile-header.fixed-menu-mobile .ets_header_search form,

  body.page-cart .mobile-header.fixed-menu-mobile #search_widget form,
  body.page-cart .mobile-header.fixed-menu-mobile .search-widget form,
  body.page-cart .mobile-header.fixed-menu-mobile .header_search form,
  body.page-cart .mobile-header.fixed-menu-mobile .ets_header_search form,

  body.page-order .mobile-header.fixed-menu-mobile #search_widget form,
  body.page-order .mobile-header.fixed-menu-mobile .search-widget form,
  body.page-order .mobile-header.fixed-menu-mobile .header_search form,
  body.page-order .mobile-header.fixed-menu-mobile .ets_header_search form,

  body.page-checkout .mobile-header.fixed-menu-mobile #search_widget form,
  body.page-checkout .mobile-header.fixed-menu-mobile .search-widget form,
  body.page-checkout .mobile-header.fixed-menu-mobile .header_search form,
  body.page-checkout .mobile-header.fixed-menu-mobile .ets_header_search form {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 767px) {
  body#cart .mobile-header.fixed-menu-mobile img.logo.img-responsive,
  body#checkout .mobile-header.fixed-menu-mobile img.logo.img-responsive,
  body.page-cart .mobile-header.fixed-menu-mobile img.logo.img-responsive,
  body.page-order .mobile-header.fixed-menu-mobile img.logo.img-responsive,
  body.page-checkout .mobile-header.fixed-menu-mobile img.logo.img-responsive {
    width: 38px !important;
    max-width: 38px !important;
    height: auto !important;
  }

  body#cart .mobile-header.fixed-menu-mobile,
  body#checkout .mobile-header.fixed-menu-mobile,
  body.page-cart .mobile-header.fixed-menu-mobile,
  body.page-order .mobile-header.fixed-menu-mobile,
  body.page-checkout .mobile-header.fixed-menu-mobile {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
}
/* =========================================================
   HOME - Rapprocher titre / slider (AN HOMEPRODUCTS)
   ========================================================= */
@media (max-width: 767px) {

  /* titre (DE SAISON etc.) */
  #index .an_homeproducts-block .products-section-title {
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
  }

  /* bloc du slider juste en dessous */
  #index .an_homeproducts-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* parfois il y a un espace sur le container parent */
  #index .an_homeproducts-block {
    margin-bottom: 20px !important; /* tu peux ajuster */
  }
}
/* =========================================================
   BOUTON SE CONNECTER DESKTOP - VERSION FINALE
   (plus gros + 1 seule icône)
   ========================================================= */

@media (min-width: 768px) {

  .ets_solo_title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    background: #cf6d7c !important;
    color: #ffffff !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important; /* 👈 plus gros */
    font-weight: 600 !important;

    padding: 20px 34px !important; /* 👈 plus gros */
    border-radius: 16px !important;

    box-shadow: 0 8px 20px rgba(207, 109, 124, 0.30) !important;

    cursor: pointer !important;
    transition: all 0.25s ease !important;
  }

  /* 🔴 IMPORTANT : on supprime les icônes existantes */
  .ets_solo_title i,
  .ets_solo_title .material-icons {
    display: none !important;
  }

  /* ✅ on ajoute UNE seule icône propre */
  .ets_solo_title::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;

    background: url("data:image/svg+xml;utf8,<svg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>") no-repeat center;
    background-size: contain;
  }

  /* hover premium */
  .ets_solo_title:hover {
    background: #d57988 !important;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 12px 26px rgba(207, 109, 124, 0.35);
  }
}
/* =========================================================
   LILO - CORRECTIFS FINAUX
   1. CTA + quantité
   2. Étoiles clone au-dessus du CTA
   3. Réassurance fiche produit desktop + mobile
   4. Réassurance homepage desktop
   ========================================================= */


/* =========================================================
   1) CTA + QUANTITÉ
   ========================================================= */

/* Fiche produit : réduire l'écart quantité / étoiles / CTA */
body#product .product-add-to-cart .product-quantity,
body#product .product-add-to-cart .product-quantity .qty {
  margin-bottom: 0 !important;
}

body#product .product-add-to-cart .add {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; /* réduit l'écart */
  margin-top: 4px !important;
}

/* Fiche produit : centrer visuellement la quantité */
body#product .product-quantity .qty,
body#product .product-add-to-cart .qty,
body#product .product-quantity .bootstrap-touchspin,
body#product .product-add-to-cart .bootstrap-touchspin {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body#product .product-quantity #quantity_wanted,
body#product .product-add-to-cart #quantity_wanted {
  text-align: center !important;
}

/* Home products / carousel : quantité au-dessus du CTA, plus compacte */
body#index .an_productattributes-qty-add {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* réduit l'écart */
  width: 100% !important;
}

body#index .an_productattributes-qty-add input,
body#index .an_productattributes-qty-add .qty,
body#index .an_productattributes-qty-add input.input-group,
body#index .an_productattributes-qty-add input.form-control {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
  text-align: center !important;
  background: rgba(252, 232, 236, 0.20) !important; /* fond plus léger */
  border: 1px solid #e7b8c2 !important;
  color: #686a95 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

body#index button.btn.btn-primary.js-an_productattributes-add-to-cart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  padding: 0 14px !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* CTA commun */
body#product button.btn.btn-primary.add-to-cart,
body#index button.btn.btn-primary.js-an_productattributes-add-to-cart,
button.btn.btn-primary.js-an_stickyAddToCart-add-to-cart {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}


/* =========================================================
   2) ÉTOILES DUPLIQUÉES AU-DESSUS DU CTA
   ========================================================= */

body#product .product-add-to-cart .add .lilo-cta-reviews-clone {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
}

body#product .product-add-to-cart .add .lilo-cta-reviews-clone .ets_rv_grade_stars,
body#product .product-add-to-cart .add .lilo-cta-reviews-clone .ets_rv_grade_stars.color1 {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
}

body#product .product-add-to-cart .add .lilo-cta-reviews-clone .lilo-cta-reviews-count {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #686a95 !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  body#product .product-add-to-cart .add .lilo-cta-reviews-clone {
    margin: 0 0 5px 0 !important;
    gap: 5px !important;
  }

  body#product .product-add-to-cart .add .lilo-cta-reviews-clone .ets_rv_grade_stars,
  body#product .product-add-to-cart .add .lilo-cta-reviews-clone .ets_rv_grade_stars.color1 {
    font-size: 17px !important;
  }

  body#product .product-add-to-cart .add .lilo-cta-reviews-clone .lilo-cta-reviews-count {
    font-size: 13px !important;
  }
}


/* =========================================================
   3) RÉASSURANCE FICHE PRODUIT
   Desktop + mobile
   ========================================================= */

body#product #block-reassurance {
  margin-top: 8px !important;
}

body#product #block-reassurance ul {
  margin: 0 !important;
  padding: 0 !important;
}

body#product #block-reassurance li {
  list-style: none !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid #ececec !important;
}

body#product #block-reassurance li:last-child {
  border-bottom: none !important;
}

/* DESKTOP + MOBILE : picto et texte sur la même ligne */
body#product #block-reassurance li .block-reassurance-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#product #block-reassurance li .block-reassurance-item img {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
}

body#product #block-reassurance li .block-reassurance-item span,
body#product #block-reassurance li .block-reassurance-item .h6 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #222 !important;
  text-align: left !important;
}

/* mobile encore plus compact */
@media (max-width: 767px) {
  body#product #block-reassurance {
    margin-top: 6px !important;
  }

  body#product #block-reassurance li {
    padding: 5px 0 !important;
  }

  body#product #block-reassurance li .block-reassurance-item {
    gap: 8px !important;
  }

  body#product #block-reassurance li .block-reassurance-item img {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }

  body#product #block-reassurance li .block-reassurance-item span,
  body#product #block-reassurance li .block-reassurance-item .h6 {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================================
   4) RÉASSURANCE HOMEPAGE DESKTOP
   ========================================================= */

@media (min-width: 992px) {
  body#index #block-reassurance ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  body#index #block-reassurance li {
    flex: 1 1 0 !important;
    padding: 10px 8px !important;
    text-align: center !important;
    border-bottom: none !important;
  }

  body#index #block-reassurance li .block-reassurance-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: center !important;
    width: 100% !important;
  }

  body#index #block-reassurance li .block-reassurance-item img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
  }

  body#index #block-reassurance li .block-reassurance-item span,
  body#index #block-reassurance li .block-reassurance-item .h6 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: #222 !important;
    text-align: center !important;
    max-width: 260px !important;
    margin: 0 auto !important;
  }
}
/* ALIGNEMENT GLOBAL PRIX / ONEY / AVIS */
.product-prices {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* idem pour les sous-blocs */
.product-prices-main,
.tax-shipping-delivery-label,
.tax-shipping-delivery-label-after_price {
  padding-left: 0 !important;
}

/* bloc avis (important) */
.comments-note {
  padding-left: 0 !important;
}
@media (max-width: 768px) {
  .product-prices {
    padding-left: 0 !important;
  }
}
/* =========================================================
   RESSERRER PRIX / ONEY / AVIS
   ciblage précis selon la structure réelle
   ========================================================= */

.product-prices {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;            /* espace entre prix et bloc suivant */
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.product-prices-main {
  margin: 0 !important;
  padding: 0 !important;
}

.tax-shipping-delivery-label-after_price {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;            /* espace entre Oney et avis */
  margin: 0 !important;
  padding: 0 !important;
}

.payplugOneyCta_wrapper,
.ets-rv-product-comments-additional-info {
  margin: 0 !important;
  padding: 0 !important;
}

/* au cas où le module avis ajoute encore une marge */
.ets-rv-product-comments-additional-info .comments-note {
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   AJUSTEMENT FIN ESPACEMENTS PRIX / ONEY / AVIS
   ========================================================= */

/* bloc global */
.product-prices {
  gap: 6px !important; /* espace global propre */
}

/* espace prix → Oney (on garde léger) */
.product-prices-main {
  margin-bottom: 3px !important;
}

/* bloc Oney */
.payplugOneyCta_wrapper {
  margin-bottom: 1px !important; /* rapproche Oney des étoiles */
}

/* bloc étoiles */
.ets-rv-product-comments-additional-info {
  margin-top: 0 !important;
  margin-bottom: 10px !important; /* espace AVANT référence */
}

/* sécurité si le module ajoute du gras */
.comments-note {
  margin-bottom: 0px !important;
}
/* =========================================================
   DÉLAIS DE LIVRAISON DUPLIQUÉS
   → affichés avant Référence / Marque / EAN
   ========================================================= */

.lilo-shipping-before-details {
  display: block !important;
  margin: 6px 0 10px 0 !important;
  color: #00C853 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  .lilo-shipping-before-details {
    margin: 4px 0 8px 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
}
/* =========================================================
   AJUSTEMENT FIN DU BLOC LIVRAISON DUPLIQUÉ
   ========================================================= */

/* bloc livraison (celui que tu as injecté) */
.lilo-shipping-before-details {
  margin-top: 2px !important;   /* rapproche des étoiles */
  margin-bottom: 12px !important; /* espace avec références */
}

/* bloc avis (sécurité si marge résiduelle) */
.ets-rv-product-comments-additional-info {
  margin-bottom: 2px !important;
}
/* =========================================================
   UNIFORMISATION COULEUR VERT (PRIX = LIVRAISON)
   ========================================================= */

/* couleur du prix (référence) */
.product-prices .current-price span {
  color: #00C853 !important;
}

/* délais sous le prix (module Presta) */
#product-availability {
  color: #00C853 !important;
}

/* délais dupliqués au-dessus des références */
.lilo-shipping-before-details {
  color: #00C853 !important;
}
#product-availability,
.lilo-shipping-before-details {
  font-weight: 500;
}
/* =========================================================
   QUANTITÉ SUR CARTES PRODUITS
   - Home Product
   - Listings catégories
   - Résultats de recherche
   - SANS IMPACTER la fiche produit
   ========================================================= */

/* on cible uniquement les cartes produits, jamais la fiche produit */
body:not(#product) article.product-miniature .an_productattributes-qty-add,
body:not(#product) .product-miniature .an_productattributes-qty-add {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
}

/* bloc quantité centré */
body:not(#product) article.product-miniature .an_productattributes-qty-container,
body:not(#product) .product-miniature .an_productattributes-qty-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* champ quantité */
body:not(#product) article.product-miniature input.an_productattributes-qty,
body:not(#product) .product-miniature input.an_productattributes-qty {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;

  text-align: center !important;
  background: rgba(252, 232, 236, 0.18) !important; /* fond très léger */
  border: 1px solid #e7b8c2 !important;
  color: #686a95 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* bloc bouton CTA sous la quantité */
body:not(#product) article.product-miniature .an_productattributes-add,
body:not(#product) .product-miniature .an_productattributes-add {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 0 !important;
}

/* bouton CTA sur cartes */
body:not(#product) article.product-miniature .an_productattributes-add .btn,
body:not(#product) .product-miniature .an_productattributes-add .btn,
body:not(#product) article.product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart,
body:not(#product) .product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* HOME : on resserre un peu plus l'espace quantité -> CTA */
body#index article.product-miniature .an_productattributes-qty-add,
body#index .product-miniature .an_productattributes-qty-add {
  gap: 4px !important;
}
/* =========================================================
   FICHE PRODUIT
   BLOCS :
   - Autres articles dans la même catégorie
   - Vous pourriez aimer aussi
   Quantité au-dessus du CTA
   ========================================================= */

/* conteneur quantité + bouton */
body#product section.product-accessories article.product-miniature .an_productattributes-qty-add,
body#product section.featured-products article.product-miniature .an_productattributes-qty-add,
body#product .product-accessories .product-miniature .an_productattributes-qty-add,
body#product .featured-products .product-miniature .an_productattributes-qty-add {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
}

/* conteneur quantité */
body#product section.product-accessories article.product-miniature .an_productattributes-qty-container,
body#product section.featured-products article.product-miniature .an_productattributes-qty-container,
body#product .product-accessories .product-miniature .an_productattributes-qty-container,
body#product .featured-products .product-miniature .an_productattributes-qty-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* champ quantité */
body#product section.product-accessories article.product-miniature input.an_productattributes-qty,
body#product section.featured-products article.product-miniature input.an_productattributes-qty,
body#product .product-accessories .product-miniature input.an_productattributes-qty,
body#product .featured-products .product-miniature input.an_productattributes-qty {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 44px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;

  text-align: center !important;
  background: rgba(252, 232, 236, 0.18) !important;
  border: 1px solid #e7b8c2 !important;
  color: #686a95 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* bloc bouton CTA */
body#product section.product-accessories article.product-miniature .an_productattributes-add,
body#product section.featured-products article.product-miniature .an_productattributes-add,
body#product .product-accessories .product-miniature .an_productattributes-add,
body#product .featured-products .product-miniature .an_productattributes-add {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 0 !important;
}

/* bouton CTA */
body#product section.product-accessories article.product-miniature .an_productattributes-add .btn,
body#product section.featured-products article.product-miniature .an_productattributes-add .btn,
body#product .product-accessories .product-miniature .an_productattributes-add .btn,
body#product .featured-products .product-miniature .an_productattributes-add .btn,
body#product section.product-accessories article.product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart,
body#product section.featured-products article.product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart,
body#product .product-accessories .product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart,
body#product .featured-products .product-miniature button.btn.btn-primary.js-an_productattributes-add-to-cart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* =========================================================
   CHECKOUT — SOCIAL LOGIN
   - masque le formulaire flottant du header dans la commande
   - conserve uniquement le bloc Google / Facebook du vrai formulaire
   ========================================================= */
@media (max-width: 767px) {
  body#checkout .ets_solo_social_wrapper.slw_and_alw,
  body.page-checkout .ets_solo_social_wrapper.slw_and_alw {
    display: none !important;
  }

  body#checkout .ets_solo_social_wrapper.lgp,
  body.page-checkout .ets_solo_social_wrapper.lgp,
  body#checkout .ets_solo_social_wrapper.ets-solo-checkout-login,
  body.page-checkout .ets_solo_social_wrapper.ets-solo-checkout-login {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 8px 0 18px !important;
    transform: none !important;
  }

  body#checkout .ets-solo-checkout-login .ets_solo_social,
  body.page-checkout .ets-solo-checkout-login .ets_solo_social {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto 14px !important;
  }

  body#checkout .ets-solo-checkout-login .ets_solo_social_item,
  body.page-checkout .ets-solo-checkout-login .ets_solo_social_item {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}
/* =========================================================
   CHECKOUT MOBILE - ajustements finaux cases à cocher
   ========================================================= */
@media (max-width: 767px) {

  /* structure générale */
  body#checkout .checkout-step .custom-checkbox {
    display: block !important;
    width: 100% !important;
  }

  body#checkout .checkout-step .custom-checkbox label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* checkbox */
  body#checkout .checkout-step .custom-checkbox input[type="checkbox"] {
    flex: 0 0 auto !important;
    margin: 2px 0 0 0 !important;
  }

  body#checkout .checkout-step .custom-checkbox > label > span {
    flex: 0 0 auto !important;
    margin: 2px 0 0 0 !important;
  }

  /* titres */
  body#checkout .checkout-step .custom-checkbox-label {
    flex: 1 1 calc(100% - 34px) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #414141 !important;
    text-align: left !important;
  }


  /* alignement parfait du texte RGPD avec le titre */
  body#checkout .checkout-step p.MsoNormal,
  body#checkout .checkout-step p.MsoNormal span,
  body#checkout .checkout-step p.MsoNormal em {
    margin: 0 0 8px 0 !important; /* ❌ plus de décalage gauche */
    padding-left: calc(34px); /* ✅ aligne avec le texte du titre */
    padding-right: 0 !important;

    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #414141 !important;
    text-align: left !important;
    background: transparent !important;
  }

  /* texte newsletter */
  body#checkout .checkout-step .custom-checkbox-label em {
    display: block !important;
    margin: 3px 0 10px 0 !important;
    padding: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #414141 !important;
  }

  /* un peu plus d'air avant la ligne CGV */
  body#checkout .checkout-step .form-group.row {
    margin-bottom: 10px !important;
  }

  /* cas spécifique newsletter -> CGV */
  body#checkout .checkout-step input[name="psgdpr"] ~ p.custom-checkbox-label {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
  }

  /* nettoyage */
  body#checkout .checkout-step .custom-checkbox-label br,
  body#checkout .checkout-step p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* =========================================================
   HOME MOBILE - RÉASSURANCE EN 2 COLONNES
   ========================================================= */
@media (max-width: 767px) {

  /* la liste passe en grille 2 colonnes */
  body#index #block-reassurance ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    list-style: none !important;
  }

  /* chaque item */
  body#index #block-reassurance li {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    list-style: none !important;
  }

  body#index #block-reassurance .block-reassurance-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 120px !important;
    padding: 14px 10px !important;
    margin: 0 !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 14px !important;
    background: #fff !important;
  }

  /* icônes */
  body#index #block-reassurance .block-reassurance-item img {
    max-width: 34px !important;
    height: auto !important;
    margin-bottom: 8px !important;
  }

  /* texte */
  body#index #block-reassurance .block-reassurance-item span,
  body#index #block-reassurance .block-reassurance-item p,
  body#index #block-reassurance .block-reassurance-item .h6 {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}

/* =========================================================
   V4
   ========================================================= */
/* =========================================================
   CHECKOUT MOBILE - BLOC RGPD Aligné à gauche
   ========================================================= */
   
  @media (max-width: 767px) {

  /* structure générale de chaque case */
  body#checkout .checkout-step .custom-checkbox label {
    display: grid !important;
    grid-template-columns: 22px 1fr !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* vraie checkbox */
  body#checkout .checkout-step .custom-checkbox input[type="checkbox"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 2px 0 0 0 !important;
  }

  /* faux carré du thème */
  body#checkout .checkout-step .custom-checkbox > label > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 2px 0 0 0 !important;
  }

  /* les 3 titres */
  body#checkout .checkout-step .custom-checkbox-label {
    grid-column: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #414141 !important;
    text-align: left !important;
    display: block !important;
  }

  /* texte confidentialité */
  body#checkout .checkout-step p.MsoNormal,
  body#checkout .checkout-step p.MsoNormal span,
  body#checkout .checkout-step p.MsoNormal em {
    grid-column: 2 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #414141 !important;
    text-align: left !important;
    background: transparent !important;
  }

  /* texte newsletter */
  body#checkout .checkout-step .custom-checkbox-label em {
    display: block !important;
    margin: 3px 0 8px 0 !important;
    padding: 0 !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #414141 !important;
  }

  /* espace avant le captcha */
  body#checkout .checkout-step input[name="psgdpr"] ~ p.custom-checkbox-label {
    margin-bottom: 10px !important;
  }

  /* nettoyage */
  body#checkout .checkout-step .custom-checkbox-label br,
  body#checkout .checkout-step p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* ======================================================
   BLOC INFOS PRODUIT → version premium light
   ====================================================== */

/* le délai dupliqué doit rester visible */
.lilo-shipping-before-details {
  display: block !important;
  color: #00C853 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* espace entre délai et infos produit */
.product-details-info {
  margin-top: 12px !important;
}

@media (max-width: 768px) {
  .product-details-info {
    margin-top: 14px !important;
  }
}

/* bloc infos (référence, marque, EAN) */
.product-details-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 6px;
  border-top: 1px solid rgba(0,0,0,0.05);
}

/* labels */
.product-details-info-wrapper .label {
  color: #888;
  font-size: 13px;
}

/* valeurs */
.product-details-info-wrapper span[itemprop] {
  color: #222;
  font-weight: 500;
}

/* lisibilité */
.product-reference,
.product-manufacturer,
.product-ean13 {
  line-height: 1.4;
}
/* rapproche TTC du prix */
.product-prices-main {
  display: flex;
  align-items: baseline;
  gap: 8px; /* espace entre prix et TTC */
}

/* ======================================================
 V5
   ====================================================== */
/* ======================================================
   MOBILE - PRIX + PRIX BARRÉ + TTC SUR LA MÊME LIGNE
   ====================================================== */
@media (max-width: 768px) {

  .product-prices-main,
  .product-price.h5.has-discount {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  .product-prices .current-price,
  .product-prices .product-discount,
  .product-prices .tax-shipping-delivery-label {
    display: inline-flex !important;
    align-items: baseline !important;
    margin: 0 !important;
    width: auto !important;
  }

  .product-prices .current-price span,
  .product-prices .product-discount span,
  .product-prices .tax-shipping-delivery-label {
    display: inline !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  .product-prices .tax-shipping-delivery-label {
    font-size: 13px !important;
    color: #999 !important;
    font-weight: 400 !important;
  }

  .product-prices .product-discount {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
}
/* =========================================================
  V6
   ========================================================= */
/* =========================================================
   SUPPRESSION DU CADRE NOIR AU CLIC
   Logo + catégories home
   ========================================================= */
/* =========================================================
   SUPPRESSION DU CADRE NOIR AU CLIC (Chrome mobile OK)
   ========================================================= */
a:focus,
a:focus-visible,
a:active {
  outline: none !important;
  outline-offset: 0 !important;
}
/* ===============================
   SWATCH COULEUR PREMIUM LILO
   =============================== */

/* Conteneur */
.product-variants .color {
  display: flex;
  gap: 8px;
}

/* Bouton couleur */
.product-variants .color input + span {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid transparent;
  display: block;
  transition: all 0.2s ease;
}

/* Image */
.product-variants .color input + span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hover */
.product-variants .color input + span:hover {
  transform: scale(1.05);
}

/* Sélection active */
.product-variants .color input:checked + span {
  border: 2px solid #686a95;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

 .lilo-pro-floating-btn {
  display: none;
}

@media (max-width: 767px) {
  .lilo-pro-floating-btn {
    display: inline-flex !important;
    position: fixed;
    right: 14px;
    bottom: 90px;
    z-index: 999999;
    background: #686a95;
    color: #fff !important;
    padding: 11px 15px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 5px 16px rgba(0,0,0,0.22);
  }
}

/* Bloc accès pro - style Amazon-like */
body#authentication a[href*="b2b-customer-create"] {
  display: block !important;
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  margin: 14px auto 18px auto !important;
  padding: 13px 18px !important;

  background: linear-gradient(180deg, #cf6d7c 0%, #c65f70 100%);
  color: #fff !important;
  border: 1px solid #b95666;
  border-radius: 8px;

  font-size: 17px !important;
  font-weight: 800 !important;
  text-align: center;
  text-decoration: none !important;
  line-height: 1.35;

  box-shadow: 0 3px 8px rgba(0,0,0,0.18);
  transition: all 0.2s ease;
}

body#authentication a[href*="b2b-customer-create"]::before {
  content: "👩‍🍼 ";
}

body#authentication a[href*="b2b-customer-create"]:hover {
  background: linear-gradient(180deg, #686a95 0%, #56587f 100%);
  color: #fff !important;
  transform: translateY(-1px);
}

/* Texte au-dessus : Assistante maternelle ou pro... */
body#authentication .login-form p,
body#authentication .login-form span {
  font-size: 15px !important;
}

/* Mobile */
@media (max-width: 767px) {
  body#authentication a[href*="b2b-customer-create"] {
    max-width: 100%;
    font-size: 18px !important;
    padding: 14px 16px !important;
    margin-top: 16px !important;
  }
}  
  /* Espace entre prix promo et prix barré */
.product-price-and-shipping .regular-price,
.product-miniature .regular-price {
    margin-left: 8px !important;
    font-size: 14px !important;
    opacity: 0.8;
}
/* Product Note - transformer le bloc en petit badge */
.ets_pn_block {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.lilo-badge-nounou {
  display: inline-block !important;
  background: #686a95 !important;
  color: #fff !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
/* CONFIGURATEUR PRODUIT WONDERFOLD */
.lilo-config-mini{
  margin:18px 0 26px;
  padding:18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fff8fb);
  border:2px solid #f1d4db;
  text-align:center;
  box-shadow:0 10px 24px rgba(104,106,149,.08);
  position:relative;
  overflow:hidden;
}

.lilo-config-mini:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#cf6d7c,#686a95);
}

.lilo-config-mini-badge{
  display:inline-block;
  background:#fff0f4;
  color:#cf6d7c;
  padding:7px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}

.lilo-config-mini-title{
  font-size:28px;
  font-weight:800;
  line-height:1.1;
  color:#686a95;
  margin-bottom:10px;
}

.lilo-config-mini-text{
  font-size:15px;
  color:#555;
  line-height:1.5;
  margin-bottom:10px;
}

.lilo-config-points{
  font-size:13px;
  color:#686a95;
  background:#f8f7fc;
  border-radius:14px;
  padding:10px;
  margin-bottom:14px;
  font-weight:600;
}

.lilo-config-mini-btn{
  display:block;
  width:100%;
  background:linear-gradient(135deg,#cf6d7c,#686a95);
  color:#fff !important;
  text-decoration:none !important;
  padding:16px;
  border-radius:16px;
  font-size:17px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(104,106,149,.18);
}

@media(max-width:768px){

  .lilo-config-mini-title{
    font-size:22px;
  }

  .lilo-config-mini-text{
    font-size:14px;
  }

  .lilo-config-mini-btn{
    font-size:16px;
    padding:15px;
  }
}

/* =========================================================
  V7 Descente du bouton"Se connecter" ETS en mobile pour éviter qu'il ne soit sur la barre violette de l'accès nounou // VOIR PLUS HAUT DANS LE CODE MODIF FAIT DANS "SOCIAL LOGIN MOBILE"
   ========================================================= */
/* ==========================================
   HUB NOUNOU PREMIUM - CAT TEST ID 532
========================================== */

/* cache produits + tri + filtres UNIQUEMENT sur catégorie test */
body#category.category-id-532 #js-product-list-top,
body#category.category-id-532 #products,
body#category.category-id-532 .products,
body#category.category-id-532 #search_filters_wrapper,
body#category.category-id-532 .block-category + section,
body#category.category-id-532 .pagination {
    display: none !important;
}

/* retire le texte nb produits */
body#category.category-id-532 .total-products {
    display: none !important;
}

/* espace plus premium */
body#category.category-id-532 #content-wrapper {
    padding-bottom: 30px;
}

/* container */
.lilo-nounou-hub {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 10px 0 20px;
}

/* carte */
.lilo-nounou-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px;
    border-radius: 24px;
    text-decoration: none !important;
    background: linear-gradient(135deg,#cf6d7c 0%,#686a95 100%);
    box-shadow: 0 10px 24px rgba(104,106,149,.18);
    transition: transform .2s ease, box-shadow .2s ease;
}

.lilo-nounou-card:active {
    transform: scale(.98);
}

.lilo-nounou-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lilo-nounou-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.lilo-nounou-content strong {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 4px;
}

.lilo-nounou-content span {
    color: rgba(255,255,255,.92);
    font-size: 14px;
    font-weight: 600;
}

.lilo-nounou-arrow {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

/* mobile */
@media(max-width:768px){

    .lilo-nounou-card{
        padding:16px;
        border-radius:22px;
    }

    .lilo-nounou-icon{
        width:54px;
        height:54px;
        font-size:28px;
    }

    .lilo-nounou-content strong{
        font-size:20px;
    }

    .lilo-nounou-content span{
        font-size:13px;
    }

    .lilo-nounou-arrow{
        font-size:24px;
    }
}
/* =========================================================
V9 FIX CASES À COCHER - PAGE CONNEXION / INSCRIPTION MOBILE
========================================================= */
/* =========================================================
FIX CHECKBOXES MOBILE - PAGE INSCRIPTION LILO
========================================================= */

@media (max-width: 767px) {

  body#registration .custom-checkbox {
    display: grid !important;
    grid-template-columns: 18px 1fr !important;
    column-gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  body#registration .custom-checkbox > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border: 2px solid #686a95 !important;
    border-radius: 4px !important;
    background: #fff !important;
    margin-top: 3px !important;
  }

  body#registration .custom-checkbox input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
  }

  body#registration .custom-checkbox label {
    display: contents !important;
  }

  body#registration .custom-checkbox label p,
  body#registration .custom-checkbox label em {
    grid-column: 2 !important;
    color: #000 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-style: normal !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#registration .custom-checkbox label p:first-of-type {
    font-weight: 700 !important;
    margin-bottom: 6px !important;
  }

  body#registration .custom-checkbox label em {
    font-weight: 400 !important;
  }

  /* Dernière case : texte en gras */
  body#registration input[name="psgdpr"] ~ p {
    font-weight: 700 !important;
  }
}
/* =========================================================
V 10 REMONTÉE DU CHAMP N° AGRÉMENT / SIRET
SOUS LE BLOC NOM associé au code dans custom.js en V6)
========================================================= */
/* Espacement propre après déplacement N° agrément / Siret */
body#registration .form-group.row {
  margin-bottom: 16px;
}
/* =========================================================
   V11 - Masquer le bouton latéral "Se connecter"
   Uniquement sur desktop
========================================================= */
@media (min-width: 1025px) {
  body .ets_solo_slide_widget,
  body div.ets_solo_slide_widget {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* V12 MOBILE - Masquer Avis Garantis au scroll */
@media (max-width: 767px) {
  body.lilo-mobile-scrolled #agWidget-1,
  body.lilo-mobile-scrolled .agJsWidget,
  body.lilo-mobile-scrolled .flyout.sag_badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* =========================================================
    V13 marion 260626 MODULE WEBKUL - COMPARATEUR PRODUITS
   Optimisation mobile + style Lilo Jumeaux
   ========================================================= */

@media (max-width: 768px) {

  /* Conteneur du comparatif */
  .wk-product-comparison,
  .wk_compare_table,
  .wk-compare-table,
  .compare-table,
  .product-comparison {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Tableau scrollable horizontalement */
  .wk-product-comparison table,
  .wk_compare_table table,
  .wk-compare-table table,
  .compare-table table,
  .product-comparison table {
    display: block !important;
    width: max-content !important;
    min-width: 680px !important;
    overflow-x: auto !important;
    border-collapse: collapse !important;
  }

  /* Cellules */
  .wk-product-comparison th,
  .wk-product-comparison td,
  .wk_compare_table th,
  .wk_compare_table td,
  .wk-compare-table th,
  .wk-compare-table td,
  .compare-table th,
  .compare-table td,
  .product-comparison th,
  .product-comparison td {
    min-width: 145px !important;
    max-width: 160px !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    vertical-align: middle !important;
  }

  /* Première colonne : critères */
  .wk-product-comparison th:first-child,
  .wk-product-comparison td:first-child,
  .wk_compare_table th:first-child,
  .wk_compare_table td:first-child,
  .wk-compare-table th:first-child,
  .wk-compare-table td:first-child,
  .compare-table th:first-child,
  .compare-table td:first-child,
  .product-comparison th:first-child,
  .product-comparison td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    min-width: 105px !important;
    max-width: 105px !important;
    background: #f7f7f7 !important;
    color: #222 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: right !important;
  }

  /* Images produits */
  .wk-product-comparison img,
  .wk_compare_table img,
  .wk-compare-table img,
  .compare-table img,
  .product-comparison img {
    max-width: 85px !important;
    height: auto !important;
  }

  /* Prix */
  .wk-product-comparison .price,
  .wk_compare_table .price,
  .wk-compare-table .price,
  .compare-table .price,
  .product-comparison .price {
    font-size: 18px !important;
    color: #cf6d7c !important;
    font-weight: 800 !important;
  }

  /* Boutons dans le comparatif */
  .wk-product-comparison .btn,
  .wk_compare_table .btn,
  .wk-compare-table .btn,
  .compare-table .btn,
  .product-comparison .btn {
    border-radius: 14px !important;
    background: #cf6d7c !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none !important;
  }

  /* Titre de la page */
  .wk-product-comparison h1,
  .wk_compare_table h1,
  .wk-compare-table h1,
  .product-comparison h1 {
    font-size: 22px !important;
    background: #686a95 !important;
    color: #fff !important;
  }
}
/* =========================================================
    V14 antho 150726 MODULE WEBKUL - COMPARATEUR PRODUITS
   Déplacement bouton comparateur sur carte produits
   ========================================================= */
/* Bouton de comparaison sous le bouton Ajouter au panier */
article.product-miniature .wk_cmp_add_compare,
article.product-miniature button[class*="wk_compare_"] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px;

    margin: 10px 0 0 !important;
    padding: 8px 15px !important;

    background: transparent !important;
    border: 1px solid #cf6d7c !important;
    border-radius: 25px !important;

    color: #cf6d7c !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;

    overflow: visible !important;
    white-space: normal !important;
}

/* Survol */
article.product-miniature .wk_cmp_add_compare:hover,
article.product-miniature button[class*="wk_compare_"]:hover {
    background: #cf6d7c !important;
    color: #ffffff !important;
}   
article.product-miniature .wk_cmp_add_compare {
    gap: 8px;
}

article.product-miniature .wk_cmp_add_compare .wk_cmp_icon {
    margin: 0 !important;
    font-size: 18px;
    line-height: 1;
}

article.product-miniature .wk_cmp_add_compare span {
    display: inline-block;
}


/* =========================================================
   V15 BANNIÈRES ACCUEIL — ESPACEMENT FINAL
========================================================= */

body#index .page-home .an_banner {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    max-height: none !important;
}

body#index .page-home .an_banner-img img {
    display: block;
    width: 100%;
    height: auto;
}
/* ==========================================================
   V16 LILO - DESCRIPTION PRODUIT PREMIUM (Produit Siège Auto Seat 105 CHicco)
========================================================== */

body#product .lilo-product-description{
    font-size:16px;
    line-height:1.7;
    color:#333;
}

body#product .lilo-product-description h2{
    margin:40px 0 18px;
    padding-bottom:10px;
    border-bottom:2px solid #686a95;
    font-size:28px;
    font-weight:700;
    color:#222;
}

body#product .lilo-product-description h2:first-child{
    margin-top:0;
}

body#product .lilo-product-description h3{
    margin:28px 0 14px;
    font-size:22px;
    color:#686a95;
    font-weight:700;
}

body#product .lilo-product-description p{
    margin:0 0 18px;
}

body#product .lilo-product-description ul{
    margin:0 0 28px;
    padding-left:26px;
}

body#product .lilo-product-description li{
    margin-bottom:14px;
}

body#product .lilo-product-description li ul{
    margin-top:12px;
    margin-bottom:0;
}

body#product .lilo-product-description strong{
    color:#222;
}

body#product .lilo-product-description a{
    color:#686a95;
    font-weight:600;
}

body#product .lilo-product-highlight{
    margin:35px 0;
    padding:22px;
    background:#f5f5fa;
    border-left:5px solid #686a95;
    border-radius:10px;
}

body#product .lilo-product-highlight h3{
    margin-top:0;
}

body#product .lilo-product-highlight p:last-child{
    margin-bottom:0;
}

body#product .lilo-product-tip{
    margin-top:30px;
    padding:18px 22px;
    background:#fff5f6;
    border-radius:10px;
}

/* Mobile */

@media(max-width:767px){

body#product .lilo-product-description{
    font-size:15px;
}

body#product .lilo-product-description h2{
    font-size:24px;
}

body#product .lilo-product-description h3{
    font-size:19px;
}

}

/* =========================================================
   V19 Masquer le bouton ETS Social Login mobile
========================================================= */

@media (max-width:767px){

    .ets_solo_slide_widget,
    .ets_solo_slide_widget.active,
    .ets_solo_slide_widget:not(.active){
        display:none !important;
    }

}
/* =========================================================
   V20 Déplacer le bouton "Retour en haut" sur mobile
========================================================= */

@media (max-width:767px){

    #scrolltopbtn{
        left: 12px !important;
        right: auto !important;
    }

}
/* =========================================================
   V21 — HEADER MOBILE STABLE
   Grand logo et pictos centrés uniquement sans scroll
========================================================= */

@media (max-width: 767px) {

  body:not(.lilo-mobile-scrolled)
  #header .mobile-header {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header #_mobile_logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    height: 108px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: translateY(0) !important;
    z-index: 5 !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header #_mobile_logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header #_mobile_logo img {
    display: block !important;
    width: 112px !important;
    max-width: 112px !important;
    height: 112px !important;
    max-height: 112px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header .lilo-mobile-icons-row {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    gap: 22px !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto 12px auto !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header .lilo-mobile-icons-row > * {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body:not(.lilo-mobile-scrolled)
  #header #_mobile_search_widget {
    position: relative !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* =========================================================
   V22 — Léger chevauchement du logo sur le bandeau supérieur
========================================================= */

@media (max-width: 767px) {

  body:not(.lilo-mobile-scrolled)
  #header #_mobile_logo {
    transform: translateY(-10px) !important;
  }
}
/* =========================================================
   V23 — Cookies ouverts : masquer les widgets flottants
========================================================= */

@media (max-width: 767px) {

  /* WhatsApp */
  body.lilo-cookie-banner-open .ets_wa_whatsapp_block,
  body.lilo-cookie-banner-open .ets_wa_whatsapp_block.right_bottom,
  body.lilo-cookie-banner-open [class*="wa_whatsapp"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Smartsupp */
  body.lilo-cookie-banner-open #smartsupp-widget-container,
  body.lilo-cookie-banner-open .smartsupp-widget,
  body.lilo-cookie-banner-open [id*="smartsupp"],
  body.lilo-cookie-banner-open iframe[title*="Smartsupp"],
  body.lilo-cookie-banner-open iframe[title*="smartsupp"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* =========================================================
   V24 — CORRECTIF POPUP CONNEXION ETS SUR MOBILE
   Liens mot de passe oublié / création de compte
========================================================= */

@media (max-width: 767px) {

  /* Pied du formulaire de connexion */
  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 12px 0 6px !important;

    overflow: visible !important;
    text-align: center !important;
  }

  /* Les deux liens sur deux lignes distinctes */
  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .forgot-password,

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .no-account {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    text-align: center !important;
    line-height: 1.4 !important;

    transform: none !important;
  }

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .forgot-password a,

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .no-account a {
    position: static !important;
    display: inline-block !important;
    float: none !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #686a95 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: normal !important;
    text-decoration: none !important;

    transform: none !important;
  }

  /* Supprime les pictogrammes parasites ajoutés par le thème */
  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .forgot-password a::before,

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .forgot-password a::after,

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .no-account a::before,

  .ets_solo_wrapper_content.slw_and_alw
  .solo-login-form-alw
  footer.form-footer .no-account a::after {
    display: none !important;
    content: none !important;
  }
}
/* =========================================================
   V25 — Mise en évidence de la création de compte
========================================================= */

.page-customer-account .no-account a,
.ets_solo_social_desc {
  color: #cf6d7c !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.page-customer-account .no-account a {
  font-size: 15px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.ets_solo_social_desc {
  font-size: 15px !important;
}

.page-customer-account .no-account a:hover {
  color: #686a95 !important;
}
/* =========================================================
   V26 — Connexion mobile : liens sur deux lignes
========================================================= */

@media (max-width: 767px) {

  .page-customer-account .login-form-forgot {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }

  .page-customer-account .login-form-forgot .forgot-password,
  .page-customer-account .login-form-forgot .no-account {
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    text-align: center !important;
  }

  .page-customer-account .login-form-forgot .no-account a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }
}
/* =========================================================
   V27 - CTA création de compte sans soulignement
========================================================= */

.page-customer-account .no-account a{
    text-decoration: none !important;
}

.page-customer-account .no-account a:hover{
    text-decoration: none !important;
}
/* =========================================================
   V28 — Mise en forme description Social Login
========================================================= */

.ets_solo_social_desc {
  line-height: 1.5 !important;
}

.ets_solo_social_desc strong {
  display: inline-block !important;
  margin-top: 8px !important;
  color: #cf6d7c !important;
  font-weight: 800 !important;
}

/* ==========================================================
   V29 - SMARTSUPP - SUPPRESSION DU HALO AUTOUR DU BOUTON CHAT
   ========================================================== */

#smartsupp-widget-container [data-testid="widgetButtonFrame"] {
    box-shadow: none !important;
    background: transparent !important;
}
/* =========================================================
   V30 - INSCRIPTION — CONFIDENTIALITÉ DES DONNÉES
   Desktop : texte explicatif sous le titre
========================================================= */

@media (min-width: 768px) {

    body#registration .custom-checkbox {
        align-items: flex-start !important;
    }

    body#registration .custom-checkbox > label {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        column-gap: 10px !important;
        align-items: start !important;
        width: 100% !important;
    }

    /* Case à cocher */
    body#registration .custom-checkbox > label > input,
    body#registration .custom-checkbox > label > span:first-of-type {
        grid-column: 1 !important;
    }

    /* Titre "Confidentialité des données clients" */
    body#registration .custom-checkbox .custom-checkbox-label {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    /* Texte RGPD */
    body#registration .custom-checkbox p.MsoNormal {
        grid-column: 2 !important;
        grid-row: 2 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 5px 0 0 0 !important;
        padding: 0 !important;

        font-family: inherit !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        font-style: italic !important;
        color: #777 !important;
    }
}
/* =========================================================
   V31 - Masquer le compteur de stock du bloc Hurry Up sur les fiches produits */
.product-information .an_hurry_up,
.product-information .js-an_hurry_up {
    display: none !important;
    visibility: hidden !important;
}
/* =========================================================
  V32 LILO - BOUTON LIEN AMBASSADEUR
   ========================================================= */

#ref_link {
    width: 100%;
    margin: 20px 0 22px !important;
}

/* BOUTON */
#ref_link a.fancybox.share_link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    width: 100% !important;
    min-height: 52px !important;
    padding: 13px 18px !important;
    margin-bottom: 14px !important;

    /* Violet Lilo */
    background: linear-gradient(
        135deg,
        #686a95 0%,
        #7d7fb3 50%,
        #686a95 100%
    ) !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;

    border: none !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 14px rgba(104, 106, 149, 0.30) !important;

    overflow: hidden !important;
    cursor: pointer !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


/* =========================================================
   ICÔNE
   ========================================================= */

#ref_link a.fancybox.share_link .material-icons {
    position: relative;
    z-index: 2;

    font-size: 21px !important;
    line-height: 1 !important;

    color: #ffffff !important;
}


/* Texte et icône au-dessus du reflet */
#ref_link a.fancybox.share_link {
    isolation: isolate;
}


/* =========================================================
   BALAYAGE LUMINEUX
   ========================================================= */

#ref_link a.fancybox.share_link::before {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    top: -60% !important;
    left: -70% !important;

    width: 35% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 25%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.08) 75%,
        transparent 100%
    ) !important;

    transform: rotate(20deg) !important;

    animation: liloAmbassadeurShine 4.5s ease-in-out infinite !important;

    pointer-events: none !important;
}


@keyframes liloAmbassadeurShine {

    0%,
    62% {
        left: -70%;
    }

    82%,
    100% {
        left: 140%;
    }
}


/* =========================================================
   DESKTOP - EFFET AU SURVOL
   ========================================================= */

@media (min-width: 768px) {

    #ref_link a.fancybox.share_link:hover {

        background: linear-gradient(
            135deg,
            #5d5f89 0%,
            #7779aa 50%,
            #5d5f89 100%
        ) !important;

        color: #ffffff !important;

        transform: translateY(-2px) !important;

        box-shadow:
            0 8px 20px rgba(104, 106, 149, 0.40) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #ref_link {
        width: 100% !important;
        margin: 18px 0 20px !important;
    }

    #ref_link a.fancybox.share_link {
        width: 100% !important;
        min-height: 50px !important;

        padding: 13px 12px !important;

        font-size: 14px !important;

        border-radius: 12px !important;
    }

    #ref_link a.fancybox.share_link .material-icons {
        font-size: 20px !important;
    }
}


/* =========================================================
   ACCESSIBILITÉ
   Désactive l'animation si l'utilisateur le demande
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #ref_link a.fancybox.share_link::before {
        animation: none !important;
    }
}

/* =========================================================
  V33 LILO - POPUP LIEN AMBASSADEUR
   ========================================================= */

.lilo-ambassador-popup {
    width: 100%;
    max-width: 520px;
    padding: 10px;
    text-align: center;
}

.lilo-ambassador-title {
    color: #686a95;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.lilo-ambassador-subtitle {
    color: #555;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 18px;
}


/* Bloc contenant l'URL */

.lilo-ambassador-url {
    padding: 12px 14px;
    margin-bottom: 15px;

    background: #f7f7fb;
    border: 1px solid rgba(104, 106, 149, 0.20);
    border-radius: 9px;

    overflow-wrap: anywhere;
}

.lilo-ambassador-url .share_url {
    color: #686a95 !important;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none !important;
}


/* Bouton COPIER */

.lilo-copy-ambassador {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    min-height: 48px;

    padding: 12px 18px;

    background: #686a95;
    color: #fff;

    border: 0;
    border-radius: 10px;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 4px 12px rgba(104, 106, 149, .25);

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.lilo-copy-ambassador .material-icons {
    color: #fff !important;
    font-size: 20px;
}


/* Desktop */

@media (min-width: 768px) {

    .lilo-copy-ambassador:hover {
        background: #5d5f89;
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(104, 106, 149, .35);
    }
}


/* Confirmation après copie */

.lilo-copy-confirmation {
    min-height: 20px;
    margin-top: 10px;

    color: #4e9b65;
    font-size: 13px;
    font-weight: 600;
}


/* Mobile */

@media (max-width: 767px) {

    .lilo-ambassador-popup {
        max-width: 100%;
        padding: 5px;
    }

    .lilo-ambassador-title {
        font-size: 18px;
    }

    .lilo-ambassador-url {
        padding: 11px 10px;
    }

    .lilo-ambassador-url .share_url {
        font-size: 12px;
    }

    .lilo-copy-ambassador {
        min-height: 50px;
        font-size: 14px;
    }
}