@font-face { font-family: 'Bodoni Moda'; font-style: italic; font-weight: 400 500; font-display: swap; src: url('./assets/3fac62d55a70.woff2') format('woff2'); }
@font-face { font-family: 'Bodoni Moda'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('./assets/fe710b15e2ac.woff2') format('woff2'); }
@font-face { font-family: Jost; font-style: normal; font-weight: 300 600; font-display: swap; src: url('./assets/235d8f8964bf.woff2') format('woff2'); }
html { scroll-behavior: smooth; }
body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
button, input, textarea { font: inherit; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #C9974A; outline-offset: 5px; }
section[id] { scroll-margin-top: 110px; }
.demo-return { display: block; padding: 10px 24px; background: #F1EBE1; color: #5B1F1A; font: 500 12px/1.5 Jost, sans-serif; letter-spacing: .08em; text-decoration: none; }
.mo-root { width: 100%; }
.mo-root svg { max-width: 100%; }
.mo-root h1 { font-size: clamp(70px, 9vw, 140px); }
@media (max-width: 640px) {
 .mo-root header nav { justify-content: center !important; }
 .mo-root header nav > div { flex: 1 1 100% !important; justify-content: center; gap: 16px !important; }
 .mo-root header nav > a { order: -1; width: 100%; }
 .mo-root section > div { padding-top: 64px !important; padding-bottom: 64px !important; gap: 32px !important; }
 .mo-root form > div { grid-template-columns: 1fr !important; }
 .mo-root #bespoke form { gap: 20px !important; }
 .mo-root #bespoke > div > div:last-child { padding: 24px !important; }
 .mo-root h1 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 640px) {
 .mo-product-gallery { flex-direction: column-reverse; }
 .mo-product-gallery > div:first-child { flex-direction: row !important; flex-wrap: wrap; }
 .mo-product-gallery > div:last-child { flex: none !important; width: 100%; height: 480px !important; }
 .mo-root footer form { flex-wrap: wrap; }
}

@font-face { font-family: 'Maison Arabic'; font-style: normal; font-weight: 300; font-display: swap; src: url('./assets/arabic-300.woff2') format('woff2'); }
@font-face { font-family: 'Maison Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('./assets/arabic-400.woff2') format('woff2'); }
@font-face { font-family: 'Maison Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('./assets/arabic-500.woff2') format('woff2'); }
@font-face { font-family: 'Maison Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('./assets/arabic-600.woff2') format('woff2'); }
html[lang="ar"] body,
html[lang="ar"] .demo-return,
html[lang="ar"] .mo-root,
html[lang="ar"] .mo-root * {
 font-family: 'Maison Arabic', Tahoma, sans-serif !important;
 letter-spacing: normal !important;
}
html[lang="ar"] .mo-root h1,
html[lang="ar"] .mo-root h1 span { line-height: 1.35 !important; }
html[lang="ar"] .mo-root h2,
html[lang="ar"] .mo-root h3 { line-height: 1.5 !important; }
html[lang="ar"] .mo-root em { font-style: normal; }
html[lang="ar"] .mo-root [style*="text-align: left"] { text-align: right !important; }
html[lang="ar"] .mo-root p { line-height: 1.9 !important; }
html[lang="ar"] .mo-root .mo-row:hover { padding-left: 0; padding-right: 14px; }
html[lang="ar"] .mo-root text { direction: rtl; unicode-bidi: plaintext; }
html[lang="ar"] .mo-root input[dir="ltr"] { text-align: right; }
html[lang="ar"] .mo-root #top h1 span:last-child { font-size: clamp(90px, 12vw, 180px) !important; margin-left: 0 !important; }