/** Shopify CDN: Minification failed

Line 112:10 Expected identifier but found whitespace
Line 112:12 Unexpected "{"
Line 112:21 Expected ":"
Line 235:10 Expected identifier but found whitespace
Line 235:12 Unexpected "{"
Line 235:21 Expected ":"
Line 235:46 Expected ":"
Line 309:12 Expected identifier but found whitespace
Line 309:14 Unexpected "{"
Line 309:23 Expected ":"
... and 19 more hidden warnings

**/
/* =============================================
   AMEDICS — Custom Stylesheet
   Toutes les personnalisations du thème Dawn
   Polices gérées via Theme Settings > Typography
   ============================================= */


/* =============================================
   TABLE DES MATIÈRES
   1. Variables globales (couleurs, espacements)
   2. Global / Reset léger
   3. Header
   4. Navigation
   5. Hero / Bannière
   6. Cards Produits
   7. Pages Produit
   8. Collection
   9. Footer
   10. Responsive / Mobile
   ============================================= */


/* ---------------------------------------------
   1. VARIABLES GLOBALES
   Définir ici toutes les couleurs de la charte
   --------------------------------------------- */
:root {
  /* Couleurs principales — à adapter */
  --amedics-color-primary:    #27272A;
  --amedics-color-secondary:  #000000;
  --amedics-color-accent:     #000000;
  --amedics-color-bg:         #ffffff;
  --amedics-color-text:       #000000;
  --amedics-color-text-light: #666666;

  /* Espacements */
  --amedics-spacing-sm:  8px;
  --amedics-spacing-md:  16px;
  --amedics-spacing-lg:  32px;
  --amedics-spacing-xl:  64px;

  /* Bordures */
  --amedics-radius-sm:   4px;
  --amedics-radius-md:   8px;
  --amedics-radius-lg:   16px;
}


/* ---------------------------------------------
   2. GLOBAL / Reset léger
   --------------------------------------------- */

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    
    font-weight: 700;
    color: #5C4033;
  }
    
/* ---------------------------------------------
   3. HEADER
   --------------------------------------------- */


  .amedics-topbar {
    width: 100%;
    font-family: 'Raleway', sans-serif;
  }

  .amedics-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 8px 20px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    white-space: nowrap;
  }

  .amedics-topbar__item {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 24px;
    white-space: nowrap;
  }

  .amedics-topbar__item + .amedics-topbar__item {
    border-left: 1px solid rgba(0,0,0,0.18);
  }

  .amedics-topbar__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: {{ section.settings.icon_color }};
  }

  .amedics-topbar__text {
    font-size: 13px;
    color: var(--amedics-color-primary);
    line-height: 1.3;
  }

  .amedics-topbar__text .label {
    font-weight: 700;
    margin-right: 2px;
  }

  .amedics-topbar__text a {
    color: var(--amedics-color-primary);
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .amedics-topbar__text a:hover {
    opacity: 0.75;
    text-decoration: none;
  }

  .amedics-topbar__text .hours {
    font-weight: 400;
    font-size: 12px;
    color: var(--amedics-color-primary);
    margin-left: 4px;
  }

 .amedics-topbar__whatsapp {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: opacity 0.2s ease;
    padding-left: 24px;
    border-left: 1px solid rgba(0,0,0,0.18);
  }

  .amedics-topbar__whatsapp:hover {
    opacity: 0.75;
  }

  .amedics-topbar__whatsapp svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }

  .amedics-topbar__whatsapp-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--amedics-color-primary);
    font-family: 'Raleway', sans-serif;
  }

  /* Responsive */
  @media (max-width: 640px) {
amedics-topbar {display:none;}
      
    .amedics-topbar__inner {
      display:none;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      padding: 10px 16px 10px;
    }

    .amedics-topbar__item + .amedics-topbar__item {
      border-left: none;
      border-top: 1px solid rgba(0,0,0,0.12);
      padding-top: 6px;
    }

    .amedics-topbar__item {
      padding: 0 8px;
    }

    .amedics-topbar__whatsapp {
      position: static;
      transform: none;
      margin-top: 4px;
      padding-top: 6px;
      border-top: 1px solid rgba(0,0,0,0.12);
      width: 100%;
      justify-content: center;
    }
  }


  /* =============================================
     AMEDICS HEADER
     ============================================= */
.header-wrapper {
  background-color: #ffffff !important;
}
  .amedics-header {
    display: flex;
    align-items: center;
    padding: 5px 3rem 5px 3rem;
    gap: 2rem;
    background-color: #fff;
    z-index:2000;
  }


