body.bmk-storefront-ds {
    --sf-brand: #8dcdb9;
    --sf-active: #171717;
    --sf-active-ink: #fff;
    --sf-active-hover: #303030;
    --sf-ink: #171717;
    --sf-bg: #fff;
    --sf-surface: #fff;
    --sf-subtle: #f5f5f5;
    --sf-line: #e5e5e5;
    --sf-muted: #525252;
    --sf-focus: var(--sf-brand);
    --sf-focus-ring: 2px solid var(--sf-focus);
    --sf-sale: #a12338;
    --sf-success: var(--sf-ink);
    --sf-warning: #8e4d13;
    --sf-error: #a92c35;
    --sf-info: #225fa5;
    --sf-control-radius: 10px;
    --sf-card-radius: 16px;
    --sf-control-height: 44px;
    --sf-text-small: 12px;
    --sf-text-body: 14px;
    --sf-heading-page: clamp(23px, 2.3vw, 30px);
    --sf-heading-section: clamp(19px, 1.7vw, 24px);
    --sf-shadow: 0 12px 36px rgb(0 0 0 / .10);
    --bmk-mint: var(--sf-subtle);
    --bmk-mint-soft: var(--sf-subtle);
    --bmk-mint-dark: var(--sf-muted);
    --bmk-soft: var(--sf-subtle);
    --bmk-ink: var(--sf-ink);
    --bmk-muted: var(--sf-muted);
    --bmk-line: var(--sf-line);
    color: var(--sf-ink);
    background: var(--sf-bg);
}

.bmk-storefront-ds :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    outline: var(--sf-focus-ring) !important;
    outline-offset: 1px;
}

.bmk-storefront-ds :is(.bmk-btn, .bmk-qv-add, .bmk-p9-primary, .bmk-p9-secondary, .bmk-search-go, .bmk-news-form button, .bmk-related-discover-link) {
    min-height: var(--sf-control-height);
    border-radius: var(--sf-control-radius);
    font-weight: 700;
    line-height: 1.35;
}

.bmk-storefront-ds :is(.bmk-btn-primary, .bmk-btn-mint, .bmk-qv-add, .bmk-p9-primary, .bmk-search-go, .bmk-search-all, .bmk-news-form button, .bmk-related-discover-link):not(:disabled):not([aria-disabled="true"]) {
    color: var(--sf-active-ink);
    background: var(--sf-active);
    border-color: var(--sf-active);
}

.bmk-storefront-ds :is(.bmk-btn-primary, .bmk-btn-mint, .bmk-qv-add, .bmk-p9-primary, .bmk-search-go, .bmk-search-all, .bmk-news-form button, .bmk-related-discover-link):not(:disabled):not([aria-disabled="true"]):hover {
    color: var(--sf-active-ink);
    background: var(--sf-active-hover);
    border-color: var(--sf-active-hover);
}

.bmk-storefront-ds :is(.bmk-btn-outline, .bmk-p9-secondary):not(:disabled):not([aria-disabled="true"]) {
    color: var(--sf-ink);
    background: var(--sf-surface);
    border-color: var(--sf-line);
}

.bmk-storefront-ds :is(.bmk-btn-outline, .bmk-p9-secondary):not(:disabled):not([aria-disabled="true"]):hover {
    background: var(--sf-subtle);
    border-color: var(--sf-muted);
}

.bmk-storefront-ds :is(.bmk-btn, .bmk-qv-add, .bmk-p9-primary, .bmk-search-go):is(:disabled, [aria-disabled="true"]) {
    cursor: not-allowed;
    color: var(--sf-muted);
    background: var(--sf-subtle);
    border-color: var(--sf-line);
}

.bmk-storefront-ds :is(.bmk-drawer, .bmk-quickview-card) {
    color: var(--sf-ink);
    background: var(--sf-surface);
}

.bmk-storefront-ds .bmk-drawer {
    box-shadow: var(--sf-shadow);
}

.bmk-storefront-ds .bmk-drawer-head {
    border-color: var(--sf-line);
}

.bmk-storefront-ds :is(.bmk-drawer-head .bmk-icon-btn, .bmk-quickview-close) {
    display: inline-grid;
    place-items: center;
    min-width: var(--sf-control-height);
    min-height: var(--sf-control-height);
    border: 1px solid var(--sf-line);
    border-radius: var(--sf-control-radius);
    color: var(--sf-ink);
    background: var(--sf-surface);
    box-shadow: none;
}

