.spb-public-page {
    --spb-content-width: 1320px;
    --spb-section-gap: 10px;
    --spb-section-gap-mobile: 8px;
    --spb-radius: 16px;
    --spb-default-title-size: 16px;
    --spb-default-title-size-mobile: 15px;
    --spb-default-subtitle-size: 14px;
    --spb-default-subtitle-size-mobile: 14px;
    --spb-page-background: var(--theme-background, #f6f8fc);
    --spb-page-text: var(--theme-text, #1a1a1a);
    --spb-page-primary: var(--theme-primary, #334681);
    --spb-page-secondary: var(--theme-secondary, #ff7a00);
    min-height: 100vh;
    margin: 0;
    color: var(--spb-page-text) !important;
    background: var(--spb-page-background) !important;
}

.spb-public-page *,
.spb-public-page *::before,
.spb-public-page *::after {
    box-sizing: border-box;
}

.spb-public-main {
    display: flex;
    flex-direction: column;
    gap: var(--spb-section-gap);
    min-height: 50vh;
    overflow: clip;
}

.spb-public-container {
    width: min(calc(100% - 32px), var(--spb-content-width));
    margin-inline: auto;
}

.spb-public-section {
    --spb-section-background: transparent;
    --spb-section-text: inherit;
    --spb-inner-padding-top: 0px;
    --spb-inner-padding-right: 0px;
    --spb-inner-padding-bottom: 0px;
    --spb-inner-padding-left: 0px;
    --spb-section-margin-top: 0px;
    --spb-section-margin-bottom: 0px;
    --spb-section-min-height: 0px;
    --spb-section-min-height-mobile: var(--spb-section-min-height);
    --spb-section-radius: 0px;
    --spb-section-border-width: 0px;
    --spb-section-border-color: var(--theme-border, #e5e7eb);
    --spb-section-shadow: none;
    --spb-element-radius: min(var(--spb-radius), 16px);
    --spb-inner-background: var(--theme-surface, #ffffff);
    width: 100%;
    min-height: var(--spb-section-min-height);
    color: var(--spb-section-text) !important;
    background-color: var(--spb-section-background) !important;
    margin-top: var(--spb-section-margin-top);
    margin-bottom: var(--spb-section-margin-bottom);
    border: var(--spb-section-border-width) solid var(--spb-section-border-color);
    border-radius: var(--spb-section-radius);
    box-shadow: var(--spb-section-shadow);
}

.spb-public-section > .spb-public-container {
    padding-top: var(--spb-inner-padding-top);
    padding-right: var(--spb-inner-padding-right);
    padding-bottom: var(--spb-inner-padding-bottom);
    padding-left: var(--spb-inner-padding-left);
}

.spb-public-section.has-custom-inner-background > .spb-public-container {
    background-color: var(--spb-inner-background) !important;
    border-radius: min(var(--spb-element-radius), 18px);
}

.spb-public-section.has-custom-title-size .spb-public-section-heading h2,
.spb-public-section.has-custom-title-size .spb-public-storefront-category-header h2,
.spb-public-section.has-custom-title-size .spb-public-hero-content h1,
.spb-public-section.has-custom-title-size .spb-public-hero-content h2,
.spb-public-section.has-custom-title-size .spb-public-image-text-content h2,
.spb-public-section.has-custom-title-size .spb-public-contact-card h2,
.spb-public-section.has-custom-title-size .spb-public-text-primary,
.spb-public-section.has-custom-title-size .spb-public-marquee-track span,
.spb-public-section.has-custom-title-size .spb-public-footer-title {
    font-size: var(--spb-section-title-size) !important;
}

.spb-public-section.has-custom-subtitle-size .spb-public-section-heading p,
.spb-public-section.has-custom-subtitle-size .spb-public-storefront-category-header p,
.spb-public-section.has-custom-subtitle-size .spb-public-hero-text,
.spb-public-section.has-custom-subtitle-size .spb-public-image-text-content > p:not(.spb-public-eyebrow),
.spb-public-section.has-custom-subtitle-size .spb-public-contact-description,
.spb-public-section.has-custom-subtitle-size .spb-public-text-secondary,
.spb-public-section.has-custom-subtitle-size .spb-public-footer-description {
    font-size: var(--spb-section-subtitle-size) !important;
}

.spb-public-section.is-full-width > .spb-public-container {
    width: 100%;
    max-width: none;
}

.spb-public-section.has-custom-text .spb-public-section-heading h2,
.spb-public-section.has-custom-text .spb-public-section-heading p,
.spb-public-section.has-custom-text .spb-public-section-heading > a,
.spb-public-section.has-custom-text .spb-public-storefront-category-header h2,
.spb-public-section.has-custom-text .spb-public-storefront-category-header p,
.spb-public-section.has-custom-text .spb-public-storefront-category-header > a,
.spb-public-section.has-custom-text .spb-public-hero-content h1,
.spb-public-section.has-custom-text .spb-public-hero-content h2,
.spb-public-section.has-custom-text .spb-public-hero-text,
.spb-public-section.has-custom-text .spb-public-eyebrow,
.spb-public-section.has-custom-text .spb-public-category-card,
.spb-public-section.has-custom-text .spb-public-category-card h3,
.spb-public-section.has-custom-text .spb-public-category-card p,
.spb-public-section.has-custom-text .spb-public-banner strong,
.spb-public-section.has-custom-text .spb-public-text-box,
.spb-public-section.has-custom-text .spb-public-text-primary,
.spb-public-section.has-custom-text .spb-public-text-secondary,
.spb-public-section.has-custom-text .spb-public-image-text-content h2,
.spb-public-section.has-custom-text .spb-public-image-text-content > p,
.spb-public-section.has-custom-text .spb-public-benefit,
.spb-public-section.has-custom-text .spb-public-benefit h3,
.spb-public-section.has-custom-text .spb-public-benefit p,
.spb-public-section.has-custom-text .spb-public-testimonial,
.spb-public-section.has-custom-text .spb-public-testimonial blockquote,
.spb-public-section.has-custom-text .spb-public-testimonial footer strong,
.spb-public-section.has-custom-text .spb-public-testimonial footer span,
.spb-public-section.has-custom-text .spb-public-faq-item,
.spb-public-section.has-custom-text .spb-public-faq-item button,
.spb-public-section.has-custom-text .spb-public-faq-answer p,
.spb-public-section.has-custom-text .spb-public-contact-card,
.spb-public-section.has-custom-text .spb-public-contact-card h2,
.spb-public-section.has-custom-text .spb-public-contact-card p,
.spb-public-section.has-custom-text .spb-public-contact-card address,
.spb-public-section.has-custom-text.spb-public-footer h2,
.spb-public-section.has-custom-text.spb-public-footer h3,
.spb-public-section.has-custom-text.spb-public-footer p,
.spb-public-section.has-custom-text.spb-public-footer address,
.spb-public-section.has-custom-text.spb-public-footer a {
    color: var(--spb-section-text) !important;
}

.spb-visually-hidden {
    width: 1px !important;
    height: 1px !important;
    position: absolute !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.spb-public-preview-bar {
    position: sticky;
    top: 0;
    z-index: 5000;
    padding: 9px 14px;
    color: #ffffff;
    background: #243f9b;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 6px 20px rgba(20, 35, 84, 0.2);
}

.spb-public-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.spb-public-section-heading h2 {
    margin: 0;
    color: inherit;
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 900;
    line-height: 1.55;
}

.spb-public-section-heading p {
    max-width: 720px;
    margin: 5px 0 0;
    color: color-mix(in srgb, currentColor 64%, transparent);
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
    line-height: 1.95;
}

.spb-public-section-products .spb-public-section-heading {
    margin-bottom: 9px;
}

.spb-public-section-products .spb-public-section-heading p {
    margin-top: 2.5px;
}

.spb-public-section-heading > a {
    flex: 0 0 auto;
    color: var(--spb-page-primary);
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}

.spb-public-eyebrow {
    margin: 0 0 8px;
    color: var(--spb-page-secondary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.spb-public-button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: min(var(--spb-element-radius), 18px);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.spb-public-button:hover,
.spb-public-button:focus-visible {
    transform: translateY(-2px);
}

.spb-public-button.is-primary {
    color: #ffffff;
    background: var(--spb-page-primary);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--spb-page-primary) 28%, transparent);
}

.spb-public-button.is-secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.48);
    backdrop-filter: blur(9px);
}

.spb-public-section-hero {
    position: relative;
    z-index: 1;
}

.spb-public-hero-shell {
    min-height: var(--spb-hero-height, 560px);
    position: relative;
    overflow: hidden;
    background: #1d2942;
    border-radius: min(var(--spb-element-radius), 18px);
    isolation: isolate;
}

.spb-public-hero-slide {
    min-height: var(--spb-hero-height, 560px);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
}

.spb-public-hero-slide.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.spb-public-hero-slide picture,
.spb-public-hero-slide picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    display: block;
}

.spb-public-hero-slide picture img {
    object-fit: cover;
}

.spb-public-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(8, 14, 28, 0.14), rgba(8, 14, 28, calc(var(--spb-hero-overlay, 0.42) + 0.12))),
        linear-gradient(0deg, rgba(7, 12, 24, 0.28), rgba(7, 12, 24, calc(var(--spb-hero-overlay, 0.42) * 0.35)));
}

.spb-public-hero-content {
    width: min(calc(100% - 42px), var(--spb-content-width));
    position: relative;
    z-index: 3;
    margin-inline: auto;
    color: #ffffff;
    text-align: right;
}

.spb-public-hero-slide.align-center .spb-public-hero-content {
    text-align: center;
}

.spb-public-hero-slide.align-left .spb-public-hero-content {
    text-align: left;
}

.spb-public-hero-content h1,
.spb-public-hero-content h2 {
    max-width: 850px;
    margin: 0;
    color: #ffffff;
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 950;
    line-height: 1.35;
    text-wrap: balance;
    text-shadow: 0 7px 25px rgba(5, 9, 18, 0.28);
}

.spb-public-hero-slide.align-center h1,
.spb-public-hero-slide.align-center h2,
.spb-public-hero-slide.align-center .spb-public-hero-text {
    margin-inline: auto;
}

.spb-public-hero-slide.align-left h1,
.spb-public-hero-slide.align-left h2,
.spb-public-hero-slide.align-left .spb-public-hero-text {
    margin-right: auto;
}

.spb-public-hero-text {
    max-width: 670px;
    margin: 15px 0 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
    line-height: 2;
    text-shadow: 0 4px 16px rgba(5, 9, 18, 0.28);
}

.spb-public-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.spb-public-hero-slide.align-center .spb-public-hero-actions {
    justify-content: center;
}

.spb-public-hero-slide.align-left .spb-public-hero-actions {
    justify-content: flex-end;
}

.spb-public-slider-controls {
    position: absolute;
    right: 50%;
    bottom: 18px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 8px;
    background: rgba(7, 12, 24, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    backdrop-filter: blur(9px);
    transform: translateX(50%);
}

.spb-public-slider-controls > button {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #ffffff;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.spb-public-slider-dots {
    display: flex;
    align-items: center;
    gap: 5px;
}

.spb-public-slider-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: width 180ms ease, background 180ms ease;
}

.spb-public-slider-dots button.is-active {
    width: 22px;
    background: #ffffff;
}

.spb-public-section-search {
    position: relative;
    z-index: 650;
}

.spb-public-section-search.is-sticky {
    position: sticky;
    top: var(--spb-search-sticky-top, 0px);
}

.spb-public-search-panel {
    position: relative;
    padding: var(--spb-search-panel-padding, 8px);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--spb-page-primary, #334681) 10%, transparent),
            color-mix(in srgb, var(--theme-surface, #ffffff) 92%, transparent)
        );
    border: 1px solid color-mix(in srgb, var(--spb-page-primary, #334681) 10%, var(--theme-border, #e5e7eb));
    border-radius: min(var(--spb-element-radius), 16px);
    box-shadow: 0 12px 28px rgba(31, 42, 77, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.spb-public-section-search.has-custom-inner-background .spb-public-search-panel {
    background: var(--spb-inner-background) !important;
}

.store-home-search-form {
    position: relative;
    margin: 0;
}

.store-home-search-inner {
    min-height: var(--spb-search-inner-height, 44px);
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 6px;
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 13px);
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.store-home-search-inner:focus-within {
    background: var(--theme-surface, #ffffff);
    border-color: var(--spb-page-primary, #334681);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--spb-page-primary, #334681) 14%, transparent);
}

.store-home-search-icon {
    width: var(--spb-search-icon-box-size, 34px);
    height: var(--spb-search-icon-box-size, 34px);
    flex: 0 0 var(--spb-search-icon-box-size, 34px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--spb-page-primary, #334681);
    background: color-mix(in srgb, var(--spb-page-primary, #334681) 10%, var(--theme-surface, #ffffff));
    border-radius: min(var(--spb-element-radius), 13px);
    font-size: 0;
    line-height: 1;
}

.store-home-search-icon::before {
    content: "";
    width: var(--spb-search-icon-size, 18px);
    height: var(--spb-search-icon-size, 18px);
    display: block;
    background-color: currentColor;
    mask-image: url('../../img/search.png');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('../../img/search.png');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.store-home-search-input {
    width: 100%;
    min-height: calc(var(--spb-search-inner-height, 44px) - 8px);
    padding: 5px 4px;
    color: var(--theme-text, #1a1a1a);
    background: transparent;
    border: 0;
    outline: 0;
    font-family: var(--theme-font_family, sahan-vazir, sans-serif);
    font-size: var(--spb-search-input-size, 13px);
    font-weight: 700;
}

.store-home-search-input::placeholder {
    color: var(--theme-muted, #6b7280);
    font-weight: 500;
}

.store-home-search-submit {
    min-height: calc(var(--spb-search-inner-height, 44px) - 8px);
    padding: 6px 15px;
    color: #ffffff;
    background: var(--spb-page-secondary, #ff7a00);
    border: 0;
    border-radius: min(var(--spb-element-radius), 13px);
    font-family: var(--theme-font_family, sahan-vazir, sans-serif);
    font-size: var(--spb-search-submit-size, 12px);
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.store-home-search-submit:hover,
.store-home-search-submit:focus-visible {
    color: #ffffff;
    background: var(--spb-page-primary, #334681);
}

.store-home-search-preview {
    width: 100%;
    max-height: 390px;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 720;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 16px);
    box-shadow: 0 18px 44px rgba(31, 42, 77, 0.16);
}

.store-home-search-preview.is-open {
    display: block;
}

.store-home-search-preview-status {
    padding: 16px;
    color: var(--theme-muted, #6b7280);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.store-home-search-preview-list {
    display: flex;
    flex-direction: column;
}

.store-home-search-preview-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    color: var(--theme-text, #1a1a1a);
    border-bottom: 1px solid var(--theme-border, #e5e7eb);
    text-decoration: none;
    transition: background 180ms ease;
}

.store-home-search-preview-item:hover,
.store-home-search-preview-item:focus {
    color: var(--theme-text, #1a1a1a);
    background: var(--theme-background, #f6f8fc);
}

.store-home-search-preview-image {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: block;
    object-fit: cover;
    background: var(--theme-background, #f6f8fc);
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 14px);
}

.store-home-search-preview-info {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    text-align: right;
}

.store-home-search-preview-category {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    color: var(--spb-page-primary, #334681);
    background: color-mix(in srgb, var(--spb-page-primary, #334681) 9%, var(--theme-surface, #ffffff));
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-home-search-preview-title {
    max-width: 100%;
    color: var(--theme-text, #1a1a1a);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-home-search-preview-price {
    color: var(--theme-muted, #6b7280);
    font-size: 11px;
    line-height: 1.6;
}

.store-home-search-preview-action {
    padding: 11px 14px;
    color: var(--spb-page-primary, #334681);
    background: var(--theme-background, #f6f8fc);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
}

.spb-public-storefront-category-shell {
    position: relative;
    padding: 18px;
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--spb-page-secondary, #ff7a00) 5%, transparent), transparent 25%),
        radial-gradient(circle at 84% 6%, color-mix(in srgb, var(--spb-page-primary, #334681) 30%, transparent), transparent 34%),
        radial-gradient(circle at 12% 96%, color-mix(in srgb, var(--spb-page-primary, #334681) 17%, transparent), transparent 38%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--spb-page-primary, #334681) 14%, var(--theme-surface, #ffffff)),
            color-mix(in srgb, var(--spb-page-primary, #334681) 8%, var(--theme-background, #f6f8fc))
        );
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 20px);
    box-shadow: var(--theme-card_shadow, 0 10px 30px rgba(31, 42, 77, 0.06));
    overflow: hidden;
}

.spb-public-section-categories.has-custom-inner-background .spb-public-storefront-category-shell {
    background: var(--spb-inner-background) !important;
}

.spb-public-storefront-category-shell::before,
.spb-public-storefront-category-shell::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.spb-public-storefront-category-shell::before {
    top: -82px;
    left: -70px;
    width: 220px;
    height: 220px;
    background: color-mix(in srgb, var(--spb-page-primary, #334681) 8%, transparent);
}

.spb-public-storefront-category-shell::after {
    right: -76px;
    bottom: -90px;
    width: 250px;
    height: 250px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--spb-page-primary, #334681) 10%, transparent) 0 34%, transparent 35%),
        radial-gradient(circle, color-mix(in srgb, var(--theme-primary-dark, #1f2a4d) 6%, transparent) 0 58%, transparent 59%);
}

.spb-public-storefront-category-header,
.spb-public-category-grid.layout-storefront {
    position: relative;
    z-index: 1;
}

.spb-public-storefront-category-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.spb-public-storefront-category-header h2 {
    margin: 0;
    color: var(--spb-page-primary, #334681);
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 900;
    line-height: 1.8;
}

.spb-public-storefront-category-header h2 a {
    color: inherit;
    text-decoration: none;
}

.spb-public-storefront-category-header h2::before {
    content: "";
    width: 5px;
    height: 18px;
    display: inline-block;
    margin-left: 7px;
    vertical-align: -4px;
    background: var(--spb-page-secondary, #ff7a00);
    border-radius: 999px;
}

.spb-public-storefront-category-header p {
    margin: 4px 0 0;
    color: color-mix(in srgb, currentColor 64%, transparent);
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
    line-height: 1.9;
}

.spb-public-storefront-category-header > a {
    color: var(--spb-page-primary, #334681);
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.spb-public-category-grid.layout-storefront {
    gap: 18px 12px;
    justify-items: center;
}

.spb-public-category-grid.layout-storefront > .spb-public-category-card {
    flex-basis: calc((100% + 12px) / var(--spb-category-columns, 6) - 12px);
    max-width: calc((100% + 12px) / var(--spb-category-columns, 6) - 12px);
}

.spb-public-category-grid.layout-storefront .spb-public-category-card {
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    padding: 0;
    color: var(--theme-text, #1a1a1a);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    transform: none;
}

.spb-public-category-grid.layout-storefront .spb-public-category-card:hover,
.spb-public-category-grid.layout-storefront .spb-public-category-card:focus {
    color: var(--theme-text, #1a1a1a);
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
}

.spb-public-category-grid.layout-storefront .spb-public-category-card img {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    display: block;
    object-fit: cover;
    background: transparent;
    border: 0;
    border-radius: min(var(--spb-element-radius), 15px);
    box-shadow: 0 22px 38px rgba(31, 42, 77, 0.30), 0 9px 18px rgba(31, 42, 77, 0.18);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.spb-public-category-grid.layout-storefront .spb-public-category-card:hover img {
    box-shadow: 0 28px 46px rgba(31, 42, 77, 0.36), 0 13px 24px rgba(31, 42, 77, 0.22);
    transform: translateY(-3px);
}

.spb-public-category-grid.layout-storefront .spb-public-category-card > div {
    min-width: 0;
    width: 100%;
}

.spb-public-category-grid.layout-storefront .spb-public-category-card h3 {
    width: 100%;
    margin: 0;
    color: inherit;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.65;
    text-align: center;
}

.spb-public-category-grid.layout-storefront .spb-public-category-card p {
    margin: 4px 0 0;
    font-size: 10px;
    text-align: center;
}

.spb-public-category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.spb-public-category-grid > .spb-public-category-card {
    flex: 0 0 calc((100% + 14px) / var(--spb-category-columns, 4) - 14px);
    max-width: calc((100% + 14px) / var(--spb-category-columns, 4) - 14px);
}

.spb-public-category-grid.items-align-right,
.spb-public-products-grid.items-align-right,
.spb-public-banner-grid.items-align-right,
.spb-public-benefits-grid.items-align-right,
.spb-public-testimonial-grid.items-align-right {
    justify-content: flex-start;
}

.spb-public-category-grid.items-align-center,
.spb-public-products-grid.items-align-center,
.spb-public-banner-grid.items-align-center,
.spb-public-benefits-grid.items-align-center,
.spb-public-testimonial-grid.items-align-center {
    justify-content: center;
}

.spb-public-category-grid.items-align-left,
.spb-public-products-grid.items-align-left,
.spb-public-banner-grid.items-align-left,
.spb-public-benefits-grid.items-align-left,
.spb-public-testimonial-grid.items-align-left {
    justify-content: flex-end;
}

.spb-public-category-card {
    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px;
    color: inherit;
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 16px);
    box-shadow: 0 6px 18px rgba(31, 42, 77, 0.06);
    text-decoration: none;
    overflow: hidden;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.spb-public-category-card:hover {
    border-color: color-mix(in srgb, var(--spb-page-primary) 30%, var(--theme-border, #e5e7eb));
    box-shadow: 0 10px 26px rgba(31, 42, 77, 0.1);
    transform: translateY(-3px);
}

.spb-public-category-card img {
    width: 84px;
    height: 70px;
    flex: 0 0 84px;
    display: block;
    object-fit: cover;
    border-radius: min(var(--spb-element-radius), 12px);
}

.spb-public-category-card h3 {
    margin: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.7;
}

.spb-public-category-card p {
    margin: 4px 0 0;
    color: color-mix(in srgb, currentColor 62%, transparent);
    font-size: 11px;
    line-height: 1.7;
}

.spb-public-category-grid.layout-circle .spb-public-category-card {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.spb-public-category-grid.layout-circle .spb-public-category-card img {
    width: 104px;
    height: 104px;
    flex-basis: 104px;
    border-radius: 50%;
    box-shadow: 0 10px 28px rgba(31, 42, 77, 0.12);
}

.spb-public-category-grid.layout-compact .spb-public-category-card img {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
}

.spb-public-products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.spb-public-products-grid > .spb-public-product-item {
    flex: 0 0 calc((100% + 14px) / var(--spb-products-columns, 4) - 14px);
    max-width: calc((100% + 14px) / var(--spb-products-columns, 4) - 14px);
}

.spb-public-product-item,
.spb-public-product-item > .product-column,
.spb-public-product-item > .col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.spb-public-product-item > .product-column,
.spb-public-product-item > .product-column > .product-card,
.spb-public-product-item > .product-card {
    height: 100%;
}

.spb-public-section-products .product-remove-button,
.spb-public-section-products .product-add-button,
.spb-public-section-products .product-qty,
.spb-public-section-products .compact-product-hidden-actions {
    display: none !important;
}

.spb-public-section.has-custom-radius .spb-public-hero-shell,
.spb-public-section.has-custom-radius .spb-public-search-panel,
.spb-public-section.has-custom-radius .store-home-search-inner,
.spb-public-section.has-custom-radius .store-home-search-preview,
.spb-public-section.has-custom-radius .spb-public-storefront-category-shell,
.spb-public-section.has-custom-radius .spb-public-category-card,
.spb-public-section.has-custom-radius .product-card,
.spb-public-section.has-custom-radius .compact-product-card,
.spb-public-section.has-custom-radius .spb-public-banner,
.spb-public-section.has-custom-radius .spb-public-image-text,
.spb-public-section.has-custom-radius .spb-public-image-text-media,
.spb-public-section.has-custom-radius .spb-public-text-box,
.spb-public-section.has-custom-radius .spb-public-benefit,
.spb-public-section.has-custom-radius .spb-public-testimonial,
.spb-public-section.has-custom-radius .spb-public-faq-item,
.spb-public-section.has-custom-radius .spb-public-contact-card,
.spb-public-footer.has-custom-radius .spb-public-footer-enamad {
    border-radius: var(--spb-element-radius) !important;
}

.spb-public-section-products:not(.has-custom-radius) .product-card:not(.compact-product-card) {
    border-radius: 16px !important;
}

.spb-public-section-products:not(.has-custom-radius) .compact-product-card {
    border-radius: 14px !important;
}

.spb-public-section-products .product-card:not(.compact-product-card) .product-name {
    font-size: var(--theme-product_title_size, 14px) !important;
    line-height: 1.75;
}

.spb-public-section-products .product-card:not(.compact-product-card) .product-price,
.spb-public-section-products .product-card:not(.compact-product-card) .product-offprice {
    font-size: var(--theme-price_size, 14px) !important;
    line-height: 1.65;
}

.spb-public-section-products .compact-product-name {
    font-size: 12px !important;
    line-height: 1.7;
}

.spb-public-section-products .compact-product-price {
    font-size: 10px !important;
    line-height: 1.5;
}

.spb-public-section-products .compact-product-offprice,
.spb-public-section-products .compact-product-contact {
    font-size: 12px !important;
    line-height: 1.6;
}

.spb-public-product-carousel {
    position: relative;
    width: 100%;
    padding: 2px 0 34px;
}

.spb-public-product-carousel.controls-arrows,
.spb-public-product-carousel.controls-none {
    padding-bottom: 2px;
}

.spb-public-product-viewport {
    width: 100%;
    padding: 8px 0 14px;
    overflow-x: auto;
    overflow-y: hidden;
    direction: ltr;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    touch-action: pan-x pan-y;
    cursor: grab;
}

.spb-public-product-carousel.is-dragging .spb-public-product-viewport {
    cursor: grabbing;
    user-select: none;
}

.spb-public-product-viewport::-webkit-scrollbar {
    display: none;
}

.spb-public-product-track {
    width: max-content;
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: var(--spb-product-slider-gap, 14px);
}

.spb-public-product-carousel.items-align-right .spb-public-product-track {
    margin-right: 0;
    margin-left: auto;
}

.spb-public-product-carousel.items-align-center .spb-public-product-track {
    margin-right: auto;
    margin-left: auto;
}

.spb-public-product-carousel.items-align-left .spb-public-product-track {
    margin-right: auto;
    margin-left: 0;
}

.spb-public-product-carousel .spb-public-product-item {
    width: var(--spb-product-card-width, 270px) !important;
    flex: 0 0 var(--spb-product-card-width, 270px);
    direction: rtl;
}

.spb-public-product-arrows button {
    width: 48px;
    height: 96px;
    position: absolute;
    top: 50%;
    z-index: 8;
    display: grid;
    place-items: center;
    padding: 0;
    color: #60656f;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(31, 42, 77, 0.1);
    box-shadow: 0 7px 22px rgba(31, 42, 77, 0.13);
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transform: translateY(-50%);
    transition: transform 180ms ease, color 180ms ease, background 180ms ease, opacity 180ms ease;
}

.spb-public-product-carousel.controls-both .spb-public-product-arrows button {
    top: calc(50% - 17px);
}

.spb-public-product-arrows button:hover {
    color: var(--spb-page-primary);
    background: #ffffff;
    transform: translateY(-50%) scale(1.025);
}

.spb-public-product-arrows button:disabled {
    opacity: 0.35;
    cursor: default;
}

.spb-public-product-arrows [data-spb-product-prev] {
    right: 0;
    border-right: 0;
    border-radius: 14px 0 0 14px;
}

.spb-public-product-arrows [data-spb-product-next] {
    left: 0;
    border-left: 0;
    border-radius: 0 14px 14px 0;
}

.spb-public-product-dots {
    position: absolute;
    right: 50%;
    bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: calc(100% - 40px);
    padding: 6px 9px;
    overflow-x: auto;
    overflow-y: hidden;
    background: color-mix(in srgb, var(--theme-surface, #ffffff) 80%, transparent);
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: 999px;
    transform: translateX(50%);
    backdrop-filter: blur(8px);
    scrollbar-width: none;
}

.spb-public-product-dots::-webkit-scrollbar {
    display: none;
}

.spb-public-product-dots button {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    padding: 0;
    background: color-mix(in srgb, var(--spb-page-primary) 28%, transparent);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: width 180ms ease, background 180ms ease;
}

.spb-public-product-dots button.is-active {
    width: 22px;
    background: var(--spb-page-primary);
}

.spb-public-product-carousel.is-static {
    padding: 2px 0;
}

.spb-public-product-carousel.is-static .spb-public-product-arrows,
.spb-public-product-carousel.is-static .spb-public-product-dots {
    display: none;
}

.spb-public-product-carousel.show-scrollbar {
    padding-bottom: 4px;
}

.spb-public-product-carousel.show-scrollbar .spb-public-product-viewport {
    padding-bottom: 7px;
    scrollbar-width: thin;
    scrollbar-color: var(--spb-page-primary, #334681) var(--theme-background, #f6f8fc);
}

.spb-public-product-carousel.show-scrollbar .spb-public-product-viewport::-webkit-scrollbar {
    display: block;
    height: 5px;
}

.spb-public-product-carousel.show-scrollbar .spb-public-product-viewport::-webkit-scrollbar-track {
    background: var(--theme-background, #f6f8fc);
    border-radius: 999px;
}

.spb-public-product-carousel.show-scrollbar .spb-public-product-viewport::-webkit-scrollbar-thumb {
    background: var(--spb-page-primary, #334681);
    border-radius: 999px;
}

.spb-public-section-products.is-source-discount > .spb-public-container,
.spb-public-section-products.is-source-latest > .spb-public-container {
    padding-top: var(--spb-inner-padding-top);
    padding-right: var(--spb-inner-padding-right);
    padding-bottom: var(--spb-inner-padding-bottom);
    padding-left: var(--spb-inner-padding-left);
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 20px);
    box-shadow: var(--theme-card_shadow, 0 10px 30px rgba(31, 42, 77, 0.06));
    overflow: hidden;
}

.spb-public-section-products.is-source-discount > .spb-public-container {
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
}

.spb-public-section-products.is-source-latest > .spb-public-container {
    background:
        radial-gradient(circle at 10% 10%, color-mix(in srgb, var(--spb-page-secondary, #ff7a00) 9%, transparent), transparent 26%),
        radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--spb-page-primary, #334681) 38%, transparent), transparent 36%),
        radial-gradient(circle at 12% 92%, color-mix(in srgb, var(--spb-page-primary, #334681) 22%, transparent), transparent 40%),
        linear-gradient(135deg,
            color-mix(in srgb, var(--spb-page-primary, #334681) 22%, var(--theme-surface, #ffffff)),
            color-mix(in srgb, var(--spb-page-primary, #334681) 13%, var(--theme-background, #f6f8fc))
        );
}

.spb-public-section-products.has-custom-inner-background > .spb-public-container {
    background: var(--spb-inner-background) !important;
}

.spb-public-banner-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.spb-public-banner-grid > .spb-public-banner {
    flex: 0 0 calc((100% + 14px) / var(--spb-banner-columns, 2) - 14px);
    max-width: calc((100% + 14px) / var(--spb-banner-columns, 2) - 14px);
}

.spb-public-banner {
    min-width: 0;
    position: relative;
    display: block;
    color: #ffffff;
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border-radius: min(var(--spb-element-radius), 16px);
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(31, 42, 77, 0.08);
}

.spb-public-banner picture {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.spb-public-banner-grid.align-right .spb-public-banner picture { justify-content: flex-start; }
.spb-public-banner-grid.align-center .spb-public-banner picture { justify-content: center; }
.spb-public-banner-grid.align-left .spb-public-banner picture { justify-content: flex-end; }

.spb-public-banner img {
    width: var(--spb-banner-image-width, 100%);
    max-width: 100%;
    height: var(--spb-banner-image-height, auto);
    display: block;
    aspect-ratio: var(--spb-banner-image-ratio, 12 / 5);
    object-fit: var(--spb-banner-image-fit, cover);
    transition: transform 350ms ease, filter 350ms ease;
}

.spb-public-banner-grid.hover-none .spb-public-banner:hover img {
    transform: none;
    filter: none;
}

.spb-public-banner-grid.hover-zoom .spb-public-banner:hover img {
    transform: scale(1.045);
}

.spb-public-banner-grid.hover-lift .spb-public-banner {
    transition: transform 280ms ease, box-shadow 280ms ease;
}

.spb-public-banner-grid.hover-lift .spb-public-banner:hover {
    box-shadow: 0 13px 30px rgba(31, 42, 77, 0.13);
    transform: translateY(-3px);
}

.spb-public-banner-grid.hover-darken .spb-public-banner:hover img {
    filter: brightness(0.78);
}

.spb-public-banner-grid.hover-glow .spb-public-banner {
    transition: box-shadow 280ms ease;
}

.spb-public-banner-grid.hover-glow .spb-public-banner:hover {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--spb-page-secondary) 28%, transparent), 0 12px 28px rgba(31, 42, 77, 0.12);
}

.spb-public-banner strong {
    position: absolute;
    right: 18px;
    bottom: 16px;
    left: 18px;
    z-index: 2;
    font-size: 17px;
    font-weight: 950;
    text-shadow: 0 4px 15px rgba(6, 12, 26, 0.48);
}

.spb-public-image-text {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 5vw, 72px);
    padding: clamp(18px, 3vw, 42px);
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 18px);
    box-shadow: 0 8px 26px rgba(31, 42, 77, 0.07);
}

.spb-public-image-text.image-left .spb-public-image-text-media {
    order: 2;
}

.spb-public-image-text-media {
    overflow: hidden;
    border-radius: min(var(--spb-element-radius), 14px);
}

.spb-public-image-text-media img {
    width: 100%;
    aspect-ratio: 5 / 4;
    display: block;
    object-fit: cover;
}

.spb-public-image-text-content h2 {
    margin: 0;
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 950;
    line-height: 1.55;
}

.spb-public-image-text-content > p:not(.spb-public-eyebrow) {
    margin: 13px 0 20px;
    color: color-mix(in srgb, currentColor 70%, transparent);
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
    line-height: 2.15;
}

.spb-public-text-box {
    width: 100%;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: var(--spb-text-padding, 24px);
    color: inherit;
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 16px);
    box-shadow: 0 6px 20px rgba(31, 42, 77, 0.06);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
}

.spb-public-text-box.align-right { text-align: right; }
.spb-public-text-box.align-center { text-align: center; }
.spb-public-text-box.align-left { text-align: left; }

.spb-public-text-primary,
.spb-public-text-secondary {
    margin: 0;
    color: inherit;
}

.spb-public-text-primary {
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 950;
    line-height: 1.8;
}

.spb-public-text-secondary {
    margin-top: 7px;
    color: color-mix(in srgb, currentColor 67%, transparent);
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
    line-height: 2;
}

.spb-public-text-box.effect-flash .spb-public-text-primary,
.spb-public-text-box.effect-flash .spb-public-text-secondary {
    animation: spb-text-flash var(--spb-text-effect-duration, 5000ms) ease-in-out infinite;
}

.spb-public-text-box.effect-zoom .spb-public-text-primary,
.spb-public-text-box.effect-zoom .spb-public-text-secondary {
    animation: spb-text-zoom var(--spb-text-effect-duration, 2200ms) ease-in-out infinite;
}

.spb-public-text-box.effect-float .spb-public-text-primary,
.spb-public-text-box.effect-float .spb-public-text-secondary {
    animation: spb-text-float var(--spb-text-effect-duration, 2600ms) ease-in-out infinite;
}

.spb-public-text-box.pause-on-hover:hover *,
.spb-public-text-box.pause-on-hover:focus-within * {
    animation-play-state: paused !important;
}

.spb-public-marquee {
    width: 100%;
    overflow: hidden;
    direction: ltr;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.spb-public-marquee-track {
    width: max-content;
    min-width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-inline: 3%;
    animation: spb-marquee-rtl var(--spb-text-effect-duration, 14000ms) linear infinite;
    will-change: transform;
}

.spb-public-marquee.direction-ltr .spb-public-marquee-track {
    animation-name: spb-marquee-ltr;
}

.spb-public-marquee-track span {
    display: block;
    color: inherit;
    direction: rtl;
    white-space: nowrap;
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 900;
    line-height: 1.8;
}

.spb-public-marquee.direction-ltr .spb-public-marquee-track span {
    direction: ltr;
}

@keyframes spb-text-flash {
    0%, 18%, 100% { opacity: 1; }
    9% { opacity: 0.25; }
}

@keyframes spb-text-zoom {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.055); }
}

@keyframes spb-text-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes spb-marquee-rtl {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

@keyframes spb-marquee-ltr {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}

.spb-public-benefits-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.spb-public-benefits-grid > .spb-public-benefit {
    flex: 0 0 calc((100% + 13px) / var(--spb-benefit-columns, 4) - 13px);
    max-width: calc((100% + 13px) / var(--spb-benefit-columns, 4) - 13px);
}

.spb-public-benefit {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 15px);
    box-shadow: 0 6px 18px rgba(31, 42, 77, 0.06);
}

.spb-public-benefits-grid.content-align-right .spb-public-benefit {
    align-items: flex-start;
    text-align: right;
}

.spb-public-benefits-grid.content-align-center .spb-public-benefit {
    align-items: center;
    text-align: center;
}

.spb-public-benefits-grid.content-align-left .spb-public-benefit {
    align-items: flex-end;
    text-align: left;
}

.spb-public-benefit-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    color: var(--spb-page-primary);
    background: color-mix(in srgb, var(--spb-page-primary) 11%, transparent);
    border-radius: 15px;
    font-size: 22px;
}

.spb-public-benefit-icon::before {
    content: "✓";
}

.spb-public-benefit-icon.is-image {
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.spb-public-benefit-icon.is-image::before {
    content: none;
}

.spb-public-benefit-icon.is-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.spb-public-benefit-icon.icon-delivery::before { content: "⇢"; }
.spb-public-benefit-icon.icon-support::before { content: "☎"; }
.spb-public-benefit-icon.icon-quality::before { content: "★"; }
.spb-public-benefit-icon.icon-secure::before { content: "◆"; }
.spb-public-benefit-icon.icon-gift::before { content: "♦"; }

.spb-public-benefit h3 {
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-weight: 900;
}

.spb-public-benefit p {
    width: 100%;
    margin: 7px 0 0;
    color: color-mix(in srgb, currentColor 65%, transparent);
    font-size: 12px;
    line-height: 1.95;
}

.spb-public-testimonial-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.spb-public-testimonial-grid > .spb-public-testimonial {
    flex: 0 0 calc((100% + 14px) / var(--spb-testimonial-columns, 3) - 14px);
    max-width: calc((100% + 14px) / var(--spb-testimonial-columns, 3) - 14px);
}

.spb-public-testimonial {
    min-width: 0;
    padding: 21px;
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 15px);
    box-shadow: 0 6px 18px rgba(31, 42, 77, 0.06);
}

.spb-public-rating {
    color: #f3a11b;
    letter-spacing: 2px;
    direction: ltr;
    text-align: right;
}

.spb-public-testimonial blockquote {
    min-height: 90px;
    margin: 12px 0 16px;
    color: color-mix(in srgb, currentColor 75%, transparent);
    font-size: 13px;
    line-height: 2;
}

.spb-public-testimonial footer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.spb-public-testimonial footer img {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: cover;
    border-radius: 50%;
}

.spb-public-testimonial footer strong,
.spb-public-testimonial footer span {
    display: block;
}

.spb-public-testimonial footer strong {
    font-size: 12px;
}

.spb-public-testimonial footer span {
    margin-top: 2px;
    color: color-mix(in srgb, currentColor 58%, transparent);
    font-size: 10px;
}

.spb-public-faq-container {
    max-width: 980px;
}

.spb-public-faq-list {
    display: grid;
    gap: 9px;
}

.spb-public-faq-item {
    background: var(--spb-inner-background, var(--theme-surface, #ffffff));
    border: 1px solid var(--theme-border, #e5e7eb);
    border-radius: min(var(--spb-element-radius), 14px);
    overflow: hidden;
}

.spb-public-faq-item h3 {
    margin: 0;
}

.spb-public-faq-item h3 button {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 17px;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: right;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.spb-public-faq-item h3 button i {
    color: var(--spb-page-primary);
    font-size: 20px;
    font-style: normal;
    transition: transform 180ms ease;
}

.spb-public-faq-item h3 button[aria-expanded="true"] i {
    transform: rotate(45deg);
}

.spb-public-faq-answer {
    padding: 0 17px 17px;
}

.spb-public-faq-answer p {
    margin: 0;
    color: color-mix(in srgb, currentColor 68%, transparent);
    font-size: 12px;
    line-height: 2.1;
}

.spb-public-contact-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    padding: clamp(24px, 4vw, 48px);
    color: #ffffff;
    background:
        radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--spb-page-secondary) 28%, transparent), transparent 35%),
        linear-gradient(135deg, var(--spb-page-primary), color-mix(in srgb, var(--spb-page-primary) 72%, #10182c));
    border-radius: min(var(--spb-element-radius), 18px);
    box-shadow: 0 12px 32px color-mix(in srgb, var(--spb-page-primary) 20%, transparent);
}

.spb-public-section-contact.has-custom-inner-background .spb-public-contact-card {
    background: var(--spb-inner-background) !important;
}

.spb-public-contact-card h2 {
    margin: 0;
    color: #ffffff;
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
    font-weight: 950;
}

.spb-public-contact-card p:not(.spb-public-eyebrow),
.spb-public-contact-card address {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-style: normal;
    line-height: 2;
}

.spb-public-contact-card .spb-public-contact-description {
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
}

.spb-public-contact-actions {
    min-width: 190px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.spb-public-contact-actions .spb-public-button.is-primary {
    color: var(--spb-page-primary);
    background: #ffffff;
    box-shadow: none;
}

.spb-public-contact-actions > a:not(.spb-public-button) {
    color: rgba(255, 255, 255, 0.88);
    text-align: center;
    text-decoration: none;
    font-size: 11px;
}

.spb-public-section-spacer {
    position: relative;
}

.spb-public-spacer-inner {
    min-height: var(--spb-spacer-height, 32px);
    position: relative;
}

.spb-public-section-spacer.has-divider .spb-public-spacer-inner::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 50%;
    background: var(--theme-border, #e5e7eb);
    transform: translate(50%, -50%);
}

.spb-public-footer {
    margin-top: var(--spb-section-margin-top);
    margin-bottom: var(--spb-section-margin-bottom);
    padding: 42px 0 max(22px, env(safe-area-inset-bottom));
    color: #ffffff;
    background:
        radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--spb-page-secondary) 17%, transparent), transparent 30%),
        linear-gradient(140deg, color-mix(in srgb, var(--spb-page-primary) 84%, #101729), #11182a);
}

.spb-public-footer.has-custom-background {
    background: var(--spb-section-background) !important;
}

.spb-public-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(150px, 0.7fr)) auto;
    gap: 28px;
}

.spb-public-footer h2,
.spb-public-footer h3 {
    margin: 0;
    color: #ffffff;
    font-weight: 900;
}

.spb-public-footer h2 {
    font-size: 16px;
}

.spb-public-footer h3 {
    font-size: 13px;
}

.spb-public-footer .spb-public-footer-title {
    font-size: var(--spb-section-title-size, var(--spb-default-title-size));
}

.spb-public-footer p,
.spb-public-footer address {
    margin: 9px 0 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-style: normal;
    line-height: 2;
}

.spb-public-footer .spb-public-footer-description {
    font-size: var(--spb-section-subtitle-size, var(--spb-default-subtitle-size));
}

.spb-public-footer a {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
}

.spb-public-footer-socials {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 9px;
}

.spb-public-footer-enamad {
    padding: 8px;
    background: #ffffff;
    border-radius: min(var(--spb-element-radius), 26px);
}

.spb-public-footer-enamad img {
    width: 90px;
    height: 100px;
    display: block;
    object-fit: contain;
}

.spb-public-footer-copyright {
    margin-top: 26px !important;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
}

.spb-public-cart-source {
    width: 0 !important;
    height: 0 !important;
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.spb-public-cart-source > #left_panel {
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.spb-public-page #myNav.overlay {
    left: 0 !important;
    right: auto !important;
    max-width: 380px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 16px 0 44px rgba(15, 23, 42, 0.24) !important;
}

.spb-public-page #myNav .overlay-content,
.spb-public-page #hiden_menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.spb-public-page #myNav .overlay-content {
    top: 0 !important;
    min-height: 100vh !important;
    margin-top: 0 !important;
    padding: 12px 10px 28px !important;
    text-align: right !important;
}

.spb-public-page #hiden_menu #left_panel_inside,
.spb-public-page #hiden_menu #cart_list_parent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.spb-public-desktop-cart-button {
    width: 50px;
    height: 50px;
    position: fixed;
    left: 22px;
    bottom: 22px;
    z-index: 870;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffffff;
    background: var(--spb-page-primary);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 13px 30px color-mix(in srgb, var(--spb-page-primary) 30%, transparent);
    cursor: pointer;
}

.spb-public-desktop-cart-button > span {
    font-size: 20px;
}

.spb-public-desktop-cart-button > b {
    min-width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: #ffffff;
    background: var(--spb-page-secondary);
    border-radius: 999px;
    font-size: 10px;
}

.spb-public-section.has-transparent-background,
.spb-public-footer.has-transparent-background {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.spb-public-section.has-transparent-inner-background .spb-public-hero-shell,
.spb-public-section.has-transparent-inner-background .spb-public-search-panel,
.spb-public-section.has-transparent-inner-background .store-home-search-inner,
.spb-public-section.has-transparent-inner-background .spb-public-storefront-category-shell,
.spb-public-section.has-transparent-inner-background > .spb-public-container,
.spb-public-section.has-transparent-inner-background .spb-public-category-card,
.spb-public-section.has-transparent-inner-background .product-card,
.spb-public-section.has-transparent-inner-background .compact-product-card,
.spb-public-section.has-transparent-inner-background .product-card-body,
.spb-public-section.has-transparent-inner-background .product-image-box,
.spb-public-section.has-transparent-inner-background .compact-product-image-box,
.spb-public-section.has-transparent-inner-background .spb-public-banner,
.spb-public-section.has-transparent-inner-background .spb-public-image-text,
.spb-public-section.has-transparent-inner-background .spb-public-image-text-media,
.spb-public-section.has-transparent-inner-background .spb-public-text-box,
.spb-public-section.has-transparent-inner-background .spb-public-benefit,
.spb-public-section.has-transparent-inner-background .spb-public-benefit-icon,
.spb-public-section.has-transparent-inner-background .spb-public-testimonial,
.spb-public-section.has-transparent-inner-background .spb-public-faq-item,
.spb-public-section.has-transparent-inner-background .spb-public-contact-card,
.spb-public-footer.has-transparent-inner-background,
.spb-public-footer.has-transparent-inner-background .spb-public-footer-enamad {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.spb-public-section.has-transparent-inner-background .spb-public-category-card:hover,
.spb-public-section.has-transparent-inner-background .spb-public-search-panel:hover,
.spb-public-section.has-transparent-inner-background .product-card:hover,
.spb-public-section.has-transparent-inner-background .compact-product-card:hover,
.spb-public-section.has-transparent-inner-background .spb-public-banner:hover,
.spb-public-section.has-transparent-inner-background .spb-public-benefit:hover,
.spb-public-section.has-transparent-inner-background .spb-public-testimonial:hover,
.spb-public-section.has-transparent-inner-background .spb-public-faq-item:hover,
.spb-public-section.has-transparent-inner-background .spb-public-contact-card:hover {
    border-color: transparent !important;
    box-shadow: none !important;
}

.spb-public-section.has-transparent-inner-background .spb-public-category-grid.layout-circle .spb-public-category-card img {
    box-shadow: none !important;
}

.spb-public-section.has-transparent-inner-background .spb-public-category-grid.layout-storefront .spb-public-category-card img,
.spb-public-section.has-transparent-inner-background .spb-public-storefront-category-shell::before,
.spb-public-section.has-transparent-inner-background .spb-public-storefront-category-shell::after {
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 1100px) {
    .spb-public-footer-grid {
        grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(140px, 0.7fr));
    }

    .spb-public-footer-enamad {
        width: fit-content;
    }
}

@media (max-width: 760px) {
    .spb-public-main {
        gap: var(--spb-section-gap-mobile);
    }

    .spb-public-container {
        width: min(calc(100% - 20px), var(--spb-content-width));
    }

    .store-home-search-preview {
        max-height: 340px;
    }

    .store-home-search-submit {
        padding-right: 12px;
        padding-left: 12px;
    }

    .spb-public-storefront-category-shell {
        padding: 14px 10px;
    }

    .spb-public-storefront-category-header {
        margin-bottom: 14px;
    }

    .spb-public-category-grid.layout-storefront {
        gap: 16px 8px;
    }

    .spb-public-category-grid.layout-storefront > .spb-public-category-card {
        flex-basis: calc((100% + 8px) / var(--spb-category-columns-mobile, 3) - 8px);
        max-width: calc((100% + 8px) / var(--spb-category-columns-mobile, 3) - 8px);
    }

    .spb-public-category-grid.layout-storefront .spb-public-category-card img {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .spb-public-category-grid.layout-storefront .spb-public-category-card h3 {
        font-size: 11px;
        line-height: 1.55;
    }

    .spb-public-section.is-hidden-mobile {
        display: none !important;
    }

    .spb-public-section {
        min-height: var(--spb-section-min-height-mobile);
    }

    .spb-public-section.has-custom-title-size .spb-public-section-heading h2,
    .spb-public-section.has-custom-title-size .spb-public-storefront-category-header h2,
    .spb-public-section.has-custom-title-size .spb-public-hero-content h1,
    .spb-public-section.has-custom-title-size .spb-public-hero-content h2,
    .spb-public-section.has-custom-title-size .spb-public-image-text-content h2,
    .spb-public-section.has-custom-title-size .spb-public-contact-card h2,
    .spb-public-section.has-custom-title-size .spb-public-text-primary,
    .spb-public-section.has-custom-title-size .spb-public-marquee-track span,
    .spb-public-section.has-custom-title-size .spb-public-footer-title {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size)) !important;
    }

    .spb-public-section.has-custom-subtitle-size .spb-public-section-heading p,
    .spb-public-section.has-custom-subtitle-size .spb-public-storefront-category-header p,
    .spb-public-section.has-custom-subtitle-size .spb-public-hero-text,
    .spb-public-section.has-custom-subtitle-size .spb-public-image-text-content > p:not(.spb-public-eyebrow),
    .spb-public-section.has-custom-subtitle-size .spb-public-contact-description,
    .spb-public-section.has-custom-subtitle-size .spb-public-text-secondary,
    .spb-public-section.has-custom-subtitle-size .spb-public-footer-description {
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size)) !important;
    }

    .spb-public-section-heading {
        align-items: flex-start;
        margin-bottom: 12px;
    }

    .spb-public-section-products .spb-public-section-heading {
        margin-bottom: 6px;
    }

    .spb-public-section-products .spb-public-section-heading p {
        margin-top: 2.5px;
    }

    .spb-public-section-heading h2 {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
    }

    .spb-public-section-heading p {
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size, var(--spb-default-subtitle-size-mobile)));
        line-height: 1.85;
    }

    .spb-public-section-heading > a {
        padding-top: 4px;
        font-size: 10px;
    }

    .spb-public-hero-shell,
    .spb-public-hero-slide {
        min-height: var(--spb-hero-height-mobile, 480px);
    }

    .spb-public-hero-shell {
        border-radius: min(var(--spb-element-radius), 16px);
    }

    .spb-public-hero-overlay {
        background: linear-gradient(0deg, rgba(7, 12, 24, 0.72), rgba(7, 12, 24, calc(var(--spb-hero-overlay, 0.42) * 0.35)));
    }

    .spb-public-hero-content {
        width: calc(100% - 30px);
        align-self: flex-end;
        padding-bottom: 70px;
        text-align: right !important;
    }

    .spb-public-hero-content h1,
    .spb-public-hero-content h2 {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
        line-height: 1.42;
    }

    .spb-public-hero-text {
        max-width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size, var(--spb-default-subtitle-size-mobile)));
        line-height: 1.95;
    }

    .spb-public-hero-actions {
        justify-content: flex-start !important;
        margin-top: 18px;
    }

    .spb-public-button {
        min-height: 43px;
        padding: 0 16px;
        font-size: 11px;
    }

    .spb-public-category-grid,
    .spb-public-category-grid.layout-circle {
        gap: 8px;
    }

    .spb-public-category-grid > .spb-public-category-card,
    .spb-public-category-grid.layout-circle > .spb-public-category-card {
        flex-basis: calc((100% + 8px) / var(--spb-category-columns-mobile, 2) - 8px);
        max-width: calc((100% + 8px) / var(--spb-category-columns-mobile, 2) - 8px);
    }

    .spb-public-category-card {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 8px;
        text-align: center;
    }

    .spb-public-category-card img,
    .spb-public-category-grid.layout-compact .spb-public-category-card img {
        width: 100%;
        height: auto;
        flex-basis: auto;
        aspect-ratio: 4 / 3;
    }

    .spb-public-category-grid.layout-circle .spb-public-category-card img {
        width: min(100%, 100px);
        height: auto;
        aspect-ratio: 1;
        margin-inline: auto;
    }

    .spb-public-category-card h3 {
        font-size: 12px;
    }

    .spb-public-category-card p,
    .spb-public-testimonial blockquote,
    .spb-public-testimonial footer span,
    .spb-public-faq-answer p,
    .spb-public-contact-card address,
    .spb-public-footer address {
        font-size: 11px;
    }

    .spb-public-testimonial footer strong,
    .spb-public-faq-item h3 button,
    .spb-public-footer h3 {
        font-size: 12px;
    }

    .spb-public-products-grid {
        gap: 8px;
    }

    .spb-public-products-grid > .spb-public-product-item {
        flex-basis: calc((100% + 8px) / var(--spb-products-columns-mobile, 2) - 8px);
        max-width: calc((100% + 8px) / var(--spb-products-columns-mobile, 2) - 8px);
    }

    .spb-public-section-products .product-card:not(.compact-product-card) .product-name {
        font-size: var(--theme-product_title_size, 14px) !important;
        line-height: 1.7;
    }

    .spb-public-section-products .product-card:not(.compact-product-card) .product-price,
    .spb-public-section-products .product-card:not(.compact-product-card) .product-offprice {
        font-size: var(--theme-price_size, 14px) !important;
    }

    .spb-public-product-carousel {
        padding-right: 0;
        padding-left: 0;
    }

    .spb-public-product-carousel.controls-arrows {
        padding-bottom: 2px;
    }

    .spb-public-product-carousel.controls-none {
        padding-bottom: 2px;
    }

    .spb-public-product-carousel .spb-public-product-item {
        width: var(--spb-product-card-width-mobile, 175px) !important;
        flex-basis: var(--spb-product-card-width-mobile, 175px);
    }

    .spb-public-product-arrows button {
        width: 36px;
        height: 72px;
        top: 50%;
        bottom: auto;
        font-size: 26px;
        transform: translateY(-50%);
    }

    .spb-public-product-arrows button:hover {
        transform: translateY(-50%) scale(1.02);
    }

    .spb-public-product-arrows [data-spb-product-prev] {
        right: 0;
        border-radius: 11px 0 0 11px;
    }

    .spb-public-product-arrows [data-spb-product-next] {
        left: 0;
        border-radius: 0 11px 11px 0;
    }

    .spb-public-product-carousel.controls-both .spb-public-product-dots {
        max-width: calc(100% - 24px);
    }

    .spb-public-banner-grid {
        gap: 9px;
    }

    .spb-public-banner-grid > .spb-public-banner {
        flex-basis: calc((100% + 9px) / var(--spb-banner-columns-mobile, 1) - 9px);
        max-width: calc((100% + 9px) / var(--spb-banner-columns-mobile, 1) - 9px);
    }

    .spb-public-banner img {
        width: var(--spb-banner-image-width-mobile, var(--spb-banner-image-width, 100%));
        height: var(--spb-banner-image-height-mobile, var(--spb-banner-image-height, auto));
    }

    .spb-public-banner strong {
        right: 13px;
        bottom: 11px;
        font-size: 15px;
    }

    .spb-public-image-text {
        grid-template-columns: 1fr;
        gap: 19px;
        padding: 13px;
    }

    .spb-public-image-text.image-left .spb-public-image-text-media {
        order: initial;
    }

    .spb-public-image-text-content {
        padding: 4px 3px 8px;
    }

    .spb-public-image-text-content h2 {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
    }

    .spb-public-image-text-content > p:not(.spb-public-eyebrow) {
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size, var(--spb-default-subtitle-size-mobile)));
        line-height: 2;
    }

    .spb-public-text-box {
        min-height: 58px;
        padding: var(--spb-text-padding-mobile, 16px);
    }

    .spb-public-text-primary,
    .spb-public-marquee-track span {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
    }

    .spb-public-text-secondary {
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size, var(--spb-default-subtitle-size-mobile)));
    }

    .spb-public-benefits-grid {
        gap: 8px;
    }

    .spb-public-benefits-grid > .spb-public-benefit {
        flex-basis: calc((100% + 8px) / var(--spb-benefit-columns-mobile, 2) - 8px);
        max-width: calc((100% + 8px) / var(--spb-benefit-columns-mobile, 2) - 8px);
    }

    .spb-public-benefit {
        padding: 13px;
    }

    .spb-public-benefit-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 9px;
        border-radius: 12px;
        font-size: 18px;
    }

    .spb-public-benefit h3 {
        font-size: 12px;
    }

    .spb-public-benefit p {
        font-size: 10px;
    }

    .spb-public-testimonial-grid {
        gap: 10px;
    }

    .spb-public-testimonial-grid > .spb-public-testimonial {
        flex-basis: calc((100% + 10px) / var(--spb-testimonial-columns-mobile, 1) - 10px);
        max-width: calc((100% + 10px) / var(--spb-testimonial-columns-mobile, 1) - 10px);
    }

    .spb-public-contact-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 23px 17px;
    }

    .spb-public-contact-card h2 {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
    }

    .spb-public-contact-card .spb-public-contact-description,
    .spb-public-footer .spb-public-footer-description {
        font-size: var(--spb-section-subtitle-size-mobile, var(--spb-section-subtitle-size, var(--spb-default-subtitle-size-mobile)));
    }

    .spb-public-footer .spb-public-footer-title {
        font-size: var(--spb-section-title-size-mobile, var(--spb-section-title-size, var(--spb-default-title-size-mobile)));
    }

    .spb-public-contact-actions {
        min-width: 0;
    }

    .spb-public-section-spacer {
        min-height: 0;
    }

    .spb-public-spacer-inner {
        min-height: var(--spb-spacer-height-mobile, 20px);
    }

    .spb-public-footer {
        margin-top: var(--spb-section-margin-top);
        margin-bottom: var(--spb-section-margin-bottom);
        padding-top: 30px;
    }

    .spb-public-footer-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .spb-public-desktop-cart-button {
        display: none !important;
    }

    .spb-public-page #myNav.overlay {
        max-width: 100% !important;
        box-shadow: none !important;
    }

    .spb-public-page #myNav .overlay-content {
        padding: 0 !important;
    }
}

@media (min-width: 761px) {
    .spb-public-section.is-hidden-desktop {
        display: none !important;
    }
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    .spb-public-section-heading p,
    .spb-public-category-card p,
    .spb-public-benefit p,
    .spb-public-faq-answer p,
    .spb-public-image-text-content > p:not(.spb-public-eyebrow) {
        color: var(--theme-muted, #6b7280);
    }

    .spb-public-button.is-primary,
    .spb-public-desktop-cart-button {
        box-shadow: 0 12px 28px rgba(51, 70, 129, 0.23);
    }
}

@media (prefers-reduced-motion: reduce) {
    .spb-public-page *,
    .spb-public-page *::before,
    .spb-public-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}