.section-header.shopify-section-group-header-group {
    z-index: 300;
}

  /* --- Logo --- */
  .amedics-header__logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
  }

  .amedics-header__logo-link .header__heading-logo {
    width: {{ section.settings.logo_width }}px;
    height: auto;
    display: block;
  }

  /* --- Nav desktop : pousse à droite via margin-left auto --- */
  .amedics-header__nav {
    display: flex;
    align-items: center;
    gap: 2.8rem;
    list-style: none;
    padding: 0;
    margin: 0 0 0 auto;
  }

  .amedics-header__nav-link {
    font-size: 1.2rem;
    color: rgba(var(--color-foreground), 0.75);
    text-decoration: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    transition: color 0.15s ease;
    line-height: 1;
  }

  .amedics-header__nav-link:hover {
    color: rgba(var(--color-foreground), 1);
  }

  /* --- Icônes --- */
  .amedics-header__icons {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
  }

  /* --- Masquer le burger Dawn en desktop --- */
  @media screen and (min-width: 990px) {
    header-drawer {
      display: none;
    }
  }

  /* --- Mobile --- */
  @media screen and (max-width: 989px) {
    .amedics-header {
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .amedics-header__nav {
      display: none;
    }

    /* burger à gauche, logo centré via margin auto */
    header-drawer {
      flex-shrink: 0;
      margin-left: -1.2rem;
    }

    .amedics-header__logo-link {
      margin-left: auto;
      margin-right: auto;
    }

    .amedics-header__logo-link .header__heading-logo {
      width: {{ section.settings.logo_width_mobile }}px;
    }
  }

  /* Dawn : list-menu inline */
  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }





/* ---------------------------------------------
   4. NAVIGATION
   --------------------------------------------- */


/* ---------------------------------------------
   5. HERO / BANNIÈRE
   --------------------------------------------- */

 


 
  .amedics-benefits-bar {
    padding: 12px 20px;
  width: 100%;
  text-align: center !important;;
  }


  .amedics-benefits-bar__inner {
  max-width: 1055px;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px;
  flex-wrap: wrap;
  border-bottom: 1px solid #5C4033;
  padding: 10px 0 15px 0px;
}

  .amedics-benefits-bar__title {
    font-family: var(--font-heading-family), sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #5C4033;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .amedics-benefits-bar__divider {
    width: 1px;
    height: 36px;
    background-color: rgba(61, 43, 26, 0.2);
    flex-shrink: 0;
  }

  .amedics-benefits-bar__items {
    display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  }

  .amedics-benefits-bar__item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }

  .amedics-benefits-bar__item-icon {
    width: {{ section.settings.icon_size }}px;
    height: {{ section.settings.icon_size }}px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .amedics-benefits-bar__item-text {
    font-family: var(--font-body-family), sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #5C4033;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.3;
    text-align: left;
  }

  /* Responsive */
  @media screen and (max-width: 768px) {
    .amedics-benefits-bar__title {
      width: 100%;
      white-space: normal;
      text-align: center;
      font-size: 16px;
    }

.amedics-benefits-bar__item-text{
  font-size: 12px;
}
    .amedics-benefits-bar__divider {
      display: none;
    }

    .amedics-benefits-bar__items {
      justify-content: center;
      gap: 16px;
    }

    .amedics-benefits-bar__item {
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: calc(25% - 12px);
      min-width: 70px;
    }

    .amedics-benefits-bar__item-text {
      text-align: center;
    }
  }

  @media screen and (max-width: 480px) {
    .amedics-benefits-bar__item {
      width: calc(50% - 8px);
    }

    .amedics-benefits-bar__inner {
      gap: 16px;
    }
  }


  /* ---------------------------------------------
   6. CARDS PAGE COLLECTION
   --------------------------------------------- */


   #shopify-section-template--29287533707602__main .card .media {
    width: 50px;
}

#shopify-section-template--29287533707602__main .card__inner {
    width: 50px !important;
    background-color: transparent !important;
}
#shopify-section-template--29287533707602__main h3 {font-size:14px !important}


