body.ml-atelier,body.ml-atelier{overflow-x: clip;}
.b2b-modal-overlay,.ml-custom-modal,.ml-custom-design-modal{z-index: 60000 !important;}
.hero-slide{min-width: 100%;}
@media (max-width: 900px){.ml-signature-product{display: none !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 350px !important;
    scroll-snap-align: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;}
.ml-signature-product.ml-loop-visible{display: flex !important;}
.ml-signature-product[aria-hidden="true"]{display: none !important;}
.ml-signature-media{height: 178px !important;
    margin: 12px 10px 4px !important;}
.ml-signature-body{padding: 8px 12px 14px !important;}
.ml-signature-body strong{min-height: 0 !important;
    font-size: 0.84rem !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;}
.ml-signature-moq{flex-wrap: wrap !important;
    gap: 5px 8px !important;
    font-size: 0.66rem !important;
    line-height: 1.25 !important;}
.ml-signature-actions{grid-template-columns: 1fr !important;
    gap: 7px !important;}
.ml-signature-cta{min-height: 34px !important;
    padding: 8px 10px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.06em !important;}}
@media (max-width: 620px){:where(body.ml-atelier) .product-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;}
.product-card{min-width: 0 !important;
    border-radius: 14px !important;}
.product-card-link{display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;}
.product-card img,.product-image,.product-art{aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;}
.product-card-body,.product-body,.product-info{padding: 10px !important;}
.product-card h2,.product-card h3,.product-info h2,.product-body h3{font-size: 0.86rem !important;
    line-height: 1.18 !important;
    margin: 6px 0 !important;}
.product-card p,.product-card small,.product-info p,.product-info small,.product-body p,.product-body small{font-size: 0.72rem !important;
    line-height: 1.35 !important;}
.product-info .inquire-link{display: none !important;}}
@media (max-width: 520px){.ml-signature-product{min-height: 324px !important;
    border-radius: 14px !important;}
.ml-signature-media{height: 146px !important;
    margin: 10px 8px 2px !important;}
.ml-signature-body{padding: 8px 10px 12px !important;}
.ml-signature-body strong{font-size: 0.78rem !important;}
.ml-signature-moq{font-size: 0.61rem !important;}}
@media (max-width: 900px){.ml-b2b-order-flow-section{padding: 44px 0 34px !important;}
.ml-b2b-flow-header{margin-bottom: 20px !important;}
.ml-b2b-flow-heading{font-size: clamp(1.85rem, 7vw, 2.35rem) !important;
    line-height: 1.12 !important;}
.ml-b2b-flow-wrapper{margin-top: 18px !important;}
.ml-b2b-flow-grid{display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 8px 2px 18px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}
.ml-b2b-flow-card{flex: 0 0 min(78vw, 300px);
    min-height: 235px !important;
    padding: 18px 16px 20px !important;
    border-radius: 16px !important;
    transform: none !important;
    scroll-snap-align: start;}
.ml-b2b-flow-card:hover{transform: none !important;}
.ml-b2b-flow-top{margin-bottom: 12px !important;}
.ml-b2b-flow-icon-wrap{width: 42px !important;
    height: 42px !important;
    margin-bottom: 12px !important;}
.ml-b2b-flow-card h3{font-size: 1.05rem !important;
    margin-bottom: 7px !important;}
.ml-b2b-flow-card p{font-size: 0.78rem !important;
    line-height: 1.42 !important;}
.ml-b2b-flow-card-accent,.ml-b2b-flow-ghost,.ml-b2b-flow-stitch,.ml-b2b-flow-next{display: none !important;}
.ml-b2b-flow-trust{display: none !important;}}
.inquiry-main,.workbench-grid,.rfq-card,.side-column,.procurement-flow-card{height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;}
.b2b-form,.b2b-form .form-group,.b2b-form .form-group-full{height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;}
.b2b-form *,.rfq-card *,.procurement-flow-card *{box-sizing: border-box;}
@media (max-width: 900px){.inquiry-hero{padding: 34px 18px 28px !important;}
.inquiry-hero h1{font-size: clamp(2.15rem, 10vw, 3.15rem);}
.inquiry-main{scroll-margin-top: 82px !important;
    padding: 34px 12px 40px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;}
.workbench-grid{display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;}
.rfq-card{width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px 14px !important;
    border-radius: 14px !important;
    overflow: visible !important;}
.rfq-card-head{margin-bottom: 18px !important;
    padding-bottom: 14px !important;}
.rfq-card-head h2{font-size: clamp(1.55rem, 8vw, 2rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;}
.b2b-form{grid-template-columns: 1fr !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;}
.b2b-form .form-group,.b2b-form .form-group-full{grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;}
.b2b-form .form-group label{font-size: 0.72rem !important;
    letter-spacing: 0.05em !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;}
.b2b-form .form-control{display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;}
.b2b-form textarea.form-control{min-height: 116px !important;
    overflow-y: auto !important;
    text-overflow: clip !important;
    resize: vertical !important;}
.b2b-form select.form-control{white-space: normal !important;}
.b2b-form input[type="file"].form-control{padding: 9px !important;
    font-size: 0.78rem !important;}
.mobile-rfq-more{grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid rgba(85, 26, 12, 0.14);
    border-radius: 12px;
    background: #fffaf4;
    padding: 0 12px 12px;
    overflow: hidden !important;}
.mobile-rfq-more > summary{min-height: 44px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #551a0d;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    overflow-wrap: anywhere;}
.mobile-rfq-more .form-group{margin-top: 12px;}
.form-consent{display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-top: 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;}
.form-consent input{width: 18px !important;
    height: 18px !important;
    margin: 1px 0 0 !important;}
.form-consent span{display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;}
.submit-btn{width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    gap: 8px !important;
    border-radius: 999px !important;
    white-space: normal !important;
    overflow: hidden !important;}
.submit-btn span{min-width: 0 !important;
    max-width: 100% !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;}
.submit-btn span::after{content: "Submit RFQ";
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    white-space: nowrap;}
.side-column{position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;}
.procurement-flow-card{padding: 16px !important;}
.flow-steps{display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 1fr);
    overflow-x: auto;
    gap: 10px !important;
    scroll-snap-type: x mandatory;}
.flow-step-item{display: block !important;
    min-height: 96px;
    padding: 12px;
    border: 1px solid rgba(85, 26, 12, 0.12);
    border-radius: 12px;
    background: #fff;
    scroll-snap-align: start;}
.flow-step-dot{width: 24px !important;
    height: 24px !important;
    margin-bottom: 8px;}
.flow-step-text p{display: none !important;}}
@media (max-width: 900px){.stats-strip{padding: 28px 16px 30px !important;
    background-size: cover !important;
    background-position: center !important;}
.principles-header{margin-bottom: 18px !important;}
.principles-eyebrow{gap: 10px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.18em !important;}
.principles-eyebrow::before,.principles-eyebrow::after{width: 26px !important;}
.principles-title{font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
    line-height: 1.08 !important;}
.stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 10px !important;}
.stat-item{min-height: 0 !important;
    padding: 8px 4px 12px !important;}
.stat-num{display: none !important;}
.stat-label{margin-bottom: 14px !important;
    font-size: clamp(0.95rem, 4.4vw, 1.1rem) !important;}
.stat-copy{font-size: 0.78rem !important;
    line-height: 1.38 !important;}}
