/** Shopify CDN: Minification failed

Line 975:30 Expected ":"

**/
/* =====================================================================
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 (URLs corrigées) */
@font-face{
font-family:'SeblineAkzidenzExt';
src:url('/cdn/shop/files/akzidenzgroteskpro-ext-webfont.woff2?v=1758624187') format('woff2'),
    url('/cdn/shop/files/akzidenzgroteskpro-ext-webfont.woff?v=1758624187') format('woff');
font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
font-family:'SeblineAkzidenzMdEx';
src:url('/cdn/shop/files/akzidenzgroteskpro-mdex-webfont.woff2?v=1758624187') format('woff2'),
    url('/cdn/shop/files/akzidenzgroteskpro-mdex-webfont.woff?v=1758624187') format('woff');
font-weight:600; font-style:normal; font-display:swap;
}

/* █ 02  VARIABLES */
:root{
  --font-body-family:'SeblineAkzidenzExt',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-heading-family:'SeblineAkzidenzExt',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:'SeblineAkzidenzExt',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 Sébline */
button,.button,.shopify-challenge__button,
.shopify-payment-button__button--unbranded,.newsletter-form__button,
[type="button"],[type="submit"],input,select,textarea{
font-family:'SeblineAkzidenzExt',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: 0 .25rem !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: 600;
  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: rgba(255,255,255,0.92) !important;
  --background-gradient: none !important;
  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); }
*/

/* =========================================
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: 1.5rem;
  --section-gap: 1.5rem;
  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;
}

/* =========================================
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;
}

collection-toolbar__button {
margin-top: 0.4rem !important;}

@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;
}

/* 30.60 — Collections · Overlay & panneau du FILTER
   - Overlay blanc très transparent
   - Drawer de filtre sur fond blanc
*/
.template-collection :where(.modal, .drawer, .popover, .header-search)::part(overlay){
  background: rgba(255, 255, 255, 0.3) !important;
  /* optionnel :
  backdrop-filter: blur(2px);
  */
}

/* Colonne du filtre (drawer) */
.template-collection .drawer::part(content){
  background: #fff !important;
  /* optionnels :
  border-left: 1px solid rgba(0,0,0,.06);
  box-shadow: none !important;
  */
}

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

/* 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
   - Supprime le padding-bottom sur mobile pour les sections
*/
@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
   - Même objectif que 30.90 mais pour toutes largeurs
*/
.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{
  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
   - Cible <height-observer.collection-toolbar.full-bleed>
   - Neutralise flex-grow et w-full
   - Scope : ≤ 699px
*/
@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 : pas d’étirement + poussée à droite */
  .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
   - Uniformise la graisse à 600 sur grilles, sections, PDP
*/
:where(.template-collection,
       .template-product,
       .featured-collection,
       .product-list)
:is(.product-title,
    .product-card__title,
    .product__title,
    a.product-title){
  font-weight: 600 !important;
}
/* =========================================
40–49 Product page (PDP)
========================================= */

/* v1.1h — 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;
}

/* v1.1h — 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;
}

/* v1.1h — 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;
}

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

/* v1.1i — Desktop (≥ 1150px) : conteneur large mais centré */
@media screen and (min-width: 1150px){
  .template-product .container--lg{
    --container-lg-max-width: 70rem !important;
    max-width: var(--container-lg-max-width) !important;
    margin-inline: auto !important;
    padding-inline: 0; /* géré par le thème si besoin */
  }
}

/* v1.1j — Tablette (700px – 1149px) : largeur raisonnable + marges latérales */
@media screen and (min-width: 700px) and (max-width: 1149px){
  .template-product .container--lg{
    --container-lg-max-width: 54rem !important; /* ajuste si tu veux encore plus étroit */
    max-width: var(--container-lg-max-width) !important;
    margin-inline: auto !important;
    padding-inline: 1.5rem; /* marges à droite et à gauche sur tablette */
  }
}

/* v1.1k — Mobile (< 700px) : conteneur fluide avec padding */
@media screen and (max-width: 699px){
  .template-product .container--lg{
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 1.25rem; /* garde un peu de marge sur les côtés */
  }
}

/* -----------------------------------------
   É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;
  }
}



/* =========================================================
   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
   ---------------------------------------------------------
   Réduction et optimisation de la marge du container Related products
   Scope : PDP uniquement
   ========================================================= */
.template-product .shopify-section--related-products .container,
.template-product .shopify-section--product-recommendations .container {
  margin-top: 0.5rem !important; /* marge haute réduite */
  margin-bottom: 1rem !important; /* marge basse ajustée */
  padding-top: 0 !important; /* supprime tout padding vertical excessif */
  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; /* un peu plus d’air sur desktop */
  }
}