/* ---------------------------------------------
   6. CARDS PRODUITS
   --------------------------------------------- */


  .amedics-fp-section {
    padding: 60px 20px;
  }

  .amedics-fp-title {
    color: #5C4033;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    margin: 0 0 40px;
  }

  .amedics-fp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1280px;
    margin: 0 auto;
  }

  .amedics-fp-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
  }

  .amedics-fp-card:hover {
    box-shadow: 0 8px 28px rgba(92, 64, 51, 0.12);
    transform: translateY(-2px);
  }

  .amedics-fp-card__image-wrap {
    width: 100%;
    height: 150px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .amedics-fp-card__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .amedics-fp-card__image-wrap .amedics-fp-card__placeholder {
    width: 100%;
    height: 100%;
    background: #e8e0d8;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .amedics-fp-card__body {
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    flex: 1;
  }

  .amedics-fp-card__collection {
    color: #27272A;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 0;
  }

  .amedics-fp-card__title {
    color: #5C4033;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0;
  }

  .amedics-fp-card__desc {
    color: #27272A;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .amedics-fp-card__prices {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 4px;
  }

  .amedics-fp-card__compare-price {
    color: #5B5B5B;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-decoration: line-through;
  }

  .amedics-fp-card__price {
    color: #5C4033;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
  }

  .amedics-fp-card__cta {
    margin-top: auto;
    padding-top: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .amedics-fp-card__btn {
    display: inline-block;
    border-radius: 60px;
    background: #C68E17;
    color: #FFF;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    padding: 13px 28px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
  }

  .amedics-fp-card__btn:hover {
    opacity: 0.88;
  }

  /* Responsive */
  @media (max-width: 1024px) {
    .amedics-fp-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 480px) {
    .amedics-fp-grid {
      grid-template-columns: 1fr;
    }

    .amedics-fp-title {
      font-size: 24px;
    }
  }



   /* Background SVG décoratif */
  .amedics-fp-section {
    position: relative;
    background-repeat: no-repeat;
    background-size: 187px 187px;
    background-position: 95% 98%;
  }

  /* Bouton bas de section */
  .amedics-fp-footer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }

  .amedics-fp-footer__btn {
    display: inline-block;
    border-radius: 59.119px;
    background: #C68E17;
    color: #FFF;
    text-align: center;
    font-family: var(--font-heading-family, 'Raleway', sans-serif);
    font-size: 15.649px;
    font-weight: 700;
    line-height: normal;
    padding: 14px 36px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }

  .amedics-fp-footer__btn:hover {
    opacity: 0.88;
  }


  
  .amedics-como-funciona {
    background-color: {{ section.settings.background_color | default: '#6B4C32' }};
    padding: {{ section.settings.padding_top }}px 20px {{ section.settings.padding_bottom }}px;
    width: 100%;
  }

  .amedics-como-funciona__inner {
    max-width: 1000px;
    margin: 0 auto;
  }

  .amedics-como-funciona__title {
    color: #FFF;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 12px;
  }

  .amedics-como-funciona__subtitle {
    color: #FFF;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 15.649px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 40px;
  }

  .amedics-como-funciona__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
  }

  .amedics-como-funciona__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
  }

  .amedics-como-funciona__icon {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .amedics-como-funciona__icon img,
  .amedics-como-funciona__icon svg {
    width: 35px;
    height: 35px;
    object-fit: contain;
  }

  .amedics-como-funciona__text-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .amedics-como-funciona__item-title {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
  }

  .amedics-como-funciona__item-text {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
  }

  .amedics-como-funciona__item-text p {
    margin: 0 0 4px;
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }

  .amedics-como-funciona__item-text p:last-child {
    margin-bottom: 0;
  }

  /* Responsive */
  @media screen and (max-width: 768px) {
    .amedics-como-funciona__grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .amedics-como-funciona__title {
      font-size: 24px;
    }
  }

  .amedics-como-funciona {
    padding-left: 15px;
    padding-right: 15px;
  }

  @media screen and (min-width: 769px) and (max-width: 1024px) {
    .amedics-como-funciona__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px 16px;
    }
  }

  

  /* ---------------------------------------------
   7. Donde estamos - Home page
   --------------------------------------------- */


  /* Wrapper global : fond marron sur 35% puis image en dessous */
  .amedics-location-outer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px 400px;
    box-sizing: border-box;
    position: relative;
    /* Couleur unie jusqu'à 35%, puis image */
    background-color: #5C4033;
    background-image:
      linear-gradient(
        to bottom,
        #5C4033 35%,
        transparent 35%
      );
    background-attachment: scroll;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  /* Carte centrale */
  .amedics-location-card {
    position: relative;
    z-index: 1;
    width: calc(100% - 40px);
    max-width: 1000px;
    border-radius: 56px;
    overflow: hidden;
    box-shadow: 0 8px 48px rgba(0,0,0,0.18);
  }

  /* Zone image en bas du wrapper */
  .amedics-location-bg-image {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
  }

  /* ── SECTION HAUTE ── */
  .amedics-loc-top {
    background: #F7F7F7;
    padding: 48px 48px 40px;
  }

  .amedics-loc-heading {
    color: #5C4033;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 12px;
  }

  .amedics-loc-subheading {
    color: #5B5B5B;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 36px;
  }

  /* Deux colonnes : infos (gauche) + carte (droite) */
  .amedics-loc-columns {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
  }

  /* 30% infos */
  .amedics-loc-info {
    flex: 0 0 calc(30% - 16px);
    min-width: 0;
    box-sizing: border-box;
  }

  .amedics-loc-info-title {
    color: #5C4033;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 4px;
  }

  .amedics-loc-info-subtitle {
    color: #5B5B5B;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 16px;
  }

  .amedics-loc-info-body {
    color: #5B5B5B;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 20px;
  }

  .amedics-loc-info-body p { margin: 0 0 4px; }

  /* Liste à icônes */
  .amedics-loc-icon-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .amedics-loc-icon-list li {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .amedics-loc-icon-list li img,
  .amedics-loc-icon-list li svg {
    width: auto;
    height: 16px;
    flex-shrink: 0;
  }

  .amedics-loc-icon-list li span {
    color: #5B5B5B;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
  }

  /* 70% carte Google Maps */
  .amedics-loc-map {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 16px;
    overflow: hidden;
    height: 280px;
  }

  .amedics-loc-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }

  /* ── SECTION BASSE ── */
  .amedics-loc-bottom {
    background: #5C4033;
    padding: 48px 48px 52px;
  }

  .amedics-loc-values {
    display: flex;
    gap: 24px;
    justify-content: space-between;
  }

  .amedics-loc-value-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
  }

  .amedics-loc-value-col img,
  .amedics-loc-value-col svg {
    height: 35px;
    width: auto;
  }

  .amedics-loc-value-title {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 15.649px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
  }

  .amedics-loc-value-text {
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-size: 12.172px;
    font-weight: 400;
    line-height: 1.55;
    margin: 0;
  }

  .amedics-loc-value-text p { margin: 0; }

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


    .amedics-location-outer {
      padding: 60px 0px 100px;
      background-image: linear-gradient(to bottom, #5C4033 30%, transparent 30%), url('//amedics-online-2.myshopify.com/cdn/shop/files/donde-estamos.jpg?v=1773742989'); background-size: 100% 100%, 180% !important; background-position: center, bottom !important; background-repeat: no-repeat, no-repeat;
    }
    .amedics-location-top-bar {
      height: 48px;
    }

    .amedics-location-card {
      width: calc(100% - 24px);
      border-radius: 28px;
    }

    .amedics-loc-top {
      padding: 32px 24px 28px;
    }

    .amedics-loc-columns {
      flex-direction: column;
    }

    /* Sur mobile : carte en haut, infos en bas */
    .amedics-loc-info { order: 2; flex: unset; width: 100%; }
    .amedics-loc-map  { order: 1; flex: unset; width: 100%; height: 220px; }

    .amedics-loc-bottom {
      padding: 32px 24px 36px;
    }

    .amedics-loc-values {
      flex-direction: column;
      gap: 32px;
    }
  }

  @media (max-width: 480px) {
    .amedics-loc-heading { font-size: 24px; }
    .amedics-loc-subheading { font-size: 15px; }
  }




