body.ml-atelier{color-scheme: light;

        --brand: #551a0d;

        --brand-dark: #351006;

        --ink: #2a120c;

        --accent: #9a351f;

        --gold: #c89d5c;

        --paper: #fbf8f4;

        --paper-warm: #fffaf4;

        --copy: #634b3b;

        --line: rgba(85, 26, 12, 0.14);}
:where(body.ml-atelier) *{box-sizing: border-box;}
body.ml-atelier,body.ml-atelier{margin: 0;

        min-height: 100%;

        background: var(--paper);

        color: var(--ink);

        font-family: "Plus Jakarta Sans", Arial, sans-serif;}
:where(body.ml-atelier) img{display: block;

        max-width: 100%;}
:where(body.ml-atelier) a{color: inherit;}
.b2b-modal-overlay{position: fixed;

        inset: 0;

        z-index: 2000;

        background: rgba(22, 6, 2, 0.72);

        backdrop-filter: blur(8px);

        display: grid;

        place-items: center;

        padding: 20px;

        opacity: 0;

        pointer-events: none;

        transition: opacity 0.25s ease;}
.b2b-modal-overlay.is-active{opacity: 1;

        pointer-events: auto;}
.b2b-modal-dialog{background: #ffffff;

        border: 1px solid var(--gold);

        border-radius: 12px;

        width: min(100%, 720px);

        max-height: 90vh;

        overflow-y: auto;

        padding: clamp(28px, 4vw, 42px);

        position: relative;

        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);

        transform: translateY(16px);

        transition: transform 0.25s ease;}
.b2b-modal-overlay.is-active .b2b-modal-dialog{transform: translateY(0);}
.b2b-modal-close{position: absolute;

        top: 20px;

        right: 20px;

        background: transparent;

        border: none;

        font-size: 28px;

        color: var(--brand);

        cursor: pointer;

        line-height: 1;

        padding: 4px 8px;

        border-radius: 6px;}