/* =========================================================
   41.14 — PRODUCT PAGE · Related products — gutter 72px (LR)
   ---------------------------------------------------------
   But   : passer le gutter horizontal de 48px à 72px sur desktop
   Scope : PDP uniquement
   ========================================================= */
/* Option A — respecter la logique Prestige via --container-gutter */
@media (min-width: 1000px) {
  .template-product :is(.shopify-section--related-products,
                        .shopify-section--product-recommendations) {
    --container-gutter: 72px !important; /* 48 → 72 */
  }
}

/* Option B (sécurité) — forcer les margins calculés sur .container */
@media (min-width: 1000px) {
  .template-product :is(.shopify-section--related-products,
                        .shopify-section--product-recommendations) .container {
    margin-inline-start: max(72px, 50% - var(--container-max-width)/2) !important;
    margin-inline-end:   max(72px, 50% - var(--container-max-width)/2) !important;
  }
}
.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.15 — PRODUCT PAGE · Product container margin (mobile)
   ---------------------------------------------------------
   Ajoute une marge latérale droite/gauche sur le div .product
   uniquement sur mobile (<700px)
   Scope : .template-product
   ========================================================= */
@media screen and (max-width: 699px) {
  .template-product .product {
    margin-left: 1.5rem !important;  /* ≈24px */
    margin-right: 1.5rem !important; /* ≈24px */
  }
}


/* =========================================
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 */
  }
}
/* =========================================
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: #fff !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;
  }
}*/
/* =========================================
80–89 Pages (About, Blog list, Search, Policies)
========================================= */

/* 80.10 — Pages · Neutraliser le centrage utilitaire */
:where(
  .shopify-section--main-page,
  .shopify-section--main-article,
  .shopify-section--main-blog,
  .shopify-section--main-search,
  .shopify-section--main-list-collections
)
:is(.v-stack.justify-self-center, .text-center){
  justify-self: start !important;
  text-align: left !important;
}

/* 80.20 — Pages · Titres principaux */
:where(
  .shopify-section--main-page,
  .shopify-section--main-article,
  .shopify-section--main-blog,
  .shopify-section--main-search,
  .shopify-section--main-list-collections
)
:is(
  .section-header__title,
  .section-header h2,
  .main-page-title,
  .page-title,
  .article__title,
  .blog__title,
  h1
){
  text-align: left !important;
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
}

/* 80.30 — Pages · Sous-titres éventuels */
:where(
  .shopify-section--main-page,
  .shopify-section--main-article,
  .shopify-section--main-blog,
  .shopify-section--main-search
)
.section-header__subtitle{
  text-align: left !important;
  font-weight: 400;
  color: var(--color-foreground, #111);
}

/* 80.40 – Policies
   Titres des pages légales en majuscules */
.shopify-policy__title,
.shopify-policy__title h1 {
  text-transform: uppercase !important;
}

/* 80.50 — Pages · bloc image-with-text (About, etc.) */

/* Mobile & petits écrans : petites marges latérales */
.template-page .shopify-section--image-with-text .image-with-text {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}

/* Tablette : marges plus confortables */
@media screen and (min-width: 700px) and (max-width: 999px) {
  .template-page .shopify-section--image-with-text .image-with-text {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
  }
}

/* Desktop ≥ 1000px : ton réglage souhaité */
@media screen and (min-width: 1000px) {
  .template-page .shopify-section--image-with-text .image-with-text {
    --image-with-text-gap: 6rem;
    margin-left: 7.2rem !important;
    margin-right: 7.2rem !important;
    padding-top:48px!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{
  background: #fafafa;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
}

#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;
}

/* 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.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;
  }
}


/* =========================================
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.9 — EMERGENCY FONT ROLLBACK (léger, sécurité) */
html,
body{
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
.header,
.header *:where(a, summary, button){
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
}
.header__primary-nav-item > a,
.header__menu-disclosure > summary{
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
:is(
  button.button,
  a.button,
  .button,
  .Button,
  .btn,
  .shopify-payment-button__button,
  .shopify-payment-button__button--unbranded,
  .newsletter-form__button,
  .shopify-challenge__button,
  [type='button'],
  [type='submit'],
  input,
  select,
  textarea
){
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
}
#shopify-section-sections--26433935442304__footer .footer,
#shopify-section-sections--26433935442304__footer .footer *{
  font-family: 'SeblineAkzidenzExt', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* 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;
}