/** Shopify CDN: Minification failed

Line 1106:0 Unexpected "}"
Line 1873:1 Expected "}" to go with "{"

**/
/* =====================================================================
SÉBLINE — sebline.css (Prestige v10.10.1)
Version : 1.1w — Collections + Size guide
Auteur  : DM for Sébline
===================================================================== */

/* =====================================================================
CHANGELOG RÉCENT
1.1w  2025-11-12 — Collections : bouton FILTER fond blanc + “All products” en MAJUSCULES + Size guide (page + popup, onglets CM/INCH)
1.1v  2025-11-11 — Footer sur mobile
1.1u  2025-11-11 — Product page : Related products — gutter horizontal 72px (LR)
1.1t  2025-11-11 — Product page : optimisation de la marge du container Related products
1.1s  2025-11-11 — Product page : réduction de la marge du container Related products
1.1r  2025-11-11 — Collections : Toolbar non-sticky (désactivation du sticky)
===================================================================== */

/* ==========================
01–09 Fondations (webfonts, variables, base, titres, boutons…)
============================= */

/* █ 01 WEBFONTS
   Version TEST Red Hat Display :
   pas de @font-face locale, on s’appuie sur le chargement du thème (Typography).
*/

/* █ 02  VARIABLES */
/* Version TEST — thème "Red Hat Display" */
:root{
  /* Familles actives pour CE thème : Red Hat Display */
  --font-body-family: 'Red Hat Display', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-heading-family: 'Red Hat Display', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Base plus petite et échelle harmonieuse */
  --font-size-body: 12px;
  --line-height-body: 1.55;

  /* Hiérarchie env. ×1.2–1.25 entre les niveaux */
  --font-size-h1: clamp(26px, 3.2vw, 32px);
  --font-size-h2: clamp(22px, 2.8vw, 28px);
  --font-size-h3: clamp(18px, 2.3vw, 22px);
  --font-size-h5: clamp(14px, 1.8vw, 16px);
  --font-size-h6: clamp(12px, 1.5vw, 14px);

  --tracking-heading: 0.01em;

  --menu-hover: #9c9c9c;
  --underline-thickness: 1.5px;
  --underline-gap: 10px;
  --seb-underline-color: currentColor;

  --header-bg: #fff;
  --seb-header-pt: 15px;
  --seb-header-pb: 0px;
}

/* █ 03  BASE */
html{
  font-family: var(--font-body-family) !important;
}
body{
  font-family: inherit !important;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  color: #000;
  background: #fff;
}
.color-scheme {
  background-color: #fff !important;
}

/* █ 04  TITRES */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: var(--font-heading-family) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: var(--tracking-heading) !important;
  line-height: 1.15;
}

