
/* ===== Aquanomade : thème enfant de Classic ===== */
:root{--aq-green:#195d36;--aq-green-2:#036f49;--aq-green-3:#0b5d36;--aq-line:#008000;--aq-bg:#f8f8f8;--aq-text:#121212;--aq-muted:#5b5b5b}
html{-webkit-text-size-adjust:100%}
body,button,input,select,textarea,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
body{background:var(--aq-bg);color:var(--aq-text);font-size:16px;line-height:1.55}
#wrapper{background:transparent;padding-top:1.5rem}
#index #wrapper{padding-top:0}
h1,h2,h3,h4{letter-spacing:-.01em;color:var(--aq-text)}
a{color:var(--aq-green-2)} a:hover{color:var(--aq-green)}
.container{max-width:1200px}

/* boutons */
.btn-primary,.btn-primary:focus{background:var(--aq-green-2);border-color:var(--aq-green-2);color:#fff;border-radius:30px;font-weight:700;text-transform:none;letter-spacing:0;padding:.75rem 1.7rem;box-shadow:none}
.btn-primary:hover,.btn-primary:active{background:var(--aq-green);border-color:var(--aq-green);color:#fff}
.btn-secondary,.btn-tertiary{border-radius:30px;font-weight:600;text-transform:none}
.form-control,.custom-select,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number]{border-radius:16px}
.form-control:focus,.custom-select:focus,select:focus{border-color:var(--aq-green-2);outline:0;box-shadow:0 0 0 3px rgba(3,111,73,.15)}

/* barre d'annonce + en-tête flottant vert */
.header-banner{background:var(--aq-green);color:#fff;text-align:center;padding:0;margin:0}
.header-banner .aq-announce{font-size:12px;font-weight:600;padding:16px 12px;letter-spacing:.01em}
#header{background:transparent;box-shadow:none;border:0;padding:0}
.aq-header{margin:12px 20px 0;background:var(--aq-green);border-radius:20px;position:relative;z-index:20}
.aq-header-inner{display:flex;align-items:center;gap:28px;min-height:96px;padding:0 44px}
.aq-logo h1,.aq-logo div{margin:0;line-height:0}
.aq-logo img{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}
.aq-nav{flex:1;min-width:0}
.aq-nav #_desktop_top_menu{margin:0}
.aq-nav .top-menu[data-depth="0"]{display:flex;flex-wrap:wrap;gap:6px 34px;justify-content:center;margin:0;padding:0}
.aq-nav .top-menu a,.aq-nav .top-menu a.dropdown-item,.aq-nav .top-menu a[data-depth="0"]{color:#fff!important;font-weight:600;font-size:16px;text-transform:none;padding:6px 0;background:transparent}
.aq-nav .top-menu a:hover,.aq-nav .top-menu a.dropdown-item:hover{color:#bfe8cf!important;background:transparent}
.aq-nav .popover.sub-menu a,.aq-nav .popover.sub-menu a.dropdown-item{color:var(--aq-text)!important}
.aq-nav .top-menu>li{margin:0}
/* accueil en pleine largeur (comme sur Shopify) */
#index #wrapper>.container{max-width:none;width:100%;padding:0}
#index #wrapper .row{margin-left:0;margin-right:0}
#index #content-wrapper,#index #main,#index #content,#index .page-home,#index #wrapper .col-xs-12{padding-left:0;padding-right:0}
#index #content{margin:0;padding:0;box-shadow:none;background:transparent}
#index #main{margin:0}
.aq-nav #search_widget,#search_widget{display:none}
.aq-nav .popover.sub-menu{border-radius:16px;border:0;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.aq-nav .popover.sub-menu a{color:var(--aq-text)}
.aq-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.aq-right .user-info,.aq-right #_desktop_user_info{margin:0}
.aq-right .user-info a,.aq-right #_desktop_user_info a{color:#fff;font-weight:600;font-size:14px}
.aq-right .user-info .material-icons{color:#fff}
.aq-right #_desktop_language_selector,.aq-right #_desktop_currency_selector{display:none}
.aq-right .blockcart,.aq-right .blockcart.cart-preview{background:transparent;margin:0;padding:0}
.aq-right .blockcart .header{margin:0;padding:0}
.aq-cart{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);border-radius:60px;padding:6px 18px 6px 6px;color:#fff;position:relative;text-decoration:none}
.aq-cart:hover{color:#fff;background:rgba(255,255,255,.07)}
.aq-cart-ico{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.aq-cart-txt{display:flex;flex-direction:column;line-height:1.15}
.aq-cart-txt small{font-size:12px;opacity:.85}
.aq-cart-txt b{font-size:15px;font-weight:700}
.aq-cart-count{position:absolute;top:-6px;right:-4px;background:#fff;color:var(--aq-green);border-radius:50%;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.aq-burger{color:#fff;cursor:pointer;line-height:1}
.aq-burger .material-icons{font-size:30px;color:#fff}
#mobile_top_menu_wrapper{background:#fff;border-radius:0 0 20px 20px;margin:0;padding:10px 18px 16px}
#mobile_top_menu_wrapper .top-menu a{color:var(--aq-text);font-weight:600}
@media (max-width:767px){
  .aq-header{margin:8px 10px 0}
  .aq-header-inner{min-height:68px;padding:0 14px;gap:10px}
  .aq-logo{flex:1;text-align:center}
  .aq-logo img{height:28px;margin:0 auto}
  .aq-cart{padding:4px 10px 4px 4px}.aq-cart-ico{width:34px;height:34px}.aq-cart-txt{display:none}
}

/* page d'accueil */
.aq-home{max-width:1440px;margin:0 auto;padding:0 20px 30px}
.aq-home>section,.aq-home>div{margin-top:36px}
.aq-slider{position:relative;margin:20px 20px 0;border-radius:20px;overflow:hidden;border:1px solid var(--aq-line);background:#e8efe9}
.aq-slides{position:relative;height:620px}
.aq-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;display:block;pointer-events:none}
.aq-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.aq-slide img{width:100%;height:100%;object-fit:cover;display:block}
.aq-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.aq-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.65);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.aq-dot.is-active{width:28px;border-radius:8px;background:#fff}
@media (max-width:991px){.aq-slides{height:520px}}
@media (max-width:767px){.aq-slider{margin:12px 10px 0}.aq-slides{height:auto;aspect-ratio:3/4}}

/* blog de l'accueil */
.aq-blog{border:1px solid var(--aq-line);border-radius:30px;padding:30px 30px 0;position:relative;background:#fff;margin-bottom:46px!important}
.aq-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:50px}
.aq-post h3{font-size:16px;font-weight:700;margin:16px 0 6px;line-height:1.35}
.aq-post h3 a{color:var(--aq-text)}
.aq-post p{font-size:15px;color:#333;margin:0 0 12px}
.aq-post-img{display:block;aspect-ratio:404/220;border-radius:20px;overflow:hidden;background:#eef2ee}
.aq-post-img img{width:100%;height:100%;object-fit:cover;display:block}
.aq-post-more{color:var(--aq-text);font-weight:600;border-bottom:2px solid var(--aq-text);padding-bottom:1px;text-decoration:none}
.aq-blog-all{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);background:#000;color:#fff;font-weight:700;border-radius:40px;padding:12px 30px;text-decoration:none}
.aq-blog-all:hover{background:var(--aq-green);color:#fff}
@media (max-width:767px){.aq-blog{padding:18px 16px 0}.aq-blog-grid{grid-template-columns:1fr;gap:26px}}

/* texte de présentation (SEO) */
.aq-seo{background:#fff;border:1px solid #ececec;padding:52px 28px 64px;text-align:center}
.aq-seo h2{font-size:clamp(26px,3.6vw,40px);font-weight:800;margin:0 auto 18px;max-width:820px;line-height:1.15}
.aq-seo h3{font-size:clamp(24px,3.2vw,36px);font-weight:800;margin:34px auto 14px;max-width:820px;line-height:1.15}
.aq-seo p{max-width:780px;margin:0 auto 16px;font-size:16px}
.aq-seo a{font-weight:700;color:var(--aq-text)}

/* fiches produit en liste */
.product-miniature .thumbnail-container{border-radius:20px;border:1px solid #e6e8e6;background:#fff;box-shadow:none;overflow:hidden;transition:box-shadow .2s,transform .2s}
.product-miniature .thumbnail-container:hover{box-shadow:0 10px 30px rgba(0,0,0,.09);transform:translateY(-2px)}
.product-miniature .product-title a{color:var(--aq-text);font-weight:600;text-transform:none;font-size:15px}
.product-miniature .product-description{padding:0 12px 16px}
.product-price-and-shipping .price{color:var(--aq-text);font-weight:800}
.regular-price{color:#8a8a8a}
.product-flags li.product-flag{border-radius:6px;font-weight:700;text-transform:none;background:var(--aq-green-2);color:#fff}
.product-flags li.product-flag.discount,.product-flags li.product-flag.on-sale{background:var(--aq-green-2)}
.product-flags li.product-flag.out_of_stock{background:#ec4040}
.has-discount .discount{background:var(--aq-green-2);border-radius:6px}
.page-header h1,.h1.page-title,#js-product-list-header h1{font-weight:800}
#js-product-list-header,.block-category{border-radius:20px;border:0;background:#fff}
.breadcrumb{background:transparent}
.breadcrumb li a{color:var(--aq-muted)}
.card,.card-block{border-radius:20px}
#left-column .block-categories,#search_filters_wrapper .block-categories{border-radius:20px;background:#fff;border:1px solid #ececec;padding:16px}
.product-cover img,.images-container .thumb-container img,.product-images>li.thumb-container .thumb{border-radius:16px}
.product-add-to-cart .add-to-cart{border-radius:30px}
.product-prices .current-price span{font-weight:800}
#footer{background:transparent}
/* page de commande */
.aq-checkout-logo{text-align:center;padding:22px 0 6px}
.aq-checkout-logo img{height:34px;width:auto}
.aq-checkout-nav{background:transparent;border:0}
.aq-checkout-foot{text-align:center;padding:26px 12px;font-size:14px;color:var(--aq-muted)}
.aq-checkout-foot a{color:var(--aq-green-2)}
.aq-checkout-foot p{margin:6px 0 0;font-size:12px}
#checkout section.checkout-step .step-title{font-weight:800}
#checkout .step-number{background:var(--aq-green-2)}

/* avis clients */
.aq-rating-strip{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px!important;font-size:15px;color:#0b6b4a;flex-wrap:wrap;text-align:center}
.aq-stars{color:#00b67a;letter-spacing:2px;font-size:18px}
.aq-reviews{background:#fff;border-radius:30px;padding:34px 16px 30px;text-align:center}
.aq-reviews h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 6px}
.aq-reviews-sum{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-size:15px;flex-wrap:wrap}
.aq-rv-wrap{position:relative;max-width:1120px;margin:0 auto;padding:0 46px}
.aq-rv-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px}
.aq-rv-track::-webkit-scrollbar{display:none}
.aq-rv{flex:0 0 230px;scroll-snap-align:start;background:#f8f8f8;border-radius:12px;overflow:hidden;text-align:center;display:flex;flex-direction:column}
.aq-rv img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.aq-rv p{font-size:14px;line-height:1.4;margin:12px 12px 8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.aq-rv b{display:block;font-size:15px;margin-top:4px}
.aq-rv small{display:block;color:#777;font-size:12px;margin:2px 12px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aq-rv-btn{position:absolute;top:42%;width:38px;height:38px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18);font-size:24px;line-height:1;cursor:pointer;color:#111}
.aq-rv-prev{left:0}.aq-rv-next{right:0}
@media (max-width:767px){.aq-rv-wrap{padding:0 6px}.aq-rv-btn{display:none}.aq-rv{flex-basis:70%}}

/* page produit : prix sobre, pas de libellé « Aucune taxe » (franchise de TVA) */
.product-prices .current-price,.product-prices .current-price span,.current-price-value,.has-discount .current-price,.has-discount .current-price span{color:var(--aq-text)!important;font-weight:800}
.product-prices .product-discount .regular-price,.product-prices .regular-price{color:#8a8a8a!important}
.product-prices .tax-shipping-delivery-label,.tax-shipping-delivery-label{display:none}
.product-discount,.has-discount .product-discount{margin-bottom:4px}
.aq-vat{display:block;margin-top:4px;font-size:12px;opacity:.85}

/* texte de présentation : noir comme sur Shopify */
.aq-seo,.aq-seo p,.aq-seo li{color:var(--aq-text)}
/* newsletter */
.aq-footer-news{min-width:0}
.aq-footer-news .block_newsletter{max-width:100%;flex:none;width:100%}
.aq-footer-news .block_newsletter .row{margin:0}
.aq-footer-news .block_newsletter .col-xs-12{padding:0}
.aq-footer-news .block_newsletter #block-newsletter-label{margin:0 0 12px;line-height:1.3}
.aq-footer-news .block_newsletter .input-wrapper{overflow:hidden}
.aq-footer-news .block_newsletter input[type=email]{width:100%;padding:0 18px}
.aq-footer-news .block_newsletter .btn{float:right;border-radius:0 30px 30px 0}
.aq-footer-news .block_newsletter p{margin:10px 0 0}
/* mobile : pas de débordement horizontal */
html,body{max-width:100%;overflow-x:clip}
.images-container .js-qv-mask{max-width:100%;overflow-x:auto}
.product-images>li.thumb-container{max-width:30%}
.images-container .product-images img{max-width:100%;height:auto}


/* pied de page */
.aq-footer-brand-wrap{background:var(--aq-bg);margin-top:50px}
.aq-footer{position:relative;margin-top:0;background:transparent}
.aq-wave{display:block;width:100%;height:80px;margin-bottom:-1px}
.aq-footer-body{background:var(--aq-green);color:#fff;padding:30px 0 22px}
.aq-footer-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;align-items:start}
.aq-footer-col{text-align:center}
.aq-footer-col h3{font-size:17px;font-weight:700;color:#fff;margin:0 0 16px}
.aq-footer-col ul{list-style:none;margin:0;padding:0}
.aq-footer-col li{margin:0 0 10px}
.aq-footer-col a{color:#fff;text-decoration:none;font-size:15px}
.aq-footer-col a:hover{text-decoration:underline}
.aq-footer-news .block_newsletter{background:transparent;padding:0;color:#fff;border:0}
.aq-footer-news .block_newsletter p,.aq-footer-news .block_newsletter .col-xs-12{color:#fff;font-size:15px}
.aq-footer-news .block_newsletter #block-newsletter-label{font-weight:700;font-size:18px;color:#fff;text-transform:none}
.aq-footer-news .block_newsletter input[type=email]{border-radius:30px 0 0 30px;border:0;min-height:48px;background:#fff}
.aq-footer-news .block_newsletter .btn,.aq-footer-news .block_newsletter input[type=submit]{border-radius:0 30px 30px 0;background:#7a7a7a;border:0;color:#fff;min-height:48px;font-weight:700}
.aq-footer-news .block_newsletter .conditions,.aq-footer-news .block_newsletter .alert{font-size:12px;color:#e6f3ec}
.aq-copy{text-align:center;margin:30px 0 0;padding-top:18px;border-top:1px solid rgba(0,128,0,.7);font-size:14px;color:#e6f3ec}
.aq-footer-news .social-sharing,.aq-footer .block-social{display:none}
@media (max-width:767px){.aq-footer-cols{grid-template-columns:1fr;gap:28px}.aq-wave{height:46px}}

/* ===== bloc personnalisé 1 (repris du thème Shopify) ===== */

.aq-hero-section {
  text-align: center;
  padding: 15px 20px;
}

.aq-split-h1 {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: #0a5430;
  margin: 0 0 20px 0;
  line-height: 1.2;
  overflow: hidden;
}

.aq-split-h1 .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(50px);
  animation: splitReveal 0.6s ease forwards;
}

.aq-split-h1 .word {
  display: inline-block;
  white-space: nowrap;
}

.aq-split-h1 .space {
  display: inline-block;
  width: 0.3em;
}

@keyframes splitReveal {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.aq-hero-text {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  font-family: inherit;
}

@media (max-width: 768px) {
  .aq-split-h1 {
    font-size: 24px;
  }
  
  .aq-hero-text {
    font-size: 14px;
    padding: 0 10px;
  }
}

@media (max-width: 400px) {
  .aq-split-h1 {
    font-size: 20px;
  }
}

/* ===== bloc personnalisé 2 (repris du thème Shopify) ===== */

  .custom-product-section {
    position: relative;
    text-align: center;
    margin: 0px 0;
    background: linear-gradient(135deg, #0a5430 0%, #195D36 25%, #2a9d5c 50%, #195D36 75%, #0a5430 100%);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
    border-radius: 32px;
    padding: 20px 0;
  }

  @keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  .custom-product-section h2 {
    font-size: 25px;
    margin-bottom: 30px;
    text-transform: none;
    padding: 15px 40px;
  }
  
  .shiny-text {
    display: inline-block;
    background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.6) 40%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.6) 60%,
      rgba(255, 255, 255, 1) 100%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: shineEffect 3s linear infinite;
  }

  @keyframes shineEffect {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
  }
  
  .custom-slider-wrapper {
    overflow-x: auto;
    display: flex;
    gap: 20px;
    scroll-snap-type: x mandatory;
    padding: 10px 20px 20px 20px;
    scroll-behavior: smooth;
  }
  
  .custom-slider-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  
  .custom-slider-wrapper::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .custom-slider-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
  }

  .custom-product-card {
    min-width: 250px;
    max-width: 280px;
    flex-shrink: 0;
    scroll-snap-align: center;
    text-align: center;
    padding-bottom: 15px;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    box-shadow: 
      0 8px 32px rgba(0, 0, 0, 0.1),
      inset 0 1px 1px rgba(255, 255, 255, 0.4),
      inset 0 -1px 1px rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
  }

  .custom-product-card > a:first-child {
    display: flex;
    flex-direction: column;
    text-decoration: none;
  }

  .custom-product-card img {
    width: 100%;
    border-radius: 24px 24px 0 0;
    transition: transform 0.3s ease;
  }

  .custom-product-card h3 {
    font-size: 16px;
    margin: 12px 0 8px;
    padding: 0 15px;
    text-transform: none;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0 15px;
    min-height: 24px;
  }

  .no-reviews {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    font-style: italic;
  }

  .custom-product-card a.button {
    display: inline-block;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
  }

  .custom-product-card a.button:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.05);
  }

  .custom-slider-wrapper:hover .custom-product-card {
    filter: blur(2px);
    opacity: 0.6;
    transform: scale(0.95);
  }
  
  .custom-slider-wrapper .custom-product-card:hover {
    filter: none;
    opacity: 1;
    transform: scale(1.05);
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 
      0 16px 48px rgba(0, 0, 0, 0.15),
      inset 0 1px 1px rgba(255, 255, 255, 0.5),
      inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    z-index: 2;
  }

  .carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }

  .carousel-arrow:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%) scale(1.1);
  }

  .carousel-arrow.disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
    transform: translateY(-50%) scale(1);
  }

  .arrow-left { left: 15px; }
  .arrow-right { right: 15px; }

  @media (max-width: 768px) {
    .custom-product-section {
      padding: 15px 0;
      border-radius: 24px;
    }
    .custom-product-section h2 {
      font-size: 22px;
      margin-bottom: 20px;
      padding: 10px 20px;
    }
    .carousel-arrow {
      width: 38px;
      height: 38px;
      font-size: 18px;
    }
    .custom-slider-wrapper:hover .custom-product-card {
      filter: none;
      opacity: 1;
      transform: none;
    }
    .custom-slider-wrapper .custom-product-card:hover {
      transform: none;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }
    .custom-product-card {
      min-width: 220px;
      max-width: 250px;
      border-radius: 20px;
    }
    .custom-product-card img {
      border-radius: 20px 20px 0 0;
    }
  }

/* ===== bloc personnalisé 3 (repris du thème Shopify) ===== */

  .reassurance-section {
    background: linear-gradient(135deg, #f8fdf9 0%, #c8f0d5 100%);
    border-radius: 16px;
    padding: 35px 30px 30px;
    margin: 40px 0;
    overflow: hidden;
  }
  .reassurance-title {
    font-size: 22px;
    font-weight: 700;
    color: #0a5430;
    text-align: center;
    margin: 0 0 25px 0;
  }
  .reassurance-grid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  .reassurance-item {
    flex: 1;
    min-width: 180px;
    text-align: center;
    padding: 10px;
  }
  .reassurance-item i {
    font-size: 26px;
    color: #0a5430;
    margin-bottom: 10px;
    display: block;
    font-style: normal;
  }
  .reassurance-item h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: #0a5430;
  }
  .reassurance-item p {
    font-size: 14px;
    color: #333;
    margin: 0;
  }
  .reassurance-dots {
    display: none;
  }

  @media (max-width: 768px) {
    .reassurance-section {
      padding: 25px 0 20px;
      border-radius: 12px;
    }
    .reassurance-title {
      font-size: 20px;
      padding: 0 20px;
      margin-bottom: 20px;
    }
    .reassurance-grid {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 0;
      padding: 0 20px 15px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scroll-behavior: smooth;
    }
    .reassurance-grid::-webkit-scrollbar {
      display: none;
    }
    .reassurance-item {
      min-width: 75vw;
      max-width: 75vw;
      flex-shrink: 0;
      scroll-snap-align: center;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 12px;
      padding: 24px 16px;
      margin: 0 6px;
    }
    .reassurance-item i {
      font-size: 32px;
      margin-bottom: 12px;
    }
    .reassurance-item h4 {
      font-size: 17px;
      margin-bottom: 8px;
    }
    .reassurance-item p {
      font-size: 14px;
      line-height: 1.5;
    }
    .reassurance-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      padding: 0 20px;
    }
    .reassurance-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #0a5430;
      opacity: 0.25;
      transition: all 0.3s ease;
      cursor: pointer;
      border: none;
      padding: 0;
    }
    .reassurance-dot.active {
      width: 22px;
      border-radius: 10px;
      opacity: 0.7;
    }
  }

/* ===== bloc personnalisé 4 (repris du thème Shopify) ===== */

        .aquanomade-faq-wrapper {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: linear-gradient(135deg, #0a5430 0%, #195D36 25%, #2a9d5c 50%, #195D36 75%, #0a5430 100%);
            background-size: 400% 400%;
            animation: aquanomade-bg-shift 15s ease infinite;
            padding: 20px 0;
            width: 100%;
            box-sizing: border-box;
            position: relative;
            margin: 0;
            border-radius: 32px;
        }

        @keyframes aquanomade-bg-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .aquanomade-faq-wrapper * {
            box-sizing: border-box;
        }

        .aquanomade-faq-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px 40px;
            position: relative;
            z-index: 1;
        }

        .aquanomade-faq-section-title {
            font-size: 32px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 40px;
            text-align: center;
            position: relative;
            z-index: 1;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        /* Shiny Text Effect */
        .aquanomade-shiny-text {
            display: inline-block;
            background: linear-gradient(
                120deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(255, 255, 255, 0.6) 40%,
                rgba(255, 255, 255, 1) 50%,
                rgba(255, 255, 255, 0.6) 60%,
                rgba(255, 255, 255, 1) 100%
            );
            background-size: 200% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: aquanomade-shine 3s linear infinite;
        }

        @keyframes aquanomade-shine {
            0% {
                background-position: 200% center;
            }
            100% {
                background-position: -200% center;
            }
        }

        .aquanomade-faq-grid {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 24px;
            padding: 10px 40px 20px 40px;
            margin: 0 -40px;
            perspective: 1000px;
            max-width: calc(100% + 80px);
            position: relative;
            z-index: 1;
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
            scroll-behavior: smooth;
        }

        .aquanomade-faq-grid::-webkit-scrollbar {
            height: 8px;
        }

        .aquanomade-faq-grid::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 10px;
        }

        .aquanomade-faq-grid::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 10px;
        }

        .aquanomade-faq-card-wrapper {
            min-width: 340px;
            max-width: 340px;
            height: 320px;
            position: relative;
            scroll-snap-align: center;
            flex-shrink: 0;
        }

        .aquanomade-faq-card {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
        }

        .aquanomade-faq-card:hover {
            transform: translateY(-8px);
        }

        .aquanomade-faq-card.flipped {
            transform: rotateY(180deg);
        }

        .aquanomade-faq-card.flipped:hover {
            transform: rotateY(180deg) translateY(-8px);
        }

        .aquanomade-faq-card-front,
        .aquanomade-faq-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 24px;
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            
            /* iOS 26 Glassmorphism Effect */
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 
                0 8px 32px rgba(0, 0, 0, 0.1),
                inset 0 1px 1px rgba(255, 255, 255, 0.4),
                inset 0 -1px 1px rgba(255, 255, 255, 0.1);
        }

        .aquanomade-faq-card:hover .aquanomade-faq-card-front,
        .aquanomade-faq-card:hover .aquanomade-faq-card-back {
            background: rgba(255, 255, 255, 0.25);
            box-shadow: 
                0 16px 48px rgba(0, 0, 0, 0.15),
                inset 0 1px 1px rgba(255, 255, 255, 0.5),
                inset 0 -1px 1px rgba(255, 255, 255, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.4);
        }

        .aquanomade-faq-card-front {
            color: #ffffff;
            align-items: center;
            text-align: center;
            gap: 16px;
        }

        .aquanomade-faq-emoji {
            font-size: 48px;
            margin-bottom: 8px;
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
        }

        .aquanomade-faq-question {
            font-size: 17px;
            font-weight: 600;
            line-height: 1.5;
            color: #ffffff;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .aquanomade-flip-icon {
            font-size: 28px;
            margin-top: 12px;
            opacity: 0.8;
            color: #ffffff;
        }

        .aquanomade-faq-card-back {
            transform: rotateY(180deg);
            overflow-y: auto;
        }

        .aquanomade-faq-answer {
            font-size: 15px;
            line-height: 1.7;
            color: #ffffff;
            margin-bottom: 20px;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .aquanomade-faq-answer strong {
            color: #ffffff;
            font-weight: 700;
        }

        .aquanomade-faq-link {
            color: #ffffff;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 8px;
            font-size: 15px;
            opacity: 0.9;
            transition: opacity 0.2s ease;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .aquanomade-faq-link:hover {
            text-decoration: underline;
            opacity: 1;
        }

        .aquanomade-back-button {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.3);
            cursor: pointer;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .aquanomade-back-button:hover {
            background: rgba(255, 255, 255, 0.35);
            transform: scale(1.1);
        }

        /* Indicateur de swipe - visible sur tous les écrans */
        .aquanomade-swipe-indicator {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            margin-top: 20px;
            position: relative;
            z-index: 1;
        }

        .aquanomade-swipe-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .aquanomade-swipe-dot.active {
            width: 24px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.8);
        }

        .aquanomade-swipe-hint {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: 12px;
            color: rgba(255, 255, 255, 0.8);
            font-size: 13px;
            font-weight: 500;
            animation: aquanomade-swipe-bounce 2s ease-in-out infinite;
        }

        .aquanomade-swipe-hint svg {
            width: 20px;
            height: 20px;
            animation: aquanomade-swipe-arrow 1.5s ease-in-out infinite;
        }

        @keyframes aquanomade-swipe-bounce {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 1; }
        }

        @keyframes aquanomade-swipe-arrow {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(5px); }
        }

        @media (max-width: 1024px) {
            .aquanomade-faq-container {
                padding: 50px 30px;
            }

            .aquanomade-faq-grid {
                padding: 10px 30px 20px 30px;
                margin: 0 -30px;
                max-width: calc(100% + 60px);
            }

            .aquanomade-faq-card-wrapper {
                min-width: 300px;
                max-width: 300px;
            }
        }

        @media (max-width: 768px) {
            .aquanomade-faq-wrapper {
                padding: 15px 0;
            }

            .aquanomade-faq-container {
                padding: 10px 20px;
            }

            .aquanomade-faq-grid {
                gap: 16px;
                padding: 10px 20px 20px 20px;
                margin: 0 -20px;
                max-width: calc(100% + 40px);
            }

            .aquanomade-faq-card-wrapper {
                min-width: 280px;
                max-width: 280px;
                height: 320px;
            }

            .aquanomade-faq-section-title {
                font-size: 24px;
                padding: 0;
            }

            .aquanomade-faq-question {
                font-size: 16px;
            }

            .aquanomade-faq-emoji {
                font-size: 40px;
            }

            .aquanomade-faq-answer {
                font-size: 14px;
            }
            
            .aquanomade-faq-card-front,
            .aquanomade-faq-card-back {
                border-radius: 20px;
                padding: 24px;
            }
        }
    
/* ===== bloc personnalisé 6 (repris du thème Shopify) ===== */

.aq-footer-brand {
  text-align: center;
  padding: 0 20px;
  background: transparent;
}

.aq-footer-logo {
  width: 280px;
  max-width: 80%;
  height: auto;
  margin: 0 auto 15px;
  display: block;
}

.aq-footer-socials {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.aq-footer-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #095d36;
  transition: all 0.3s ease;
}

.aq-footer-social-link:hover {
  color: #14CD73;
  transform: scale(1.1);
}

.aq-footer-social-link svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

@media (max-width: 768px) {
  .aq-footer-brand {
    padding: 0 15px;
  }
  
  .aq-footer-logo {
    width: 220px;
    margin-bottom: 12px;
  }
  
  .aq-footer-social-link svg {
    width: 22px;
    height: 22px;
  }
}

.st0{fill:#095d36;}

/* ajustements PrestaShop */
.aq-hero-section,.custom-product-section,.reassurance-section,.aquanomade-faq-wrapper{max-width:1440px;margin-left:auto;margin-right:auto}
.custom-product-card img{max-width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.aq-footer-brand-wrap .aq-footer-brand{margin:0 auto}