/* ---------------------------------------------
   7. PAGE PRODUIT
   --------------------------------------------- */


/* ══════════════════════════════════════════════════════════
   amedics-product-detail v2
   → déplacer dans assets/amedics-custom.css une fois validé
══════════════════════════════════════════════════════════ */

/* Outer wrapper — fond beige, pleine largeur */
.amd-detail-outer {
  width: 100%;
  background:transparent;
  padding: 48px 0;
}

/* Inner wrapper — aligné sur la largeur page Dawn */
.amd-detail-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--page-margin, 0px);
  box-sizing: border-box;
  align-items: flex-start;
}

/* Colonnes */
.amd-detail-left {
  flex: 0 0 calc(28% - 25px);
  max-width: calc(28% - 25px);
}
.amd-detail-right {
  flex: 1 1 0;
  min-width: 0;
}

/* ── Servicios incluidos ───────────────────────────────── */
.amd-detail-outer .amd-servicios__title {
  color: #5C4033 !important;
  font-family: Raleway, sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: normal;
  margin: 0 0 20px;
  padding: 0;
}

.amd-detail-outer .amd-servicios__body,
.amd-detail-outer .amd-servicios__body p,
.amd-detail-outer .amd-servicios__body li,
.amd-detail-outer .amd-servicios__body span,
.amd-detail-outer .amd-servicios__body strong,
.amd-detail-outer .amd-servicios__body a {
  color: #27272A !important;
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  line-height: normal;
}