/* █ 05  BOUTONS */
:is(button.button,a.button,.button,.Button,.btn,
.shopify-payment-button__button,.shopify-payment-button__button--unbranded,
.newsletter-form__button,.shopify-challenge__button){
  font-family: var(--font-heading-family, var(--font-body-family, system-ui)) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 10px 28px;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
:is(button.button,a.button,.button,.Button,.btn,
.shopify-payment-button__button,.shopify-payment-button__button--unbranded,
.newsletter-form__button,.shopify-challenge__button):hover{
  background: #000 !important;
  color: #fff !important;
}

/* █ 06  FORM INPUTS — héritent de la typo du site */
button,.button,.shopify-challenge__button,
.shopify-payment-button__button--unbranded,.newsletter-form__button,
[type="button"],[type="submit"],input,select,textarea{
  font-family: var(--font-body-family, system-ui) !important;
  font-weight: 400 !important;
}


/* =========================================
10–19 Header & Navigation
========================================= */

/* 10.00 — HEADER · Base */
.header{
  background: var(--header-bg) !important;
  padding-top: var(--seb-header-pt) !important;
  padding-bottom: var(--seb-header-pb) !important;
  border: none !important;
  box-shadow: none !important;
}

.shopify-section--header,
.shopify-section--header .header{
  border: 0 !important;
  box-shadow: none !important;
}

/* Légère respiration sous le header */
.shopify-section--header .header{
  padding-bottom: .25rem !important;
}

/* Logo & structure */
.shopify-section--header x-header.header{
  display: grid;
  align-items: end !important;
}
.shopify-section--header x-header.header > *{
  align-self: end !important;
}

.header__logo,
.header__logo a{
  display: inline-flex !important;
  align-items: flex-end !important;
  line-height: 1 !important;
}
h1.header__logo{
  margin: 0 !important;
  line-height: 0 !important;
}

@media (min-width: 750px){
  .header__logo img,
  .header__logo-image{
    height: auto !important;
    width: auto;
    max-height: none !important;
    display: block;
  }
}

.header__logo a{
  display: inline-flex;
  align-items: flex-end;
}

@media (min-width: 750px) {
    .header__logo img, .header__logo-image {
        height: auto !important;
        width: auto;
        max-height: none !important;
        display: block;
        margin-bottom: 4px;
    }
}
.shopify-section--header x-header.header > * {
    align-self: end !important;
    margin-bottom: 4px;
}
/* 10.10 — HEADER · Liens de navigation (style de base) */
.header .header__primary-nav-item > a,
.header .header__menu-disclosure > summary{
  color: #000 !important;
  text-decoration: none !important;
  transition: color .25s ease !important;
}

.header .header__primary-nav-item > a:hover,
.header .header__menu-disclosure > summary:hover,
.header .header__menu-disclosure[open] > summary{
  color: var(--menu-hover) !important;
}

/* 10.20 — HEADER · Typo menu principal */
.header .header__primary-nav-item > a,
.header .header__menu-disclosure > summary{
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* 10.30 — HEADER · Affichage nav mobile / desktop */
@media (max-width: 999px){
  /* Mobile : liste cachée, burger visible */
  .header__primary-nav > ul.contents{
    display: none !important;
  }
  .header__primary-nav > .md:hidden{
    display: inline-flex !important;
  }
}

@media (min-width: 1000px){
  /* Desktop : liste visible, burger caché */
  .header__primary-nav > ul.contents{
    display: flex !important;
  }
  .header__primary-nav > .md:hidden{
    display: none !important;
  }
}

/* 10.40 — HEADER · Navigation desktop (≥1000px)
   - Menu principal aligné à gauche
   - Icônes alignées à droite
   - Espacements uniformes
*/
@media (min-width: 1000px){

  /* Conteneurs de nav */
  .header .header__primary-nav,
  .header .header__secondary-nav{
    display: flex;
    align-items: flex-end !important;
  }

  /* Liens du menu principal */
  .header__primary-nav-item > a,
  .header__primary-nav-item > summary{
    display: inline-flex !important;
    align-items: flex-end !important;
    padding-right:.4rem !important;
    line-height: 1.05 !important;
  }

  /* MENU PRINCIPAL — pas de marge gauche sur le 1er,
     marge droite fixe entre les items */
  .header .header__primary-nav .header__primary-nav-item{
    margin-inline-start: 0 !important;
    margin-inline-end: 1.25rem !important;
  }

  /* MENU SECONDAIRE — marge gauche entre les icônes,
     pas de marge droite (aligné au bord du container) */
  .header .header__secondary-nav
  :is(.header__account-link, .header__search-link, .header__cart-link){
    margin-inline-start: .75rem !important;
    margin-inline-end: 0 !important;
  }
}

/* 10.50 — HEADER · Dropdown ABOUT (desktop) */
@media (min-width: 990px){
  .header__menu-disclosure{
    position: relative !important;
  }
  .header__menu-disclosure > summary{
    padding: 0 !important;
    list-style: none !important;
  }
  .header__menu-disclosure > summary::-webkit-details-marker{
    display: none !important;
  }
  .header__menu-disclosure > summary::marker{
    content: '';
  }
  .header__menu-disclosure .icon-caret{
    display: none !important;
  }
  .header__menu-disclosure > .header__submenu,
  .header__menu-disclosure > .header__dropdown-menu{
    left: 0 !important;
    right: auto !important;
    inset-inline-start: 0 !important;
    transform: none !important;
    margin-left: 0 !important;
    top: calc(100% + 4px) !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .popover{
    transform: none !important;
  }
}

/* 10.60 — HEADER · Padding horizontal aligné au container (desktop) */
@media (min-width: 900px){
  .shopify-section--header .header{
    padding-inline: 7.2rem !important; /* ≈ 115px */
  }
}

/* 10.70 — HEADER · Dropdown menu (sous-menu ABOUT) en gras */
.header__dropdown-menu a,
.header__dropdown-menu summary,
.header__dropdown-menu .link-faded-reverse{
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  color: inherit !important;
}

/* 11.00 — TITRES SECTIONS / PAGES / COLLECTIONS */
.section-header,
.collection-hero__title,
.collection-title,
h1,
h2.section-title{
  text-align: left !important;
  font-weight: 400;
  margin-bottom: 0.2rem;
  letter-spacing: -.01em;
}

/* Variante titres Collection (Prestige) si utilisé */
.shopify-section--collection-banner .section-header__title,
.shopify-section--main-collection .section-header__title{
  text-align: left !important;
  font-weight: 600;
}

/* Sous-titres éventuels */
.section-header__subtitle{
  text-align: left !important;
  font-weight: 400;
  color: var(--color-foreground, #111);
}

/* 15.00 — NAVIGATION · Breadcrumb (global) */
@media screen and (min-width: 0px){
  /* Page courante */
  nav.breadcrumb ol > li:last-child a[aria-current="page"],
  nav.breadcrumb [aria-current="page"]{
    color: #000;
    opacity: 1;
    text-decoration: none;
    pointer-events: none;
  }
  /* Fallback si aria-current absent : dernier item */
  nav.breadcrumb ol > li:last-child,
  nav.breadcrumb ol > li:last-child a{
    color: #000;
    opacity: 1;
    text-decoration: none;
    pointer-events: none;
  }
}

/* 15.30 — HEADER · Mobile menu panel — Blanc translucide */
.header-sidebar,
.header-sidebar__main-panel{
  background-color: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
}

/* Sécurité : certains builds utilisent un <drawer> ou <popover> */
.header-sidebar::part(panel),
drawer-header::part(panel),
popover-header::part(panel){
  background-color: rgba(255,255,255,0.92) !important;
  background-image: none !important;
}

/* DEBUG (désactivé par défaut) — contrôle d’alignement */
/*
.container{ outline: 1px dashed rgba(0,0,0,.25); }
.shopify-section--header .header{ outline: 1px solid rgba(255,0,0,.35); }
*/

/* 10.80 — HEADER · Ligne très fine en bas */
.shopify-section--header x-header.header{
  box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.07) !important;
}

/* 10.90 — Announcement bar · Fond Sébline + hairline */
.shopify-section--announcement-bar,
.shopify-section--announcement-bar .announcement-bar,
.shopify-section--announcement-bar .announcement-bar__wrapper{
  background: #f8f8f8 !important;
  background-image: none !important;
}

/* Hairline comme le header (ligne très fine) */
.shopify-section--announcement-bar{
  box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.07) !important;
}

/* =========================================
20–29 Accueil / Section-stack (home & spacing global)
========================================= */

/* 20.10 — Home · Collection-list spacing (sections de type collection-list) */
@media (min-width: 700px){
  .collection-list{
    --collection-list-gap: 2rem !important;
    gap: var(--collection-list-gap) !important;
  }
}

/* 20.11 — Home · Best Sellers — gouttières spécifiques */
#shopify-section-template--26545077780864__featured-collections-1,
#shopify-section-template--26545077780864__featured_collections_hkiYkp{
  --grid-gutter: 1rem;
  --product-list-gap: 1rem;
}

#shopify-section-template--26545077780864__featured-collections-1 .product-list,
#shopify-section-template--26545077780864__featured_collections_hkiYkp .product-list{
  gap: 1rem !important;
}

/* Mobile / tablette : gouttières légèrement réduites */
@media (max-width: 999px){
  #shopify-section-template--26545077780864__featured-collections-1 .product-list,
  #shopify-section-template--26545077780864__featured_collections_hkiYkp .product-list{
    gap: .75rem !important;
  }
}

/* 20.20 — Home · Gaps responsives de la grille produits (page d’accueil uniquement) */
body.template-index .product-list{
  --product-list-default-column-gap: .5rem !important;
  --product-list-default-row-gap: .5rem !important;
  column-gap: .5rem !important;
  row-gap: .5rem !important;
  gap: .5rem !important;
}

/* Tablette / petit desktop */
@media (min-width: 700px){
  body.template-index .product-list{
    --product-list-default-column-gap: .75rem !important;
    --product-list-default-row-gap: .75rem !important;
    column-gap: .75rem !important;
    row-gap: .75rem !important;
    gap: .75rem !important;
  }
}