.bmk-storefront-ds :is(.bmk-drawer-head .bmk-icon-btn, .bmk-quickview-close):hover {
    background: var(--sf-subtle);
}

.bmk-storefront-ds :is(.bmk-drawer, .bmk-profile-login, .bmk-checkout-preview) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
    border-color: var(--sf-line);
    border-radius: var(--sf-control-radius);
    color: var(--sf-ink);
}

.bmk-storefront-ds :is(.bmk-drawer, .bmk-profile-login, .bmk-checkout-preview, .bmk-p9-email-card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
    border-color: var(--sf-line);
    outline: var(--sf-focus-ring) !important;
    outline-offset: -1px;
    box-shadow: none;
}

.bmk-storefront-ds :is(.bmk-drawer[data-drawer="search"] .bmk-search-compact, .bmk-search-large-form, .bmk-account-phone-row) {
    border-color: var(--sf-line);
    border-radius: var(--sf-control-radius);
    background: var(--sf-surface);
}

.bmk-storefront-ds :is(.bmk-search-compact, .bmk-search-large-form):focus-within {
    border-color: var(--sf-line);
    box-shadow: none;
}

/* A composite field draws its ring around the group while the text input is focused. */
@supports selector(:has(input:focus)) {
    .bmk-storefront-ds :is(.bmk-search-compact, .bmk-search-large-form, .bmk-account-phone-row, .bmk-news-form):has(input:focus) {
        outline: var(--sf-focus-ring) !important;
        outline-offset: -1px;
    }

    .bmk-storefront-ds :is(.bmk-drawer[data-drawer="search"] .bmk-search-compact, .bmk-search-large-form, .bmk-account-phone-row, .bmk-news-form) input:not([type="file"]):focus {
        border-color: transparent;
        outline: none !important;
        box-shadow: none !important;
    }
}

.bmk-storefront-ds :is(.bmk-drawer[data-drawer="search"] .bmk-search-compact, .bmk-search-large-form) input::placeholder {
    color: var(--sf-muted);
}

/* The original mobile drawer uses important declarations for these controls. */
.bmk-storefront-ds :is(.bmk-drawer .bmk-search-compact, .bmk-search-large-form) .bmk-search-camera {
    color: var(--sf-ink) !important;
    background: var(--sf-subtle) !important;
    box-shadow: none !important;
}

.bmk-storefront-ds :is(.bmk-drawer .bmk-search-compact, .bmk-search-large-form) .bmk-search-camera:hover,
.bmk-storefront-ds .bmk-search-compact .bmk-search-text-submit:hover {
    background: var(--sf-line) !important;
}

.bmk-storefront-ds :is(.bmk-search-no-results, .bmk-search-upload-status:not(.is-error)) {
    color: var(--sf-ink);
    background: var(--sf-subtle);
    border-color: var(--sf-line);
}

.bmk-storefront-ds :is(.bmk-search-page-eyebrow, .bmk-search-list-heading span, .bmk-search-results > p) {
    color: var(--sf-muted);
}

.bmk-storefront-ds :is(.bmk-search-no-results p, .bmk-search-leading-icon, .bmk-brand-collection-heading) {
    color: var(--sf-muted);
}

.bmk-storefront-ds .bmk-drawer[data-drawer="search"] :is(.bmk-drawer-head .bmk-icon-btn, .bmk-search-suggestions button) {
    border-color: var(--sf-line) !important;
    border-radius: var(--sf-control-radius) !important;
    color: var(--sf-ink) !important;
    background: var(--sf-subtle) !important;
}

.bmk-storefront-ds .bmk-drawer[data-drawer="search"] :is(.bmk-drawer-head .bmk-icon-btn, .bmk-search-suggestions button):hover {
    background: var(--sf-line) !important;
}

.bmk-storefront-ds :is(.bmk-search-suggestions, .bmk-search-list-heading) {
    border-color: var(--sf-line);
}

.bmk-storefront-ds .bmk-visual-search-loading .bmk-page-loading-spinner {
    border-color: var(--sf-line);
    border-top-color: var(--sf-focus);
}