.amd-detail-outer .amd-servicios__body ul {
  padding-left: 18px;
  list-style: disc;
  margin: 8px 0;
}
.amd-detail-outer .amd-servicios__body li {
  margin-bottom: 6px;
}

/* ── Notification ──────────────────────────────────────── */
.amd-detail-outer .amd-notificacion {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 18px;
  border-radius: 0 0 20px 20px;
  background: #5C4033;
  margin-top: 24px;
}

.amd-detail-outer .amd-notificacion__icon {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}

.amd-detail-outer .amd-notificacion__text,
.amd-detail-outer .amd-notificacion__text p,
.amd-detail-outer .amd-notificacion__text li,
.amd-detail-outer .amd-notificacion__text span,
.amd-detail-outer .amd-notificacion__text strong {
  color: #FFF !important;
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: normal;
}

/* ── Description détaillée ─────────────────────────────── */
.amd-detail-outer .amd-desc-detaillee,
.amd-detail-outer .amd-desc-detaillee p,
.amd-detail-outer .amd-desc-detaillee li,
.amd-detail-outer .amd-desc-detaillee span,
.amd-detail-outer .amd-desc-detaillee a {
  color: #27272A !important;
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6;
}

.amd-detail-outer .amd-desc-detaillee strong,
.amd-detail-outer .amd-desc-detaillee b {
  color: #27272A !important;
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.amd-detail-outer .amd-desc-detaillee p       { margin: 0 0 12px; }
.amd-detail-outer .amd-desc-detaillee p:last-child { margin-bottom: 0; }
.amd-detail-outer .amd-desc-detaillee ul {
  padding-left: 18px;
  list-style: disc;
  margin: 8px 0 12px;
}
.amd-detail-outer .amd-desc-detaillee li { margin-bottom: 4px; }

/* ── Accordéon ─────────────────────────────────────────── */
.amd-detail-outer .amd-accordion {
  margin-top: 32px;
  width: 100%;
  background-color: #fff;
    border-radius: 22px;
    padding: 30px;
}

.amd-detail-outer .amd-accordion__item {
  border-bottom: 1px solid #5C4033;
}

.amd-detail-outer .amd-accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 4px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 8px;
}

.amd-detail-outer .amd-accordion__label {
  color: #5C4033 !important;
  font-family: Raleway, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: normal;
  flex: 1;
}

.amd-detail-outer .amd-accordion__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: transform 0.25s ease;
}

.amd-detail-outer .amd-accordion__trigger[aria-expanded="true"] .amd-accordion__icon {
  transform: rotate(180deg);
}

.amd-detail-outer .amd-accordion__panel[hidden] {
  display: none;
}

.amd-detail-outer .amd-accordion__content {
  padding: 0 4px 16px;
}

.amd-detail-outer .amd-accordion__content,
.amd-detail-outer .amd-accordion__content p,
.amd-detail-outer .amd-accordion__content li,
.amd-detail-outer .amd-accordion__content span {
  color: #27272A !important;
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6;
}

.amd-detail-outer .amd-accordion__content ul {
  padding-left: 18px;
  list-style: disc;
  margin: 8px 0;
}

/* Accordéon pleine largeur sous les 2 colonnes */
.amd-detail-outer .amd-accordion--full {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0;
}

