/* Vendor CSS */
@import 'swiper-bundle.min.css';

/* Base Layout */
@import 'layout.css';

/* Header Modules */
@import 'header/layout.css';
@import 'header/logo.css';
@import 'header/navigation.css';
@import 'header/search-bar.css';
@import 'header/dropdown-search.css';
@import 'header/actions.css';
@import 'header/mobile-nav.css';

/* Footer Modules */
@import 'footer/layout.css';

/* Sidebar Cart Modules */
@import 'sidebar-cart/layout.css';
@import 'sidebar-cart/content.css';

/* Common Modules */
@import 'modules/separator.css';
@import 'modules/buttons.css';
@import 'modules/section-bento-cat.css';
@import 'modules/section-pieces-signature.css';
@import 'ui/add-cart.css';
@import 'ui/pieces-signature.css';
@import 'ui/product-card.css';
@import 'ui/hero-category.css';
@import 'ui/contenu-page.css';
@import 'ui/variation-swatch.css';
@import 'ui/switch-stock.css';
@import 'modules/hero.css';

/* Single Product Modules */
@import 'single-product/archive.css';
@import 'single-product/layout.css';
@import 'single-product/galery.css';
@import 'single-product/similar-product.css';

/* Single Product Content Modules */
@import 'single-product/contenu/brands.css';
@import 'single-product/contenu/titre-product.css';
@import 'single-product/contenu/notation.css';
@import 'single-product/contenu/price.css';
@import 'single-product/contenu/short-descript.css';
@import 'single-product/contenu/qts-add-cart.css';
@import 'single-product/contenu/delai-livraison.css';
@import 'single-product/contenu/reassurance.css';
@import 'single-product/contenu/longue-descrip.css';

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('../fonts/inter.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrument-serif-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrument-serif-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/comfortaa.woff2') format('woff2');
}

:root {
--sage:#6E8E76;--sage-hover:#5A7561;--cherry:#B66C4D;--peach:#FDDFC5;--abyss:#2C363F;
--paper:#ffffff;--paper-tint:#FFF7F0;--paper-deep:#FDDFC5;
--ink:#2C363F;--ink-deep:#1F2630;--ink-mute:#6B7280;--ink-soft:#9CA3AF;
--line:#E5E7EB;--line-soft:#F3F4F6;
--success:#0fa336;--error:#E74F5E;
/* semantic aliases */
--color-primary:var(--sage);--color-primary-hover:var(--sage-hover);--color-accent:var(--cherry);--color-warm-muted:var(--peach);
--canvas:var(--paper);--surface-soft:var(--paper-tint);--surface-warm:var(--paper-deep);
--text-body:var(--ink);--text-deep:var(--ink-deep);--text-mute:var(--ink-mute);--text-soft:var(--ink-soft);
--border-default:var(--line);--border-soft:var(--line-soft);
}

:root {
--font-sans:'Inter',sans-serif;--font-serif:'Instrument Serif',serif;
--display-xl-size:clamp(72px,13vw,220px);--display-xl-weight:300;--display-xl-lh:0.86;--display-xl-ls:-0.045em;
--display-lg-size:clamp(48px,8vw,120px);--display-lg-weight:300;--display-lg-lh:0.9;--display-lg-ls:-0.03em;
--display-md-size:clamp(40px,5vw,72px);--display-md-weight:300;--display-md-lh:1.1;--display-md-ls:-0.02em;
--title-lg-size:24px;--title-lg-weight:500;--title-lg-lh:1.2;
--eyebrow-size:11px;--eyebrow-weight:500;--eyebrow-lh:1.3;--eyebrow-ls:0.2em;
--body-md-size:16px;--body-md-lh:1.55;
--body-sm-size:14px;--body-sm-lh:1.5;
--caption-size:11px;--caption-lh:1.4;--caption-ls:0.05em;
}

.mm-display-xl{font-family:var(--font-sans);font-size:var(--display-xl-size);font-weight:300;line-height:0.86;letter-spacing:-0.045em}
.mm-display-lg{font-family:var(--font-sans);font-size:var(--display-lg-size);font-weight:300;line-height:0.9;letter-spacing:-0.03em}
.mm-display-md{font-family:var(--font-sans);font-size:var(--display-md-size);font-weight:300;line-height:1.1;letter-spacing:-0.02em}
.mm-title-lg{font-family:var(--font-sans);font-size:24px;font-weight:500;line-height:1.2}
.mm-serif{font-family:var(--font-serif);font-style:italic;font-weight:normal}
.mm-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:0.2em;text-transform:uppercase}
.mm-body{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.55}
.mm-body-sm{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}
.mm-caption{font-family:var(--font-sans);font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0.05em}

:root {
--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:48px;--sp-section:64px;--sp-hero-pb:120px;
--radius-none:0px;--radius-sm:4px;--radius-full:9999px;
--vnav-width:280px;
}

:root {
--ease:cubic-bezier(0.22,1,0.36,1);/* @kind other */--ease-soft:cubic-bezier(0.4,0,0.2,1);/* @kind other */
--dur-fast:200ms;/* @kind other */--dur-base:400ms;/* @kind other */--dur-slow:800ms;/* @kind other */
}

body {
    margin:0;
    font-family:var(--font-sans);
    font-size:var(--body-md-size);
    line-height:var(--body-md-lh);
    color:var(--text-body);
    background:var(--canvas);
    -webkit-font-smoothing:antialiased;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a {
    color:var(--ink);
    text-decoration:none;
    transition:color var(--dur-fast) var(--ease-soft);
}

a:hover {
    color:var(--sage);
}

.mm-dot {
    display:inline-block;
    width:4px;
    height:4px;
    border-radius:9999px;
    background:var(--sage);
    vertical-align:middle;
}

.mm-dot--cherry {
    background:var(--cherry);
}

.mm-hairline {
    border:0;
    border-top:1px solid var(--line);
    margin:0;
}

/* Design System Fonts & Variables (Prymia Overrides) */

:root {
    --font-primary: var(--font-sans);
    --font-serif-alias: var(--font-serif);
    
    /* Brand Colors (Aliased to DS) */
    --sage-green: var(--sage);
    --terracotta: var(--cherry);
    --off-white: var(--paper-tint);
    --white: var(--paper);
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

h1, .h1 {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: var(--display-md-size);
    line-height: var(--display-md-lh);
    letter-spacing: var(--display-md-ls);
    margin-bottom: 1rem;
}

h2, .h2 {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: var(--display-sm-size, 2.5rem);
    line-height: 1.1;
    margin-bottom: 0.875rem;
}

h3, .h3 {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: var(--title-lg-size);
    line-height: var(--title-lg-lh);
    margin-bottom: 0.75rem;
}

h4, .h4 {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

p, .p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--body-md-size);
    margin-bottom: 1rem;
}

/* Image Utilities */

.mm-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mm-img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}