/* Desktop large */
@media (min-width: 1150px){
  body.template-index .product-list{
    --product-list-default-column-gap: 1rem !important;
    --product-list-default-row-gap: 1rem !important;
    column-gap: 1rem !important;
    row-gap: 1rem !important;
    gap: 1rem !important;
  }
}

/* Très grands écrans */
@media (min-width: 1400px){
  body.template-index .product-list{
    --product-list-default-column-gap: 1.25rem !important;
    --product-list-default-row-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }
}

/* 20.30 — Section-stack · Espacement vertical global
   Valeur native Prestige : ~3rem
   Nouvelle valeur : 1.5rem (desktop) / 0.5rem (mobile) */
.section-stack{
  --section-stack-gap: 1rem;
  --section-gap: 1rem;
  gap: var(--section-stack-gap, var(--section-gap, 1.5rem)) !important;
}

@media (max-width: 700px){
  .section-stack{
    --section-stack-gap: 0.5rem;
    --section-gap: 0.5rem;
    gap: var(--section-stack-gap, var(--section-gap, 0.5rem)) !important;
  }
}

/* 20.40 — Section-stack · Espacement sous les titres de section */
.section-stack .v-stack > h2,
.section-stack .v-stack > .h2,
.section-stack .section-header__title,
.section-stack .collection-title,
.section-stack .collection-hero__title{
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

/* 20.50 — Section-stack · Neutraliser les centrages utilitaires (home) */
.section-stack .text-center{
  text-align: left !important;
}
.section-stack .justify-self-center{
  justify-self: start !important;
}
.section-stack .v-stack{
  align-items: flex-start !important;
}

/* 20.70 — Home · Bande images (featured collections) · espace en bas */
body.template-index .featured-collections-carousel{
  padding-bottom: 2rem !important;
}

/* =========================================
30–39 Collections (toolbar, filtres, grilles)
========================================= */

/* 30.10 — Collections · Titres de pages (sécurité) */
.shopify-section--collection-banner .section-header__title,
.shopify-section--main-collection .section-header__title{
  text-align: left !important;
  font-weight: 600;
}

/* 30.20 — Collections · Masquer le switch de layout */
.template-collection .collection-toolbar__layout-switch-list{
  display: none !important;
}

/* 30.30 — Collections · Blocs .bleed / .full-bleed sans marge horizontale */
.template-collection .bleed,
.template-collection .full-bleed{
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
  margin-top: 0.1rem !important;
}

/* 30.40 — Collections · Toolbar : fond neutre, sans ombre + non-sticky */
.template-collection .collection-toolbar{
  background-color: transparent !important;
  box-shadow: none !important;
  position: static !important;          /* neutralise le sticky */
  top: auto !important;
  inset-block-start: auto !important;
  z-index: auto !important;
}
.template-collection .collection-toolbar::before{
  display: none !important;
}

/* 30.45 — Collections · Toolbar · petit ajustement vertical */
.template-collection .collection-toolbar__button {
  margin-top: 0.4rem !important;
}

/* 30.46 — Collections · Popover (desktop) */
@media screen and (min-width: 1000px) {
  .popover::part(content) {
    border: 0px solid rgb(var(--border-color));
    width: max-content;
    max-width: 18.75rem;
    max-height: min(60vh, 25rem);
    box-shadow: 2px 2px 6px rgb(var(--text-color) / .05);
  }
}
@media screen and (min-width: 1000px) {
  .popover:has(.popover__value-list)::part(body) {
    padding-inline-end: 1.2rem;
  }
}

/* 30.50 — Collections · Bouton FILTER (style Sébline)
   - Fond blanc plein (zéro transparence)
   - Texte et bordures noirs
   - Survol : inversion noir/blanc
   - Focus-visible : outline noir (accessibilité)
*/
.template-collection .collection-toolbar__button-container button,
.template-collection .collection-toolbar__button-container .collection-toolbar__button,
.template-collection .collection-toolbar .collection-toolbar__button,
.template-collection .collection-toolbar__button-container .collection-toolbar_button{
  background: #fff !important;
  background-color: #fff !important;   /* ceinture + bretelles */
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0.5rem 1rem;
  font-size: 0.7rem;
  font-family: 'SeblineAkzidenzExt', var(--font-body-family);
  box-shadow: none !important;
  opacity: 1 !important;               /* annule tout alpha hérité */
  --alpha-button-background: 1;
  --tw-bg-opacity: 1;
  mix-blend-mode: normal !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  cursor: pointer;
}

/* Survol : noir plein */
.template-collection .collection-toolbar__button-container button:hover,
.template-collection .collection-toolbar__button-container .collection-toolbar__button:hover,
.template-collection .collection-toolbar .collection-toolbar__button:hover,
.template-collection .collection-toolbar__button-container .collection-toolbar_button:hover{
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  --alpha-button-background: 1;
  --tw-bg-opacity: 1;
}

/* Focus-visible : halo noir */
.template-collection .collection-toolbar__button-container button:focus-visible,
.template-collection .collection-toolbar__button-container .collection-toolbar__button:focus-visible,
.template-collection .collection-toolbar__button-container .collection-toolbar_button:focus-visible{
  outline: 2px solid #000 !important;
  outline-offset: 2px !important;
}

/* Colonne du filtre (drawer) – contenu + footer */
.template-collection .drawer::part(content),
.template-collection .drawer::part(footer){
  background-color: #f5f5f5 !important;
  background-image: none !important; /* coupe le gradient éventuel */
}

/* 30.70 — Collections · Breadcrumb flottant réaligné
   - Aligne le breadcrumb avec le titre / header (72px)
*/
.template-collection .breadcrumb--floating{
  inset-inline-start: 7.2rem !important;
}

/* 30.72 — Breadcrumb · Separators */
.breadcrumb__list-item + .breadcrumb__list-item::before {
  content: ">";
  margin: 0 0.4rem;
}

/* 30.74 — Product · Breadcrumb spacing (PDP) */
.shopify-section--main-product .breadcrumb {
  margin-bottom: 1.5rem;
}

/* 30.80 — Collections · Pas d’espace bas sur les sections
   - Conserve le padding-top natif, coupe le bas
*/
.template-collection .section-spacing{
  padding-bottom: 0 !important;
  padding-block-end: 0 !important;
}

/* 30.81 — Collections · Section spacing mobile */
@media (max-width: 699px){
  .template-collection :is(.section-spacing, .section-spacing--tight){
    padding-bottom: 0 !important;
    padding-block-end: 0 !important;
  }
}

/* 30.90 — Collections · Banner (MOBILE)
   - Supprime la "barre grise" sous le titre
*/
@media (max-width: 699px){
  .template-collection .shopify-section--collection-banner .section-spacing,
  .template-collection .shopify-section--collection-banner .section-spacing--tight{
    padding-bottom: 0 !important;
    padding-block-end: 0 !important;
    background: transparent !important;
  }

  .template-collection .shopify-section--collection-banner .section-spacing > .container{
    padding-bottom: 0 !important;
    display: flow-root; /* casse le collapse de marges */
  }

  .template-collection .shopify-section--collection-banner .prose{
    margin-bottom: 0 !important;
  }
  .template-collection .shopify-section--collection-banner h1{
    margin-bottom: 0 !important;
  }

  .template-collection .shopify-section--collection-banner .section-spacing::before,
  .template-collection .shopify-section--collection-banner .section-spacing::after{
    display: none !important;
    content: none !important;
  }
}

/* 31.00 — Collections · Banner (ALL) — Supprimer padding-bottom */
.template-collection .shopify-section--collection-banner :is(.section-spacing,
                                                             .section-spacing--tight){
  padding-bottom: 0 !important;
  padding-block-end: 0 !important;
  background: transparent !important;
}
.template-collection .shopify-section--collection-banner .section-spacing > .container{
  display: flow-root;
  padding-bottom: 0 !important;
}
.template-collection .shopify-section--collection-banner h1{
  margin-bottom: 0 !important;
}
.template-collection .shopify-section--collection-banner .prose{
  margin-bottom: 0 !important;
}
.template-collection .shopify-section--collection-banner .section-spacing::before,
.template-collection .shopify-section--collection-banner .section-spacing::after{
  content: none !important;
  display: none !important;
}

/* 31.10 — Collections · Page “All products” → titre en MAJUSCULES */
:where(
  body.collection--all,
  body.collection-handle-all,
  .collection--all,
  [data-collection-handle="all"]
)
:is(
  .shopify-section--collection-banner h1,
  .shopify-section--collection-banner .section-header__title,
  .collection-hero__title,
  .collection-title
){
  text-transform: uppercase !important;
}

/* 31.20 — Collections · Toolbar (MOBILE) — Boutons à droite */
@media (max-width: 699px){

  /* 1) Le parent de la toolbar doit être flex */
  .template-collection height-observer.collection-toolbar.full-bleed{
    display: flex !important;
    align-items: center !important;
    gap: .5rem;
  }

  /* 2) La liste des boutons */
  .template-collection height-observer.collection-toolbar.full-bleed
  > .collection-toolbar__button-list{
    display: flex !important;
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    margin-left: auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  /* 3) Le container interne ne doit pas faire width:100% */
  .template-collection height-observer.collection-toolbar.full-bleed
  > .collection-toolbar__button-list
  > .collection-toolbar__button-container{
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  /* 4) Le bouton neutralise w-full */
  .template-collection height-observer.collection-toolbar.full-bleed
  > .collection-toolbar__button-list
  > .collection-toolbar__button-container > .w-full,
  .template-collection height-observer.collection-toolbar.full-bleed
  > .collection-toolbar__button-list
  > .collection-toolbar__button-container > button{
    width: auto !important;
    display: inline-flex !important;
  }
}

/* 31.30 — Collections + Produit · Titres produits en gras */
:where(.template-collection,
       .template-product,
       .featured-collection,
       .product-list)
:is(.product-title,
    .product-card__title,
    .product__title,
    a.product-title){
  font-weight: 600 !important;
}

.product-card {
    scroll-snap-align: start;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 0.1rem;
    display: grid;
    position: relative;
}

/* =========================================
40–49 Product page (PDP)
========================================= */

/* 40.10 — Product · Typo générique (sous-titres, etc.) */
.text-subdued {
  color: #1c1c1cc4!important;
  font-size: 12px !important;
}
/* COLOR — "Color:" */
.template-product .v-stack.gap-2 .text-subdued {
  font-size: 12px !important;
  text-transform:uppercase;
}
/* SIZE — "Size:" */
.template-product variant-picker .h-stack .gap-1 > legend {
  font-size: 12px !important;
  text-transform: uppercase;
}

.product-info__block-item .product-subtitle {
  font-size: 14px !important;
}


/* (NB : ce sélecteur est probablement inopérant tel quel,
   je le laisse inchangé pour ne pas deviner ton intention) */
h1 .product-title h3{
  font-size: 16px !important;
}

/* 40.20 — Produit : réduction du margin-bottom du titre */
.template-product :is(
  h1.product__title,
  h1.product-title,
  h1.product-meta__title,
  .product__title,
  .product-meta__title
){
  margin-bottom: 0.75rem !important;
}

/* 40.21 — Produit : réduction de l’écart vertical dans le bloc infos */
.template-product .product__info :is(.v-stack, .stack){
  --stack-gap: 0.75rem;
  row-gap: 0.75rem !important;
}

/* 40.22 — Produit : H1 / titres locaux sur la PDP uniquement */
.template-product :is(
  .section-header,
  .collection-hero__title,
  .collection-title,
  h1,
  h2.section-title
){
  margin-bottom: 0.3rem !important;
}

/* -----------------------------------------
   40.30 — Conteneur PDP : largeur & marges
   ----------------------------------------- */

/* v1.1i — Desktop (≥ 1150px) : aligner la page produit sur le header */
@media screen and (min-width: 1150px){
  .template-product .container--lg{
    margin-inline: auto !important;
    padding-inline: 7.2rem; /* même retrait que le header */
  }
}

/* v1.1j — Tablette (700px – 1149px) */
@media screen and (min-width: 700px) and (max-width: 1149px){
  .template-product .container--lg{
    --container-lg-max-width: 54rem !important;
    max-width: var(--container-lg-max-width) !important;
    margin-inline: auto !important;
    padding-inline: 1.5rem;
  }
}

/* v1.1k — Mobile (< 700px) */
@media screen and (max-width: 699px){
  .template-product .container--lg{
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 1.25rem;
  }
}

/* -----------------------------------------
   40.40 — Écart image / bloc infos
   ----------------------------------------- */

/* v1.1l — Produit : réduction de l’écart entre image et infos sur grand écran */
@media screen and (min-width: 1150px){
  .template-product .product{
    --product-gap: 2.5rem !important;
    gap: var(--product-gap) !important;
  }
}

/* 40.50 — Product page · Description heading uppercase */
.text-with-icon {
  text-transform: uppercase;
}

/* 40.60 — Product · Labels SIZE / COLOR en majuscules (scope produit) */
.product-main p .text-subdued{
  color: rgb(28 28 28);
  font-size: 12px !important;
  text-transform: uppercase;
}

.product-main div legend{
  padding: 0;
  text-transform: uppercase;
}

/* 40.70 — Cartes produit (grilles) : alignement prix/rating */
.product-card__info :is(.price-list,.rating-badge) {
  justify-content: left;
}

.product-card__info {
  text-align: left;
  align-content: start;
  justify-items: left;
  gap: .75rem;
  display: grid;
}
.product-card__info .justify-items-center {
  justify-items: safe left;
}
/* =========================================================
   41.00 — PAIR WITH
   ========================================================= */
/* Sur desktop, aligner la grille sur toute la largeur dispo */
@media screen and (min-width: 700px) {
  .template-product .complementary-products {
    margin-inline: 0 !important;   /* plus d’auto, on colle au conteneur */
    row-gap: 1.5rem;               /* tu ajustes si besoin */
  }
}
.product-info__block-item[data-block-type="complementary-products"] {
  --product-info-gap: 1.5rem;
}

/* =========================================================
   41.12 — PRODUCT PAGE · Related products — border kill
   ========================================================= */
.template-product .shopify-section--related-products:not(:first-child) .bordered-section,
.template-product .shopify-section--product-recommendations:not(:first-child) .bordered-section {
  border-block-start-width: 0 !important;
  border-top-width: 0 !important;
  border-block-start-style: none !important;
  border-top-style: none !important;
  border-block-start-color: transparent !important;
  border-top-color: transparent !important;
  border-top: 0 !important;
  border-block-start: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   41.13 — PRODUCT PAGE · Related products container margin
   ========================================================= */
.template-product .shopify-section--related-products .container,
.template-product .shopify-section--product-recommendations .container {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 1000px) {
  .template-product .shopify-section--related-products .container,
  .template-product .shopify-section--product-recommendations .container {
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
  }
}

/* =========================================================
   41.14 — PRODUCT PAGE · Related products — gutter 72px (LR)
   ========================================================= */
@media (min-width: 1000px) {
  .template-product :is(.shopify-section--related-products,
                        .shopify-section--product-recommendations) .container {
    margin-inline: 7.2rem !important;
    padding-inline: 0 !important;
  }
}

/* =========================================================
   41.15 — PRODUCT PAGE · Product container margin (mobile)
   ========================================================= */
@media screen and (max-width: 699px) {
  .template-product .product {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}


/* =========================================
50–59 Journal (blog)
========================================= */

/* 50.10 — Journal · Masquer le footer bas de l’article */
.article__footer-bottom{
  display: none !important;
}

/* 50.20 — Journal · Image d’en-tête alignée au contenu */
.shopify-section--main-article .article__image{
  max-width: 780px;      /* même largeur que .article__wrapper.container--xs */
  margin-inline: auto;   /* centre le bloc image */
}

.shopify-section--main-article .article__image img{
  display: block;
  width: 100%;
  height: auto;
}

/* 50.30 — Articles · Titre principal réduit */
.shopify-section--main-article .article__title,
.shopify-section--main-article h1 {
  font-size: 1.5rem;   /* diminue la taille du H1 */
  line-height: 1.15;   /* garde un bon espacement vertical */
}


/* 50.40 — Blog list · 4 articles par ligne (desktop) */
@media screen and (min-width: 1000px){
  .shopify-section--main-blog .blog-post-list{
    --blog-post-list-items-per-row: 4;
    --blog-post-list-column-gap: 1.5rem;
  }
}
/* 50.50 — Articles · Supprimer la marge entre image et contenu */
.shopify-section--main-article .article__image + .article__wrapper {
  margin-block-start: 0; /* annule var(--article-wrapper-offset) */
}

/* 50.60 — Articles · Liens précédent / suivant (Read more) */
@media screen and (min-width: 700px){
  .prev-next-blog-posts{
    /* Réduit la hauteur mini des cartes */
    grid: auto / auto-flow minmax(min-content, 14rem);
    /* Aligne les cartes à gauche */
    justify-content: flex-start;
    /* Légèrement moins d'espace entre les cartes */
    gap: 1.5rem;
  }
}

@media screen and (min-width: 1150px){
  .prev-next-blog-posts{
    /* Réduit encore un peu le gap sur grand écran */
    gap: 2.5rem; /* au lieu de 3.75rem */
  }
}

/* 50.70 — Blog (Journal) · Marges alignées à 7.2rem sur desktop */
@media screen and (min-width: 1000px){
  .template-blog .shopify-section--main-blog .container--lg{
    margin-inline: 7.2rem !important; /* même recul que le reste */
  }
}

/* 50.80 — Page Sébline · Crédit photo au-dessus du footer */

@media screen and (min-width: 990px){

  /* ⚠️ Remplace l'ID ci-dessous par l'ID exact de ta section rich text 
     (celui que tu vois dans le code : id="shopify-section-template--…__rich_text_…") */
  #shopify-section-template--26849230520704__rich_text_XXHAk8 .container--sm{
    /* marges latérales alignées sur le reste du site */
    margin-inline-start: 7.2rem !important;
    margin-inline-end: 7.2rem !important;
  }

  #shopify-section-template--26849230520704__rich_text_XXHAk8 {
    /* espace supplémentaire avant le footer */
    padding-bottom: 3rem !important;
    padding-top:0rem;
  }
}
.color-scheme .color-scheme--scheme-1 .color-scheme--bg-609ecfcfee2f667ac6c12366fc6ece56 
{
    /* espace supplémentaire avant le footer */
    padding-bottom: 3rem !important;
    padding-top:0rem;
  }
} 

@media screen and (min-width: 1150px) {
    .blog-post-list {
        --blog-post-list-row-gap: 4rem;
    }
/* =========================================
60–69 Page Password / templates spéciaux
========================================= */

/* 60.00 — Password · Layout propre + footer collé */
body.template-password .password__inner{
  display: grid !important;
  grid-template-rows: auto 1fr auto !important; /* header / contenu / footer */
  min-height: 100vh !important;
  align-content: stretch !important;
  align-items: start !important; /* évite l’étirement */
  row-gap: 0 !important;
  padding-block: 0 !important;
}

/* 60.05 — Password · Espace autour du logo (base) */
body.template-password .password__header img{
  margin-top: clamp(2rem, 6vh, 4rem) !important;
  margin-bottom: clamp(1.25rem, 3vh, 2rem) !important; /* base desktop/tablette */
  display: block;
}

/* 60.10 — Password · Cartes collées */
body.template-password .password__block-list{
  gap: 0 !important;
  row-gap: 0 !important;
  margin-top: clamp(4rem, 4vw, 4rem) !important;
  max-width: 25rem !important;  /* largeur du bloc central (au lieu de 30rem) */
  width: 100% !important;
  justify-self: center !important;
}
body.template-password .password__block-list > *{
  align-self: start !important;
}
body.template-password .password__social{
  align-self: start !important;
}

/* 60.20 — Password · Footer toujours à gauche */
body.template-password .password__footer{
  margin-top: 0 !important;
  align-self: end !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: .25rem;
  padding-left: clamp(1rem, 4vw, 2rem) !important;
}
body.template-password .password__footer p{
  margin: 0 !important;
  text-align: left !important;
}

/* 60.30 — Password · Nettoyage séparateurs résiduels */
.password__block-list hr{
  display: none !important;
}
.password__block-list > *::before,
.password__block-list > *::after{
  content: none !important;
  display: none !important;
}
.password__block-list > *:first-child{
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.password__block-list > *:last-child{
  border-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* 60.40 — Password · Cadrage image de fond (éviter le bas du visage) */
body.template-password .image-background{
  object-fit: cover !important;
  object-position: 50% 50% !important; /* centre horizontal, cadrage plus haut */
}

/* 60.50 — Password · Nettoyage bouton Instagram (outline + padding) */
body.template-password .social-media--block .social-media__item{
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 1 !important;
  transition: background .15s, color .15s !important;
}

/* Supprime les padding inutiles du lien interne */
body.template-password .social-media--block a{
  padding-block: 0 !important;
  padding-inline: 0 !important;
  /* display: inline-flex !important; garde la bonne centration de l’icône */
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- Breakpoints Password ---------- */

/* 60.60 — Password · TABLETTE (700–999 px) : ~20px sous le logo */
@media (min-width: 700px) and (max-width: 999px){
  body.template-password .password__header img{
    margin-bottom: 20px !important;
  }
}

/* 60.70 — Password · DESKTOP (≥1000 px) : 20–40 px sous le logo (fluide) */
@media (min-width: 1000px){
  body.template-password .password__header img{
    margin-bottom: clamp(20px, 2vh, 40px) !important;
  }
}

/* 60.80 — Password · MOBILE (<700 px)
   - logo XL
   - gaps serrés
   - IG propre
   - footer à gauche
*/
@media (max-width: 699px){

  /* Logo plus grand (écrase la limite 170px du customizer) */
  body.template-password .password__header .constrained-image{
    --image-mobile-max-width: 300px !important;
    max-width: 300px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Gaps resserrés (logo → formulaire) + row-gap global */
  body.template-password .password__header img{
    margin-bottom: 0 !important;
  }
  body.template-password .password__block-list{
    margin-top: 1.5rem !important;
  }
  body.template-password .password__inner{
    row-gap: 1rem !important;
  }

  /* Instagram : icône seule, fine, sans cadre, centrée
     (mets justify-content:flex-start si tu veux l’icône à gauche) */
  body.template-password .social-media--block{
    display: flex !important;
    justify-content: center !important;
    margin-top: 0 !important;
  }
  body.template-password .social-media__item{
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    color: #000 !important;
  }
  body.template-password .social-media__item svg{
    width: 28px !important;
    height: 28px !important;
    stroke-width: .4 !important;
  }
  body.template-password .social-media__item svg *,
  body.template-password .social-media__item svg path{
    fill: currentColor !important;
    stroke: none !important;
  }

  /* Footer : petit retrait fixe */
  body.template-password .password__footer{
    padding-left: 1.25rem !important;
    padding-bottom: 1.5rem !important;
  }
}
/* =========================================
70–79 Footer
========================================= */

/* 70.10 — Footer · Fond blanc, sans bordure ni ombre */
footer.shopify-section--footer,
.shopify-section-group-footer-group footer,
footer .footer,
.footer.color-scheme{
  background: #f8f8f8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 70.11 — Footer · Typo globale (footer principal) */
#shopify-section-sections--26433935442304__footer .footer{
  font-family: var(--font-body-family) !important;
  font-weight: 400 !important;
}

/* 70.20 — Footer · Neutraliser l’alignement forcé en mobile
   (laisse Shopify gérer la disposition, sans justify-content:center) */
@media (max-width: 749px){
  .footer__block-list{
    justify-content: unset !important;
  }
}

/* 70.30 — Footer · Soulignement des titres (H6) en mobile
   - Trait gris clair sur toute la largeur
*/
@media (max-width: 749px){
  footer .footer__block-list p.h6{
    position: relative;
    display: block;
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
  }

  footer .footer__block-list p.h6::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgb(193, 193, 193) !important;
  }
}

/* 70.40 — Footer · Liens atténués (couleur + poids) */
footer .link-faded{
  color: rgb(28 28 28 / 77%) !important;
  font-weight: 400 !important;
}

/* 70.50 — Footer · Resserrement du conteneur sur desktop
   - Marges latérales de 36px à partir de 750px

@media (min-width: 750px){
  footer .footer__inner,
  footer .container{
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}*/
 
/* 70.60 — Footer · Marges latérales desktop (alignées sur 7.2rem) */
@media screen and (min-width: 990px){
  .shopify-section-group-footer-group .container{
    margin-inline-start: 7.2rem !important;
    margin-inline-end: 7.2rem !important;
  }
}
/* 70.60 — Footer social media*/
.footer__inner {
    row-gap: min(var(--section-vertical-spacing), 1.5rem);
    display: grid;
}
/* 70.60 — Footer social media */
.social-media--list{
  justify-content: flex-end; /* desktop/tablet */
}

@media (max-width: 749px){
  .social-media--list{
    justify-content: flex-start !important; /* mobile */
  }
}


.social-media--list .social-media__item {
    opacity: 1;
    transition: opacity .2s, color .2s;
    color: black;
}

/* 70.70 — Footer · Ordre devise / paiements / © */

@media screen and (min-width: 1000px){
  .shopify-section-group-footer-group .footer__aside{
    display: flex;          /* remplace la grille par un flex */
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    text-align: left;
  }

  /* 1 = devise, 2 = moyens de paiement, 3 = © */
  .shopify-section-group-footer-group .footer__aside .localization-selectors{
    order: 1;
  }

  .shopify-section-group-footer-group .footer__aside .payment-methods{
    order: 2;
  }

  .shopify-section-group-footer-group .footer__aside .heading{
    order: 3;
    margin-left: auto;      /* pousse le © tout à droite */
  }
}

/* 70.70 — Footer · Align left on mobile (selectors + handle + payments) */
@media (max-width: 749px){
  /* Conteneur aside : fonctionne que ce soit en grid ou en flex */
  .shopify-section-group-footer-group .footer__aside{
    text-align: left !important;
    justify-items: start !important;      /* grid */
    justify-content: flex-start !important; /* flex */
    align-items: flex-start !important;
  }

  /* Devise / localisation (flex) */
  .shopify-section-group-footer-group .footer__aside .localization-selectors{
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* Moyens de paiement (selon markup) */
  .shopify-section-group-footer-group .footer__aside .payment-methods,
  .shopify-section-group-footer-group .footer__aside .payment-methods__list,
  .shopify-section-group-footer-group .footer__aside .footer__payment-methods{
    justify-content: flex-start !important;
  }
}
/* 70.71 — Footer · Payment methods icons size (desktop + mobile) */
.shopify-section-group-footer-group .footer__aside{
  --seb-pay-icon-h: 16px; /* desktop: ajuste ici (ex: 14–18px) */
}

/* Mobile: un peu plus petit */
@media (max-width: 749px){
  .shopify-section-group-footer-group .footer__aside{
    --seb-pay-icon-h: 14px;
  }
}

/* Icônes en SVG (cas courant) */
.shopify-section-group-footer-group .footer__aside .payment-methods svg{
  height: var(--seb-pay-icon-h) !important;
  max-height: var(--seb-pay-icon-h) !important;
  width: auto !important;
}

/* Logos en <img> (si le thème les rend ainsi) */
.shopify-section-group-footer-group .footer__aside .payment-methods img{
  height: var(--seb-pay-icon-h) !important;
  max-height: var(--seb-pay-icon-h) !important;
  width: auto !important;
  object-fit: contain;
}

/* Optionnel : resserrer l’écart entre logos */
.shopify-section-group-footer-group .footer__aside .payment-methods__list{
  gap: .5rem .75rem !important;
}


/* =========================================================
   80.40 — Size Guide Sébline (page + popup)
   ========================================================= */

/* Conteneur global */
#sebline-size-guide{
  background: #fff;
  /* padding: 1.5rem clamp(1.5rem, 4vw, 2.5rem); */
}

/* Texte d’intro */
#sebline-size-guide .sg-intro{
  margin-bottom: 1.5rem;
}

/* Grille 2 colonnes 34/66 (page + popup) */
#sebline-size-guide .sg-layout{
  display: grid;
  grid-template-columns: minmax(200px, 0.34fr) minmax(260px, 0.66fr);
  gap: 2rem;
  align-items: flex-start;
}

/* Variante popup (on garde la même grille) */
.modal #sebline-size-guide .sg-layout{
  display: grid;
  grid-template-columns: minmax(200px, 0.34fr) minmax(260px, 0.66fr);
  gap: 2rem;
  align-items: flex-start;
}

/* Position des blocs dans la grille */
#sebline-size-guide .sg-illu{
  grid-column: 1; /* colonne gauche */
}

#sebline-size-guide .sg-tables,
#sebline-size-guide .sg-table--conversion{
  grid-column: 2; /* colonne droite (tableaux + conversion) */
}

/* Popup · illustration plus petite, alignée à gauche */
.modal #sebline-size-guide .sg-illu{
  justify-self: flex-start;
}

