:root {
    --mmp-store-color-bg: #ffffff;
    --mmp-store-color-bg-strong: #f5f5f5;
    --mmp-store-color-surface: #ffffff;
    --mmp-store-color-surface-alt: #fafafa;
    --mmp-store-color-panel: #ededed;
    --mmp-store-color-panel-dark: #111111;
    --mmp-store-color-ink: #111111;
    --mmp-store-color-ink-soft: #2f2f2f;
    --mmp-store-color-muted: #666666;
    --mmp-store-color-line: rgba(17, 17, 17, 0.09);
    --mmp-store-color-line-strong: rgba(17, 17, 17, 0.16);
    --mmp-store-color-primary: #111111;
    --mmp-store-color-primary-strong: #000000;
    --mmp-store-color-secondary: #444444;
    --mmp-store-color-secondary-soft: #e5e5e5;
    --mmp-store-color-success: #111111;
    --mmp-store-color-danger: #444444;
    --mmp-store-font-display: "DM Serif Display", serif;
    --mmp-store-font-body: "Plus Jakarta Sans", sans-serif;
    --mmp-store-font-ui: "Plus Jakarta Sans", sans-serif;
    --mmp-store-radius-xs: 8px;
    --mmp-store-radius-sm: 14px;
    --mmp-store-radius-md: 20px;
    --mmp-store-radius-lg: 28px;
    --mmp-store-radius-xl: 38px;
    --mmp-store-space-0: 0;
    --mmp-store-space-1: 4px;
    --mmp-store-space-2: 8px;
    --mmp-store-space-3: 12px;
    --mmp-store-space-4: 16px;
    --mmp-store-space-5: 24px;
    --mmp-store-space-6: 32px;
    --mmp-store-space-7: 44px;
    --mmp-store-space-8: 56px;
    --mmp-store-space-9: 72px;
    --mmp-store-space-10: 96px;
    --mmp-icon-size-xs: 8px;
    --mmp-icon-size-sm: 10px;
    --mmp-icon-size-md: 12px;
    --mmp-icon-size-lg: 14px;
    --mmp-icon-size-xl: 16px;
    --mmp-store-shadow-xs: 0 2px 10px rgba(9, 9, 9, 0.06);
    --mmp-store-shadow-sm: 0 12px 24px rgba(8, 8, 8, 0.08);
    --mmp-store-shadow-md: 0 22px 52px rgba(8, 8, 8, 0.13);
    --mmp-store-shadow-lg: 0 34px 70px rgba(8, 8, 8, 0.2);
    --mmp-store-duration-fast: 140ms;
    --mmp-store-duration-base: 220ms;
    --mmp-store-duration-slow: 360ms;
    --mmp-store-ease: cubic-bezier(.2,.75,.2,1);
    --mmp-store-container: min(1280px, calc(100vw - 40px));
    --mmp-store-container-wide: min(1440px, calc(100vw - 40px));
    --mmp-store-content-narrow: min(720px, 100%);
    --mmp-store-content-medium: min(860px, 100%);
    --mmp-store-content-wide: min(1120px, 100%);
    --mmp-store-field-height: 50px;
    --mmp-store-card-padding: clamp(18px, 2.4vw, 28px);
    --mmp-store-focus-ring: 0 0 0 3px rgba(17, 17, 17, 0.16);
    --mmp-store-control-radius: 18px;
    --mmp-store-control-height: var(--mmp-store-field-height);
    --mmp-store-control-padding: 0 16px;
    --mmp-store-card-radius: 26px;
    --mmp-store-card-radius-soft: 22px;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    font-family: var(--mmp-store-font-body);
    color: var(--mmp-store-color-ink);
    background:
        radial-gradient(circle at 14% 0%, rgba(17, 17, 17, 0.06), transparent 28%),
        radial-gradient(circle at 96% 18%, rgba(17, 17, 17, 0.04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
    line-height: 1.58;
}

body.no-scroll {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

.mmp-store-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mmp-icon-size-md);
    height: var(--mmp-icon-size-md);
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    line-height: 1;
    vertical-align: middle;
    overflow: visible;
    max-width: none;
    max-height: none;
    font-size: var(--mmp-icon-size-md);
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
    color: currentColor;
}

/* Default downscale unless a component opts into a larger slot. */
.mmp-store-icon:not([class*="--size-"]) {
    width: var(--mmp-icon-size-sm);
    height: var(--mmp-icon-size-sm);
    font-size: var(--mmp-icon-size-sm);
}

.mmp-store-icon--solid,
.mmp-store-icon--filled {
    fill: none;
    stroke: currentColor;
}

.mmp-store-icon--size-xs {
    width: var(--mmp-icon-size-xs);
    height: var(--mmp-icon-size-xs);
    font-size: var(--mmp-icon-size-xs);
}

.mmp-store-icon--size-sm {
    width: var(--mmp-icon-size-sm);
    height: var(--mmp-icon-size-sm);
    font-size: var(--mmp-icon-size-sm);
}

.mmp-store-icon--size-md {
    width: var(--mmp-icon-size-md);
    height: var(--mmp-icon-size-md);
    font-size: var(--mmp-icon-size-md);
}

.mmp-store-icon--size-lg {
    width: var(--mmp-icon-size-lg);
    height: var(--mmp-icon-size-lg);
    font-size: var(--mmp-icon-size-lg);
}

.mmp-store-icon--size-xl {
    width: var(--mmp-icon-size-xl);
    height: var(--mmp-icon-size-xl);
    font-size: var(--mmp-icon-size-xl);
}

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

button,
input,
select,
textarea {
    font: inherit;
}

button {
    color: inherit;
}

:focus-visible {
    outline: none;
    box-shadow: var(--mmp-store-focus-ring);
}

.shell {
    width: var(--mmp-store-container);
    margin-inline: auto;
}

.content-card {
    border-radius: var(--mmp-store-card-radius);
    border: 1px solid var(--mmp-store-color-line);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--mmp-store-shadow-sm);
}