.bmk-storefront-ds :is(.bmk-visual-search-loading .bmk-page-loading-inner, .bmk-visual-search-preview-frame) {
    border-color: var(--sf-line);
}

.bmk-storefront-ds :is(.bmk-product-title a, .bmk-detail-brand-link):hover {
    color: var(--sf-ink);
    text-decoration: underline;
    text-decoration-color: var(--sf-brand);
}

.bmk-storefront-ds .bmk-product-page .bmk-related-discover-link:hover {
    text-decoration: none;
    transform: none;
}

.bmk-storefront-ds .bmk-badge-mint {
    color: var(--sf-ink);
    background: var(--sf-subtle);
}

.bmk-storefront-ds .bmk-infinite-retry:is(:hover, :focus-visible) {
    background: var(--sf-subtle);
}

.bmk-storefront-ds :is(.bmk-brand-ribbon, .bmk-newsletter, .bmk-value-icon) {
    color: var(--sf-ink);
    background: var(--sf-subtle);
}

.bmk-storefront-ds .bmk-section-title {
    font-size: var(--sf-heading-section);
    font-weight: 700;
    line-height: 1.35;
}

.bmk-storefront-ds :is(.bmk-section-sub, .bmk-value-title) {
    font-size: var(--sf-text-body);
}

.bmk-storefront-ds .bmk-footer {
    color: var(--sf-active-ink);
    background: var(--sf-active);
}

.bmk-storefront-ds :is(.bmk-footer-about, .bmk-footer-links, .bmk-footer-links a) {
    color: #d4d4d4;
    font-size: 13px;
}

.bmk-storefront-ds .bmk-footer-title {
    font-size: var(--sf-text-body);
}

.bmk-storefront-ds .bmk-footer-bottom {
    color: #bdbdbd;
    font-size: var(--sf-text-small);
}

.bmk-storefront-ds .bmk-footer-links a:hover {
    color: var(--sf-brand);
}

.bmk-storefront-ds .bmk-newsletter {
    padding-block: clamp(24px, 3vw, 38px);
    border-block-start: 1px solid var(--sf-line);
}

.bmk-storefront-ds .bmk-newsletter-inner {
    gap: clamp(16px, 3vw, 38px);
}

.bmk-storefront-ds .bmk-newsletter h2 {
    margin-block: 0 5px;
    font-size: var(--sf-heading-section);
    font-weight: 700;
    line-height: 1.35;
}

.bmk-storefront-ds .bmk-newsletter p {
    color: var(--sf-muted);
    font-size: var(--sf-text-body);
}

.bmk-storefront-ds .bmk-news-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    height: auto;
    min-height: var(--sf-control-height);
    border: 1px solid var(--sf-line);
    border-radius: var(--sf-control-radius);
    background: var(--sf-surface);
}

.bmk-storefront-ds .bmk-news-form input {
    min-width: 0;
    padding-inline: 14px;
    border: 0;
    border-start-start-radius: calc(var(--sf-control-radius) - 1px);
    border-end-start-radius: calc(var(--sf-control-radius) - 1px);
    color: var(--sf-ink);
    background: transparent;
    font-size: var(--sf-text-body);
}

.bmk-storefront-ds .bmk-news-form button {
    margin-block: -1px;
    margin-inline-end: -1px;
    padding-inline: 18px;
    border: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    font-size: var(--sf-text-body);
}

.bmk-storefront-ds .bmk-custom-menu-panel {
    border: 1px solid var(--sf-line);
    border-radius: var(--sf-control-radius);
    box-shadow: var(--sf-shadow);
}

.bmk-storefront-ds .bmk-custom-menu-option:is(:hover, .is-selected) {
    color: var(--sf-ink);
    background: var(--sf-subtle);
}

.bmk-storefront-ds .bmk-custom-menu-option.is-selected {
    font-weight: 800;
}

.bmk-storefront-ds .bmk-drawer :is(.bmk-filter-body, .bmk-filter-group) {
    border-color: var(--sf-line);
}

.bmk-storefront-ds .bmk-drawer input:is([type="checkbox"], [type="radio"]) {
    accent-color: var(--sf-active);
}

.bmk-storefront-ds :is([data-cart-summary-footer], [data-cart-empty-footer])[hidden] {
    display: none;
}