.modal #sebline-size-guide .sg-illu img{
  max-width: 250px;  /* ajuste à 300 / 340 si besoin */
  margin: 0;         /* plus de centrage automatique */
}

/* Illustration (comportement par défaut) */
#sebline-size-guide .sg-illu{
  text-align: center;
}

#sebline-size-guide .sg-illu img{
  display: block;
  width: 100%;
  height: auto;
  max-width: 350px;
  margin-inline: auto;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
}

/* Bloc tables */
#sebline-size-guide .sg-tables{
  width: 100%;
}

/* Radios invisibles pour le toggle */
#sebline-size-guide .sg-tables input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Barre d’onglets CM / INCH */
#sebline-size-guide .sg-tabs{
  display: flex;
  gap: 0.5rem;
  margin: 0 0 1rem 0;
}

#sebline-size-guide .sg-tab-btn{
  display: inline-block;
  padding: 0.4rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* Hover : fond noir, texte blanc */
#sebline-size-guide .sg-tab-btn:hover{
  background: #000;
  color: #fff;
  border-color: #000;
}

/* Contenus d’onglets : cachés par défaut */
#sebline-size-guide .sg-tab-content{
  display: none;
  animation: fadeIn 0.25s ease;
}

/* État actif : bouton + contenu CM/INCH */
#tab-cm:checked ~ .sg-tabs label[for="tab-cm"],
#tab-inch:checked ~ .sg-tabs label[for="tab-inch"]{
  background: #000;
  color: #fff;
  border-color: #000;
}