.eyebrow {
    display: none !important;
}

.hero-copy h1,
.hero-editorial-card h2,
.newsletter-grid h2,
.arabian-content h2,
.mmp-free-shipping__title,
.mmp-account-dashboard__hero h2,
.mmp-checkout-summary__head h2,
.mmp-cart-summary__head h2 {
    margin: var(--mmp-store-space-2) 0 0;
    font-family: var(--mmp-store-font-display);
    line-height: 0.94;
    letter-spacing: -0.04em;
}

.hero-copy p,
.hero-editorial-card p,
.arabian-content p,
.newsletter-grid p {
    margin: 0;
    max-width: 68ch;
    color: var(--mmp-store-color-ink-soft);
    line-height: 1.62;
}

.badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.badge--soft {
    border: 1px solid var(--mmp-store-color-line);
    background: rgba(255, 255, 255, 0.72);
    color: var(--mmp-store-color-muted);
}

.badge--dark {
    background: rgba(17, 17, 17, 0.92);
    color: #fff;
}

.button-primary,
.button-secondary,
.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.icon-link,
.mobile-menu-toggle,
.searchform button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    transition:
        transform var(--mmp-store-duration-base) var(--mmp-store-ease),
        background var(--mmp-store-duration-base) var(--mmp-store-ease),
        color var(--mmp-store-duration-base) var(--mmp-store-ease),
        border-color var(--mmp-store-duration-base) var(--mmp-store-ease),
        box-shadow var(--mmp-store-duration-base) var(--mmp-store-ease);
}

.button-primary,
.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button {
    background: var(--mmp-store-color-primary);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.12);
}

.button-secondary,
.icon-link,
.mobile-menu-toggle,
.searchform button {
    background: rgba(255, 255, 255, 0.92);
    border-color: var(--mmp-store-color-line);
    color: var(--mmp-store-color-ink);
}

.button-primary:hover,
.button-secondary:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.icon-link:hover,
.mobile-menu-toggle:hover,
.searchform button:hover {
    transform: translateY(-1px);
}

.button-primary:active,
.button-secondary:active,
.single_add_to_cart_button:active,
.woocommerce a.button:active,
.woocommerce button.button:active {
    transform: translateY(0);
}

.button-primary--small,
.button-secondary--small {
    min-height: 38px;
    padding: 0 14px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea {
    border-radius: var(--mmp-store-control-radius);
    background: rgba(255, 255, 255, 0.96);
}

textarea {
    min-height: 150px;
    padding-top: 14px;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    padding: 14px 16px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.05);
}

.site-content {
    overflow: clip;
}

:root {
    --mmp-store-gutter: clamp(12px, 4vw, 20px);
    --mmp-store-container: min(1280px, calc(100vw - (var(--mmp-store-gutter) * 2)));
    --mmp-store-container-wide: min(1440px, calc(100vw - (var(--mmp-store-gutter) * 2)));
}