@media (max-width: 900px){.hero-stats-floating{display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 560px);
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 18px !important;}
.hero-stat-sep{display: none !important;}
.hero-stat-item{justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid rgba(200, 157, 92, 0.22);
    border-radius: 12px;
    background: rgba(255, 250, 244, 0.76);
    text-align: center;
    font-size: 0.68rem !important;
    line-height: 1.25;}}
@media (max-width: 430px){.hero-stats-floating{grid-template-columns: 1fr;}}
:where(body.ml-atelier) *,:where(body.ml-atelier) *::before,:where(body.ml-atelier) *::after{box-sizing:border-box}
.bi{display:inline-block;font-family:system-ui,sans-serif!important;font-style:normal;line-height:1;vertical-align:middle}
.bi::before{content:"◇"}
.bi-arrow-right::before,.bi-arrow-right-short::before{content:"→"}
.bi-arrow-up-right::before{content:"↗"}
.bi-arrow-left::before{content:"←"}
.bi-chevron-down::before{content:"⌄"}
.bi-chevron-left::before{content:"‹"}
.bi-chevron-right::before{content:"›"}
.bi-check::before,.bi-check2::before,.bi-check-circle::before,.bi-check-circle-fill::before{content:"✓"}
.bi-x::before,.bi-x-lg::before{content:"×"}
.bi-list::before{content:"☰"}
.bi-search::before{content:"⌕"}
.bi-envelope::before,.bi-envelope-fill::before{content:"✉"}
.bi-telephone::before,.bi-telephone-fill::before{content:"☎"}
.bi-star::before,.bi-star-fill::before{content:"★"}
.bi-heart::before,.bi-heart-fill::before{content:"♡"}
.bi-plus::before{content:"+"}
.bi-dash::before{content:"−"}
.bi-play-fill::before{content:"▶"}
.bi-pause-fill::before{content:"Ⅱ"}
.bi-geo-alt::before,.bi-geo-alt-fill::before{content:"⌖"}
.bi-whatsapp::before{content:"◉"}
.bi-instagram::before{content:"◎"}
.bi-facebook::before{content:"f"}
.bi-linkedin::before{content:"in"}