#tab-cm:checked ~ .sg-tab-cm{
  display: block;
}
#tab-inch:checked ~ .sg-tab-inch{
  display: block;
}

@keyframes fadeIn{
  from{
    opacity: 0;
    transform: translateY(4px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* Style des tables */
#sebline-size-guide table{
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.8rem;
  text-align: center;
}

#sebline-size-guide th,
#sebline-size-guide td{
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.6rem 0.4rem;
  vertical-align: middle;
}

#sebline-size-guide th{
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  background: #fafafa;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
}

/* Par défaut : première colonne alignée à gauche */
#sebline-size-guide td:first-child{
  text-align: left;
}

/* Tableau de conversion : un peu d’air */
#sebline-size-guide .sg-table--conversion{
  margin-top: 2rem;
}

.sg-table--conversion h2 {
  display: none!important;
}

/* Responsive : sur mobile => 1 colonne */
@media (max-width: 749px){
  #sebline-size-guide .sg-layout{
    display: block;
  }
}

/* Override pour la table International conversion :
   on recentre la première colonne (XS / S / M / L / XL) */
#sebline-size-guide .sg-table--conversion td:first-child{
  text-align: center;
}

/* 80.50 — Size guide · forcer la font Sebline sur les en-têtes */
#sebline-size-guide thead th,
#sebline-size-guide thead td{
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 0.6rem;
}