.b2b-modal-close:hover{background: rgba(85, 26, 12, 0.08);}
.b2b-form-modal{display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 16px;}
.b2b-form-modal .form-group-full{grid-column: 1 / -1;}
.b2b-form-modal .form-group{display: flex; flex-direction: column; gap: 6px;}
.b2b-form-modal label{font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand-dark);}
.b2b-form-modal label span.req{color: var(--accent);}
.b2b-form-modal .form-control{width: 100%; padding: 11px 13px; border: 1px solid rgba(85, 26, 12, 0.2); border-radius: 8px; background: #fdfcf9; color: var(--ink); font-family: inherit; font-size: 0.92rem;}
.b2b-form-modal .form-control:focus{outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(85, 26, 12, 0.1); background: #fff;}
.b2b-form-modal textarea.form-control{min-height: 90px; resize: vertical;}
.b2b-form-modal .submit-btn{display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 48px; padding: 0 28px; background: linear-gradient(180deg, #8b3216, #551a0c); color: #fffaf4; border: 1px solid rgba(255, 238, 219, 0.25); border-radius: 999px; font-family: inherit; font-size: 0.88rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; box-shadow: 0 10px 24px rgba(85, 26, 12, 0.2);}
.product-page{min-height: calc(100vh - 76px);

        background:

          radial-gradient(circle at 7% 8%, rgba(154, 53, 31, 0.08), transparent 30%),

          linear-gradient(90deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.22)),

          var(--paper);}
.product-hero{display: grid;

        grid-template-columns: minmax(360px, 0.82fr) minmax(420px, 1fr);

        gap: clamp(26px, 4vw, 54px);

        align-items: center;

        padding: clamp(22px, 3.2vw, 40px) clamp(22px, 5vw, 76px) 22px;

        border-bottom: 1px solid var(--line);}
.product-hero.is-men{position: static;

        min-height: 0;

        overflow: visible;

        background: transparent;}
.product-hero.is-men > div{position: static;

        max-width: none;}
.product-hero.is-men .hero-panel{display: block;

        background: #f5eadc;}
.product-hero.is-men h1{max-width: 620px;

        font-size: clamp(3rem, 4.35vw, 5.05rem);

        line-height: 0.92;}
.crumb{display: inline-flex;

        align-items: center;

        gap: 12px;

        margin-bottom: 14px;

        color: #9a6545;

        font-size: 11px;

        line-height: 1;

        font-weight: 900;

        letter-spacing: 0.34em;

        text-transform: uppercase;}
.crumb::after{content: "";

        width: 44px;

        height: 1px;

        background: #be8a7c;}
:where(body.ml-atelier) h1{margin: 0;

        max-width: 650px;

        font-family: Georgia, "Times New Roman", serif;

        font-size: clamp(3rem, 4.35vw, 5.05rem);

        line-height: 0.92;

        font-weight: 700;

        letter-spacing: 0;}
.hero-copy{max-width: 610px;

        margin: 14px 0 0;

        color: rgba(85, 26, 12, 0.78);

        font-size: clamp(0.98rem, 1.05vw, 1.12rem);

        line-height: 1.48;}
.product-hero.is-men .hero-copy{max-width: 610px;

        margin-top: 18px;

        color: rgba(58, 30, 18, 0.84);

        font-size: clamp(0.98rem, 1.05vw, 1.12rem);

        line-height: 1.48;}
.hero-panel{position: relative;

        align-self: stretch;

        min-height: clamp(220px, 20vw, 292px);

        display: block;

        padding: clamp(20px, 2.4vw, 30px);

        border: 1px solid rgba(85, 26, 12, 0.14);

        border-radius: 10px;

        overflow: hidden;

        background: #f5eadc;

        box-shadow: 0 18px 42px rgba(42, 13, 4, 0.14);}
.hero-panel img{position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center;}
.hero-panel::after{content: "";

        position: absolute;

        inset: 0;

        background: linear-gradient(90deg, rgba(45, 15, 7, 0.18), rgba(45, 15, 7, 0) 48%);

        pointer-events: none;}
.category-switcher,.filter-bar{display: flex;

        flex-wrap: wrap;

        gap: 10px;}
.category-switcher{padding: 14px clamp(22px, 5vw, 76px) 0;}
.filter-shell{position: sticky;

        top: 76px;

        z-index: 30;

        padding: 12px clamp(22px, 5vw, 76px) 14px;

        border-bottom: 1px solid var(--line);

        background: rgba(251, 248, 244, 0.92);

        backdrop-filter: blur(14px);}
.filter-label{margin: 0 0 10px;

        color: #8d5e43;

        font-size: 10px;

        font-weight: 900;

        letter-spacing: 0.28em;

        text-transform: uppercase;}
.pill{appearance: none;

        border: 1px solid rgba(85, 26, 12, 0.18);

        border-radius: 999px;

        background: rgba(255, 250, 244, 0.72);

        color: var(--brand);

        cursor: pointer;

        font: inherit;

        font-size: 12px;

        font-weight: 900;

        letter-spacing: 0.08em;

        line-height: 1;

        padding: 10px 15px;

        text-decoration: none;

        text-transform: uppercase;

        transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;}
.pill:hover,.pill:focus-visible{border-color: rgba(85, 26, 12, 0.36);

        transform: translateY(-1px);}
.pill[aria-pressed="true"],.pill[aria-current="page"]{border-color: var(--brand);

        background: var(--brand);

        color: #fffaf4;}
:where(body.ml-atelier) .product-grid{display: grid;

        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 14px;

        padding: 14px clamp(22px, 5vw, 76px) 58px;}
.product-card{min-width: 0;

        display: flex;

        flex-direction: column;

        border: 1px solid rgba(85, 26, 12, 0.12);

        border-radius: 10px;

        overflow: hidden;

        background: rgba(255, 250, 244, 0.72);

        box-shadow: 0 12px 30px rgba(42, 13, 4, 0.07);}
.product-card-link{display: flex;

        min-height: 100%;

        flex-direction: column;

        color: inherit;

        text-decoration: none;}
.product-art{height: clamp(135px, 14vw, 205px);

        display: grid;

        place-items: center;

        padding: 18px;

        overflow: hidden;

        background:

          radial-gradient(circle at 50% 44%, rgba(200, 157, 92, 0.2), transparent 38%),

          linear-gradient(135deg, #f7ecdf, #fffaf4 54%, #efe0d1);}
.product-art img{display: block;

        width: min(100%, 230px);

        height: min(100%, 178px);

        max-width: 100%;

        max-height: 100%;

        object-fit: contain;

        object-position: center;

        filter: drop-shadow(0 12px 14px rgba(42, 13, 4, 0.14));}
.product-info{padding: 14px 15px 16px;}
.product-info small{display: block;

        margin-bottom: 9px;

        color: var(--accent);

        font-size: 10px;

        font-weight: 900;

        letter-spacing: 0.18em;

        text-transform: uppercase;}
.product-info h2{margin: 0;

        color: var(--ink);

        font-family: Georgia, "Times New Roman", serif;

        font-size: clamp(1rem, 1.24vw, 1.3rem);

        line-height: 1.04;}
.product-info p{margin: 12px 0 0;

        color: rgba(85, 26, 12, 0.74);

        font-size: 0.82rem;

        line-height: 1.34;}
.inquire-link{display: inline-flex;

        align-items: center;

        gap: 8px;

        margin-top: 16px;

        color: var(--brand);

        font-size: 11px;

        font-weight: 900;

        letter-spacing: 0.12em;

        text-decoration: none;

        text-transform: uppercase;}
.empty-state{display: none;

        grid-column: 1 / -1;

        padding: 64px 22px;

        text-align: center;

        color: var(--copy);}
@media (max-width: 1180px){:where(body.ml-atelier) .product-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 880px){.product-hero{grid-template-columns: 1fr;

          padding-top: 42px;}
.product-hero.is-men{grid-template-columns: 1fr;

          padding-top: 42px;

          background: transparent;}
.hero-panel{min-height: 220px;}
.filter-shell{top: 123px;}
:where(body.ml-atelier) .product-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 620px){:where(body.ml-atelier) h1{font-size: clamp(3.45rem, 19vw, 5.8rem);}
.b2b-form-modal{grid-template-columns: 1fr;}
.product-hero.is-men{padding-left: 22px;

          padding-right: 22px;

          background: transparent;}
:where(body.ml-atelier) .product-grid{grid-template-columns: 1fr;}
.product-art{height: 270px;}
.filter-shell{position: relative; top: auto;}}