.bmk-storefront-ds .bmk-drawer .bmk-filter-actions {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 8px;
}

.bmk-storefront-ds .bmk-filter-count {
    display: inline-grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    padding-inline: 4px;
    border-radius: 12px;
    background: var(--sf-active);
    color: var(--sf-active-ink);
    font-size: 12px;
}

.bmk-storefront-ds .bmk-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 0 12px;
}

.bmk-storefront-ds .bmk-active-filters a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    gap: 10px;
    padding-inline: 12px;
    border: 1px solid var(--sf-line);
    border-radius: var(--sf-control-radius);
    background: var(--sf-subtle);
    color: var(--sf-ink);
    font-size: 13px;
}

.bmk-storefront-ds .bmk-empty .bmk-btn {
    display: flex;
    width: fit-content;
    margin: 12px auto 0;
}

.bmk-storefront-ds .bmk-hero-category-copy {
    position: absolute;
    inset-inline-start: clamp(18px, 6vw, 90px);
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    justify-items: start;
    gap: 12px;
    max-width: 45%;
    text-align: start;
    color: var(--sf-ink);
}

.bmk-storefront-ds .bmk-clean-hero-slide.bmk-clean-hero-category {
    position: relative;
    background: var(--sf-subtle);
}

.bmk-storefront-ds .bmk-clean-hero-category img {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 46%;
    width: 54%;
    max-width: 54%;
    height: 100%;
    object-fit: contain;
}

.bmk-storefront-ds .bmk-hero-category-copy strong {
    font-size: clamp(19px, 3vw, 38px);
    font-weight: 700;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .bmk-storefront-ds .bmk-news-form input {
        font-size: 16px;
    }

    .bmk-storefront-ds .bmk-drawer[data-drawer="search"] .bmk-search-compact :is(.bmk-search-camera, .bmk-search-text-submit) {
        flex-basis: var(--sf-control-height);
        min-width: var(--sf-control-height) !important;
        min-height: var(--sf-control-height);
    }

    .bmk-storefront-ds .bmk-hero-category-copy {
        inset-inline-start: 12px;
        max-width: 47%;
    }

    .bmk-storefront-ds .bmk-hero-category-copy .bmk-btn {
        padding-inline: 10px;
        font-size: 12px;
    }

    .bmk-storefront-ds .bmk-mobile-toolbar {
        border-block-start: 1px solid var(--sf-line);
        color: var(--sf-ink);
        background: var(--sf-surface);
        box-shadow: 0 -5px 24px rgb(0 0 0 / .06);
    }

    .bmk-storefront-ds .bmk-mobile-toolbar :is(button, a) {
        min-height: var(--sf-control-height);
        color: var(--sf-ink);
    }

    .bmk-storefront-ds .bmk-mobile-toolbar [aria-current="page"] {
        color: var(--sf-ink);
        font-weight: 800;
    }
}

/* Country and language menu layout */
.bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-panel {
    overflow-x: hidden;
    overflow-y: auto;
    white-space: normal;
}

html[dir="rtl"] .bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-panel {
    direction: rtl;
}

.bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-title {
    color: var(--sf-muted);
    text-align: start;
}

.bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-option {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 1.25rem;
    gap: .625rem;
    padding-inline: 1rem;
    line-height: 1.45;
    white-space: normal;
}

.bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-option > span:nth-child(2) {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-option > img {
    inline-size: 2rem;
    block-size: 1.375rem;
    border-radius: 3px;
}

.bmk-storefront-ds .bmk-utility-locales .bmk-menu-check {
    inline-size: .75rem;
    block-size: .45rem;
    justify-self: center;
    margin: 0;
    color: var(--sf-ink);
    border-block-end: 2px solid currentColor;
    border-inline-start: 2px solid currentColor;
    direction: ltr;
    transform: rotate(-45deg) translateY(-.12rem);
    font-size: 0;
}

@media (min-width: 768px) {
    .bmk-storefront-ds .bmk-utility-locales .bmk-custom-menu-panel {
        inline-size: min(19rem, calc(100vw - 2rem));
        max-block-size: min(25rem, 55vh);
    }
}

.bmk-storefront-ds .bmk-brand-lock.is-en .bmk-brand-text {
    text-transform: none;
}