.modal #sebline-size-guide .sg-illu {
  justify-self: center;
  margin-top: 2rem;
}

/* 80.55 — Size guide · première colonne des tables CM & INCH
   (lignes 1–4) : centrée, bold, 14px */
#sebline-size-guide .sg-tab-cm table tbody td:first-child,
#sebline-size-guide .sg-tab-inch table tbody td:first-child{
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}

/* =========================================================
   80.60 — Size Guide en MODALE produit
   ========================================================= */

/* La modale Prestige met le contenu dans .prose : on enlève la largeur max */
.modal--lg .prose{
  max-width: none;
}

/* Centrer le size guide dans la modale et limiter la largeur */
.modal--lg #sebline-size-guide{
  max-width: 900px;
  margin-inline: auto;
}

@media screen and (min-width: 700px) {
  .modal--lg {
    --modal-body-max-width: 55rem!important;
  }
}
/* (Optionnel, déjà commenté)
.modal--lg #sebline-size-guide .sg-layout {
  display: block;
} */

/* =========================================================
   85.00 — FAQ & LEGAL
   ========================================================= */

/* Désactiver le flex sur toutes les sections FAQ & Legal (FAQ + Terms) */
.shopify-section--faq .faq {
  display: block !important;
  column-gap: 0;
  row-gap: 0;
}