/* ── Responsive ────────────────────────────────────────── */
@media screen and (max-width: 768px) {
  .amd-detail-outer {
    padding: 32px 0;
  }
  .amd-detail-wrapper {
    flex-direction: column;
    gap: 32px;
    padding: 0 20px;
  }
  .amd-detail-left,
  .amd-detail-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ── Sticky bar ─────────────────────────────────────────── */
.amd-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  /* Fade : caché par défaut */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.amd-sticky-bar.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.amd-sticky-bar__btn {
  display: inline-block;
  padding: 16px 48px;
  border-radius: 110px;
  background: #C68E17;
  border: none;
  color: #FFF;
  font-family: Raleway, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
  white-space: nowrap;
}

.amd-sticky-bar__btn:hover {
  background: #a8760e;
  transform: translateY(-1px);
}

.amd-sticky-bar__btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

/* ── Accordéon pleine largeur sous les 2 colonnes ───────── */
.amd-detail-outer .amd-accordion--full {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0;
}
/* =============================================
   RELATED PRODUCTS (fiche produit)
   ============================================= */

.amedics-rp-section {
  padding: 60px 40px;

}

.amedics-rp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1400px;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 1024px) {
  .amedics-rp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .amedics-rp-section {
    padding: 40px 20px;
  }
  .amedics-rp-grid {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 600px) {
.amedics-breadcrumb {
    
    font-size: 10px !important;
    
    align-items: flex-start !important;
    
    align-content: flex-start !important;
    margin: 0 auto 10px !important;
}


.amedics-product-layout {gap:20px !important;}

}

/* ---------------------------------------------
   8. COLLECTION
   --------------------------------------------- */


/* ---------------------------------------------
   9. FOOTER
   --------------------------------------------- */

/* ==========================================================================
   AMEDICS FOOTER
   ========================================================================== */

.amedics-footer {
  background-color: #5C4033;
  padding: 48px 0 44px;
}

/* ── Grille 4 colonnes ── */
.amedics-footer__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 40px;
  align-items: flex-start;
}

/* Colonne 1 — plus large */
.amedics-footer__col--brand {
  flex: 0 0 240px;
  min-width: 200px;
}

/* Colonnes 2-3-4 — égales, occupent l'espace restant */
.amedics-footer__col--nav {
  flex: 1 1 130px;
  min-width: 110px;
}

/* ── Logo ── */
.amedics-footer__logo-wrap {
  display: inline-block;
  margin-bottom: 18px;
}

.amedics-footer__logo {
  width: 210px;
  height: auto;
  display: block;
}

/* ── Texte de marque ── */
.amedics-footer__brand-text {
  color: #fff;
  font-family: var(--font-heading-family, Raleway, sans-serif);
  font-size: 12.172px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 22px;
}

/* ── Zone icônes sociales ── */
.amedics-footer__socials {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Chaque rangée d'icônes */
.amedics-footer__socials-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

/* Lien icône (WhatsApp 37px + sociales 27px) */
.amedics-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
  line-height: 0;
}

.amedics-footer__social-link:hover {
  opacity: 0.78;
}

/* ── Listes de navigation ── */
.amedics-footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.amedics-footer__nav-item {
  margin: 0;
}

.amedics-footer__nav-link {
  color: #fff;
  font-family: var(--font-heading-family, Raleway, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: inline-block;
  padding: 3px 0;
  transition: opacity 0.2s ease;
}

.amedics-footer__nav-link:hover {
  opacity: 0.72;
}

/* ── Responsive ── */
@media screen and (max-width: 749px) {
  .amedics-footer {
    padding: 36px 0 32px;
  }

  .amedics-footer__inner {
    flex-direction: column;
    gap: 28px;
  }

  .amedics-footer__col--brand,
  .amedics-footer__col--nav {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
.amedics-footer__socials {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center;
}

.amedics-footer__inner {

        text-align: center;
    }


}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .amedics-footer__col--brand {
    flex: 0 0 100%;
  }

  .amedics-footer__col--nav {
    flex: 1 1 calc(33% - 20px);
  }
}
/* ── Sélecteur de langue header ── */
.amedics-header__lang {
  position: relative;
}

.amedics-header__lang-selector {
  position: relative;
}

.amedics-header__lang-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 6px;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.amedics-header__lang-btn:hover {
  opacity: 0.75;
}

.amedics-header__lang-btn svg {
  transition: transform 0.25s ease;
  flex-shrink: 0;
}

.amedics-header__lang-btn[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.amedics-header__lang-list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 6px;
  min-width: 140px;
  list-style: none;
  margin: 0;
  z-index: 100;
}

.amedics-header__lang-list.is-open {
  display: block;
}

.amedics-header__lang-option {
  display: block;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  font-family: Raleway, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #27272A;
  padding: 8px 12px;
  text-align: left;
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
}

.amedics-header__lang-option:hover {
  background: #F4ECE8;
  color: #5C4033;
}

.amedics-header__lang-option.is-active {
  font-weight: 700;
  color: #5C4033;
}

/* ── Sélecteur de langue footer ── */
.amedics-footer__lang {
  margin-top: 16px;
}

.amedics-footer__lang-select {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
  cursor: pointer;
  appearance: auto;
}

.amedics-footer__lang-select:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.amedics-footer__lang-select option {
  background: #5C4033;
  color: #fff;
}