/* Même marge interne à gauche/droite sur desktop/tablette large */
@media screen and (min-width: 990px) {
  .shopify-section--faq .container--md {
    padding-inline: 6rem;
  }
}
/* 86.00 — Page ABOUT SÉBLINE & Pages · Bloc image-with-text-block parallax
   marges latérales 7.2rem + ratio image/texte 40/60 */
@media screen and (min-width: 1150px){
  .template-page .shopify-section--image-with-text .image-with-text{
    margin-inline: 7.2rem !important; /* 7.2rem à gauche et à droite */
    margin-top: 2rem;
    margin-bottom: 2rem;

    /* Image / texte : 40% / 60% environ */
    grid-template-columns: 2fr 3fr;
  }

  /* Débloquer la largeur du texte dans sa colonne */
  .template-page .shopify-section--image-with-text .image-with-text > .prose{
    max-width: none !important;
    padding-inline-start: 3rem !important;
    padding-inline-end: 0 !important;
    margin-block: 0;
  }

  .image-with-text-block--parallax{
    margin-inline: 7.2rem !important;
  }
}


/* =========================================
90–99 Helpers / overrides / debug
========================================= */

/* 90.10 — Repères media (placeholders + collection_list scroll) */
@media (min-width: 700px){ /* tablette */ }

@media (min-width: 1000px){ /* intermédiaire */
  [id^="shopify-section-"][id*="__collection_list"] .collection-list.scroll-area{
    --collection-list-gap: 4rem !important;
    gap: var(--collection-list-gap) !important;
    column-gap: var(--collection-list-gap) !important;
  }
}

@media (min-width: 1150px){ /* laptop */ }

@media (min-width: 1400px){ /* large desktop */ }

/* 90.20 — Marges latérales élargies (HOME + COLLECTIONS ≥900px) */
@media (min-width: 900px){
  body.template-index .container,
  body.template-collection .container{
    padding-inline: 0 !important;
    margin-inline: 7.2rem !important; /* ≈ 115px */
  }
}

/* 90.21 — Pages · Container à 72px (desktop ≥900px) 
  body.template-page .shopify-section--main-page .container{
    margin-inline: 4.5rem !important; 
    padding-inline: 0 !important;*/


/* 98 — DEBUG_EXPLICITE (désactivé par défaut)
   Activer en console :
   document.documentElement.style.setProperty('--seb-debug-outline','1')
   Désactiver :
   document.documentElement.style.removeProperty('--seb-debug-outline')
*/
@media screen{
  :root[style*="--seb-debug-outline: 1"] .container{
    outline: 1px dashed rgba(0,0,0,.28);
    outline-offset: -2px;
  }
  :root[style*="--seb-debug-outline: 1"] .shopify-section--header .header{
    outline: 1px solid rgba(255,0,0,.35);
  }
  :root[style*="--seb-debug-outline: 1"] .section-spacing{
    box-shadow: inset 0 0 0 1px rgba(0,128,255,.18);
  }
}

/* 99.20 — Size guide popup · 2 colonnes illu + tableaux (34/66) */
.modal--lg .prose #sebline-size-guide .sg-layout{
  display: grid !important;
  grid-template-columns: minmax(200px, 0.34fr) minmax(260px, 0.66fr) !important;
  gap: 1.75rem !important;
  align-items: flex-start;
}

/* Illustration plus petite, alignée à gauche dans la popup */
.modal--lg .prose #sebline-size-guide .sg-illu{
  margin: 0 !important;
  justify-self: flex-start;
}

.modal--lg .prose #sebline-size-guide .sg-illu img{
  max-width: 300px !important;  /* tu pourras passer à 340 si besoin */
  margin: 0 !important;
}

/* 99.30 — Size guide popup · réduire le padding interne (shadow DOM) */
x-modal.modal--lg::part(body){
  padding-block: 1.5rem !important;
  padding-inline: clamp(1.25rem, 3vw, 1rem) !important;
}
/* 90.35 — Rich text · Credits: align + spacing (mobile only) */
@media (max-width: 699px){

  /* Aligner le copyright/credit comme le texte au-dessus */
  #shopify-section-template--26849230520704__rich_text_XXHAk8 .prose > p.h6{
    text-align: left !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0 !important;
  }

  /* Ajouter de l’espace sous le bloc color-scheme */
  #shopify-section-template--26849230520704__rich_text_XXHAk8 > .color-scheme{
    padding-bottom: 2rem !important;
    margin-left:0rem;
  }

}
/* 90.36 — Mobile drawer: fond 100% blanc (X + header + scroller) */
@media (max-width: 699px){

  /* Drawer (web component) */
  .drawer::part(base),
  .drawer::part(content){
    background-color: #fff !important;
    background-image: none !important;
  }

  /* Zone scrollable du menu (tu l’as citée) */
  .header-sidebar__scroller{
    background-color: #fff !important;
    background-image: none !important;
  }

  /* Si présents dans ton DOM (selon blocs/versions Prestige), on les blinde aussi */
  .header-sidebar,
  .header-sidebar__header,
  .header-sidebar__footer{
    background-color: #fff !important;
    background-image: none !important;
  }

}
/* 90.37 — Mobile drawer submenu panel: fond 100% blanc (collapsible panel) */
@media (max-width: 699px){

  .header-sidebar__collapsible-panel{
    background-color: #fff !important;
    background-image: none !important;
  }

  /* Par sécurité : certains thèmes appliquent le gradient sur un wrapper interne */
  .header-sidebar__collapsible-panel *{
    background-image: none !important;
  }

}