/* Mzya Seller Store Shell — clean Phase 9S refactor */
.mzya-store-shell,
.mzya-store-shell * {
    box-sizing: border-box;
}

.mzya-store-shell {
    --mzya-blue: #2d5893;
    --mzya-teal: #628e92;
    --mzya-gold: #e4a224;
    --mzya-rust: #c55f2d;
    --mzya-ink: var(--mzya-blue);
    --mzya-muted: #64748b;
    --mzya-border: rgba(45, 88, 147, .16);
    --mzya-soft: #f8fbff;
    --mzya-shadow: 0 22px 55px rgba(15, 23, 42, .10);
    font-family: var(--mzya-font-sans, inherit);
}

.mzya-store-shell svg {
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
}

.mzya-store-mobile-header {
    display: none;
}

.mzya-store-desktop-hero {
    background-image: var(--mzya-store-banner);
    background-position: center;
    background-size: cover;
    border-radius: 28px;
    box-shadow: var(--mzya-shadow);
    min-height: 320px;
    overflow: hidden;
    position: relative;
}

.mzya-store-desktop-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 28%, rgba(255,255,255,.12), transparent 32%),
        linear-gradient(90deg, rgba(7, 13, 26, .90), rgba(7, 13, 26, .58) 48%, rgba(7, 13, 26, .32));
}

html[dir="rtl"] .mzya-store-desktop-overlay,
body[dir="rtl"] .mzya-store-desktop-overlay {
    background:
        radial-gradient(circle at 28% 28%, rgba(255,255,255,.12), transparent 32%),
        linear-gradient(270deg, rgba(7, 13, 26, .90), rgba(7, 13, 26, .58) 48%, rgba(7, 13, 26, .32));
}

.mzya-store-desktop-inner {
    color: #fff;
    min-height: 320px;
    padding: 34px 34px 26px;
    position: relative;
    z-index: 1;
}

.mzya-store-desktop-brand {
    align-items: flex-start;
    display: flex;
    gap: 22px;
    max-width: 68%;
}

.mzya-store-desktop-logo {
    align-items: center;
    background: rgba(255,255,255,.96);
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
    display: flex;
    height: 112px;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    width: 112px;
}

.mzya-store-desktop-logo img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.mzya-store-desktop-logo span {
    color: var(--mzya-blue);
    font-size: 2.8rem;
    font-weight: 500;
}

.mzya-store-desktop-copy h1 {
    font-size: clamp(2rem, 3vw, 3.1rem);
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
}

.mzya-store-desktop-tagline {
    font-size: 1rem;
    font-weight: 500;
    margin: 12px 0 0;
}

.mzya-store-desktop-description {
    color: rgba(255,255,255,.88);
    font-size: .92rem;
    line-height: 1.7;
    margin: 16px 0 0;
    max-width: 820px;
}

.mzya-store-desktop-actions {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 28px;
    top: 28px;
}

html[dir="rtl"] .mzya-store-desktop-actions,
body[dir="rtl"] .mzya-store-desktop-actions {
    left: 28px;
    right: auto;
}

.mzya-store-desktop-actions a,
.mzya-store-desktop-actions button {
    align-items: center;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    transition: transform .18s ease, background .18s ease;
    width: 42px;
}

.mzya-store-desktop-actions a:first-child,
.mzya-store-desktop-actions button:first-child {
    background: var(--mzya-gold);
    border-color: rgba(228,162,36,.85);
    color: #172033;
}

.mzya-store-desktop-actions a:hover,
.mzya-store-desktop-actions button:hover {
    background: rgba(255,255,255,.28);
    transform: translateY(-1px);
}

.mzya-store-desktop-trust {
    bottom: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    left: 34px;
    max-width: calc(100% - 380px);
    position: absolute;
}

html[dir="rtl"] .mzya-store-desktop-trust,
body[dir="rtl"] .mzya-store-desktop-trust {
    left: auto;
    right: 34px;
}

.mzya-store-pill {
    align-items: center;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.33);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 500;
    gap: 7px;
    line-height: 1;
    padding: 9px 13px;
}

.mzya-store-desktop-rating {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 18px;
    bottom: 24px;
    color: #fff;
    display: grid;
    gap: 3px;
    justify-items: center;
    min-width: 245px;
    padding: 12px 18px;
    position: absolute;
    right: 24px;
    text-decoration: none;
}

html[dir="rtl"] .mzya-store-desktop-rating,
body[dir="rtl"] .mzya-store-desktop-rating {
    left: 24px;
    right: auto;
}

.mzya-store-desktop-rating strong {
    font-size: 1.65rem;
    font-weight: 500;
    line-height: 1;
}

.mzya-store-desktop-rating span {
    color: var(--mzya-gold);
    font-size: .92rem;
    letter-spacing: .04em;
}

.mzya-store-desktop-rating small {
    color: rgba(255,255,255,.9);
    font-size: .72rem;
    font-weight: 500;
}

.mzya-store-tabs {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(15,23,42,.05);
    display: flex;
    gap: 4px;
    margin-top: 22px;
    overflow-x: auto;
    padding: 8px 12px;
    scrollbar-width: thin;
}

.mzya-store-tab {
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #111827;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: 500;
    gap: 8px;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
}

.mzya-store-tab.is-active {
    border-bottom-color: var(--mzya-blue);
    color: var(--mzya-blue);
}

.mzya-store-drawer[hidden] {
    display: none !important;
}

.mzya-store-drawer {
    display: none;
}

@media (max-width: 767px) {
    .mzya-store-shell {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw;
    }

    .mzya-store-desktop-hero {
        display: none !important;
    }

    .mzya-store-mobile-header {
        background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
        display: block;
        padding: 10px 10px 0;
    }

    .mzya-store-mobile-topbar {
        align-items: center;
        display: grid;
        grid-template-columns: 42px 1fr 42px;
        min-height: 42px;
    }

    .mzya-store-mobile-back,
    .mzya-store-mobile-topbar-menu {
        align-items: center;
        background: transparent;
        border: 0;
        color: var(--mzya-ink);
        display: inline-flex;
        height: 42px;
        justify-content: center;
        padding: 0;
        width: 42px;
    }

    .mzya-store-mobile-back svg,
    .mzya-store-mobile-topbar-menu svg {
        height: 24px;
        width: 24px;
    }

    .mzya-store-mobile-topbar-title {
        color: var(--mzya-ink);
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -.02em;
        min-width: 0;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mzya-store-mobile-card {
        background-image: var(--mzya-store-banner);
        background-position: center;
        background-size: cover;
        border-radius: 18px 18px 24px 24px;
        min-height: 138px;
        overflow: hidden;
        position: relative;
    }

    .mzya-store-mobile-card-overlay {
        background:
            linear-gradient(90deg, rgba(5,10,20,.90), rgba(5,10,20,.62) 55%, rgba(5,10,20,.30)),
            radial-gradient(circle at 88% 10%, rgba(255,255,255,.12), transparent 34%);
        inset: 0;
        position: absolute;
    }

    html[dir="rtl"] .mzya-store-mobile-card-overlay,
    body[dir="rtl"] .mzya-store-mobile-card-overlay {
        background:
            linear-gradient(270deg, rgba(5,10,20,.90), rgba(5,10,20,.62) 55%, rgba(5,10,20,.30)),
            radial-gradient(circle at 12% 10%, rgba(255,255,255,.12), transparent 34%);
    }

    .mzya-store-mobile-card-inner {
        align-items: center;
        color: #fff;
        display: grid;
        gap: 12px;
        grid-template-columns: 72px 1fr auto;
        min-height: 138px;
        padding: 16px 14px;
        position: relative;
        z-index: 1;
    }

    .mzya-store-mobile-logo {
        align-items: center;
        background: rgba(255,255,255,.96);
        border-radius: 18px;
        display: flex;
        height: 72px;
        justify-content: center;
        overflow: hidden;
        padding: 7px;
        width: 72px;
    }

    .mzya-store-mobile-logo img {
        height: 100%;
        object-fit: contain;
        width: 100%;
    }

    .mzya-store-mobile-logo span {
        color: var(--mzya-blue);
        font-size: 2rem;
        font-weight: 500;
    }

    .mzya-store-mobile-copy h1 {
        color: #fff;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -.02em;
        line-height: 1.08;
        margin: 0;
        max-width: 135px;
    }

    .mzya-store-mobile-rating {
        align-items: center;
        background: rgba(15, 23, 42, .78);
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 999px;
        color: #fff;
        display: grid;
        gap: 1px;
        justify-items: center;
        min-width: 76px;
        padding: 6px 8px;
        text-decoration: none;
    }

    .mzya-store-mobile-rating strong {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
    }

    .mzya-store-mobile-rating span {
        color: var(--mzya-gold);
        font-size: 9px;
        letter-spacing: -1px;
        white-space: nowrap;
    }

    .mzya-store-mobile-rating small {
        display: none;
    }

    .mzya-store-mobile-actions {
        align-items: center;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 18px 38px rgba(15,23,42,.12);
        display: flex;
        gap: 7px;
        justify-content: space-between;
        margin: -16px 18px 18px;
        padding: 12px 10px 10px;
        position: relative;
        z-index: 2;
    }

    .mzya-store-mobile-action {
        align-items: center;
        background: transparent;
        border: 0;
        color: var(--mzya-ink);
        display: inline-grid;
        gap: 4px;
        justify-items: center;
        min-width: 44px;
        text-decoration: none;
    }

    .mzya-store-mobile-action > span {
        align-items: center;
        border-radius: 999px;
        color: #fff;
        display: inline-flex;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    .mzya-store-mobile-action svg {
        height: 17px;
        width: 17px;
    }

    .mzya-store-mobile-action small {
        color: var(--mzya-ink);
        font-size: 10px;
        font-weight: 500;
        max-width: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mzya-store-mobile-action.is-menu > span { background: #eef2f7; color: #64748b; }
    .mzya-store-mobile-action.is-cart > span { background: var(--mzya-blue); }
    .mzya-store-mobile-action.is-account > span { background: var(--mzya-gold); color: #172033; }
    .mzya-store-mobile-action.is-contact > span { background: #e93562; }
    .mzya-store-mobile-action.is-wishlist > span { background: #2eaad6; }
    .mzya-store-mobile-action.is-share > span { background: #ef7690; }

    .mzya-store-mobile-trust {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 10px 14px;
    }

    .mzya-store-mobile-trust-card {
        align-items: center;
        background: #fff;
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        display: flex;
        gap: 8px;
        justify-content: center;
        min-height: 50px;
        padding: 8px 9px;
        text-align: center;
    }

    .mzya-store-mobile-trust-card span {
        color: var(--mzya-blue);
        display: inline-flex;
    }

    .mzya-store-mobile-trust-card strong {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.15;
    }

    .mzya-store-tabs {
        border-radius: 16px;
        margin: 8px 10px 0;
        max-width: calc(100vw - 20px);
        padding: 5px 8px;
    }

    .mzya-store-tab {
        font-size: 12px;
        gap: 6px;
        padding: 10px 12px;
    }

    .mzya-store-tab svg {
        height: 14px;
        width: 14px;
    }

    .mzya-store-drawer {
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999;
    }

    .mzya-store-drawer-backdrop {
        background: rgba(15, 23, 42, .58);
        border: 0;
        inset: 0;
        position: absolute;
        width: 100%;
    }

    .mzya-store-drawer-card {
        background: #fff;
        border-radius: 24px 24px 0 0;
        bottom: 0;
        box-shadow: 0 -20px 60px rgba(15,23,42,.25);
        left: 0;
        max-height: 88vh;
        overflow-y: auto;
        padding: 18px 14px 18px;
        position: absolute;
        right: 0;
    }

    .mzya-store-drawer-head {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .mzya-store-drawer-head p {
        color: var(--mzya-teal);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .08em;
        margin: 0 0 4px;
        text-transform: uppercase;
    }

    .mzya-store-drawer-head strong {
        color: var(--mzya-ink);
        display: block;
        font-size: 18px;
        font-weight: 500;
    }

    .mzya-store-drawer-close {
        align-items: center;
        background: #f1f5f9;
        border: 0;
        border-radius: 999px;
        color: var(--mzya-ink);
        display: inline-flex;
        font-size: 26px;
        font-weight: 500;
        height: 44px;
        justify-content: center;
        line-height: 1;
        width: 44px;
    }

    .mzya-store-drawer-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mzya-store-drawer-link {
        align-items: center;
        background: var(--mzya-soft);
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        display: flex;
        gap: 10px;
        min-height: 52px;
        padding: 10px 11px;
        text-decoration: none;
    }

    .mzya-store-drawer-link > span {
        align-items: center;
        background: #fff;
        border: 3px solid var(--mzya-blue);
        border-radius: 999px;
        color: var(--mzya-blue);
        display: inline-flex;
        flex: 0 0 34px;
        height: 34px;
        justify-content: center;
        width: 34px;
    }

    .mzya-store-drawer-link svg {
        height: 16px;
        width: 16px;
    }

    .mzya-store-drawer-link strong {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.18;
    }

    .mzya-store-drawer-selects {
        border-top: 1px solid rgba(45, 88, 147, .12);
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 16px;
        padding-top: 16px;
    }

    .mzya-store-drawer-selects label {
        color: var(--mzya-ink);
        display: grid;
        font-size: 12px;
        font-weight: 500;
        gap: 8px;
    }

    .mzya-store-drawer-selects select {
        background: var(--mzya-soft);
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        font-size: 13px;
        font-weight: 500;
        height: 48px;
        padding: 0 12px;
        width: 100%;
    }

    .mzya-store-menu-open {
        overflow: hidden;
    }
}


/* Phase 9T — simplified professional mobile seller navigation */
@media (max-width: 767px) {
    .mzya-store-shell {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw;
    }

    .mzya-store-mobile-header {
        display: block !important;
        background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
        padding: 0 10px 12px !important;
    }

    .mzya-store-desktop-hero {
        display: none !important;
    }

    .mzya-store-mobile-card {
        border-radius: 10px !important;
        min-height: 128px !important;
        overflow: hidden !important;
    }

    .mzya-store-mobile-card-inner {
        grid-template-columns: 70px minmax(0, 1fr) auto !important;
        min-height: 128px !important;
        padding: 14px 13px !important;
    }

    .mzya-store-mobile-logo {
        height: 70px !important;
        width: 70px !important;
    }

    .mzya-store-mobile-copy h1 {
        font-size: 20px !important;
        max-width: none !important;
        overflow-wrap: anywhere;
    }

    .mzya-store-mobile-rating {
        min-width: 72px !important;
        padding: 6px 8px !important;
    }

    .mzya-store-mobile-actions {
        align-items: center;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .12);
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px !important;
        margin: -16px 20px 12px !important;
        padding: 11px 10px 10px !important;
        position: relative;
        z-index: 2;
    }

    .mzya-store-mobile-action {
        min-width: 0 !important;
        width: 100%;
    }

    .mzya-store-mobile-action > span {
        height: 42px !important;
        width: 42px !important;
    }

    .mzya-store-mobile-action small {
        font-size: 10px !important;
        line-height: 1.05 !important;
        max-width: 58px !important;
    }

    .mzya-store-mobile-action.is-cart > span { background: var(--mzya-blue); }
    .mzya-store-mobile-action.is-account > span { background: var(--mzya-gold); color: #172033; }
    .mzya-store-mobile-action.is-contact > span { background: #e93562; }
    .mzya-store-mobile-action.is-share > span { background: #ef7690; }

    /* Trust cards and tabs move into the hamburger drawer on mobile. */
    .mzya-store-mobile-trust,
    .mzya-store-tabs {
        display: none !important;
    }

    .mzya-store-drawer {
        display: block;
        inset: 0;
        position: fixed;
        z-index: 9999;
    }

    .mzya-store-drawer-backdrop {
        background: rgba(15, 23, 42, .58);
        border: 0;
        inset: 0;
        position: absolute;
        width: 100%;
    }

    .mzya-store-drawer-card {
        background: #fff;
        border-radius: 24px 24px 0 0;
        bottom: 0;
        box-shadow: 0 -20px 60px rgba(15, 23, 42, .25);
        left: 0;
        max-height: 90vh;
        overflow-y: auto;
        padding: 18px 14px 22px;
        position: absolute;
        right: 0;
    }

    .mzya-store-drawer-head {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .mzya-store-drawer-head p {
        color: var(--mzya-teal);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .08em;
        margin: 0 0 4px;
        text-transform: uppercase;
    }

    .mzya-store-drawer-head strong {
        color: var(--mzya-ink);
        display: block;
        font-size: 18px;
        font-weight: 500;
    }

    .mzya-store-drawer-close {
        align-items: center;
        background: #f1f5f9;
        border: 0;
        border-radius: 999px;
        color: var(--mzya-ink);
        display: inline-flex;
        font-size: 26px;
        font-weight: 500;
        height: 44px;
        justify-content: center;
        line-height: 1;
        width: 44px;
    }

    .mzya-store-drawer-section {
        border-top: 1px solid rgba(45, 88, 147, .12);
        margin-top: 15px;
        padding-top: 14px;
    }

    .mzya-store-drawer-section:first-of-type {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

    .mzya-store-drawer-section h3 {
        color: var(--mzya-ink);
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 10px;
    }

    .mzya-store-drawer-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mzya-store-drawer-link,
    button.mzya-store-drawer-link {
        align-items: center;
        background: var(--mzya-soft);
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        display: flex;
        gap: 10px;
        min-height: 52px;
        padding: 10px 11px;
        text-align: start;
        text-decoration: none;
        width: 100%;
    }

    .mzya-store-drawer-link.is-active {
        background: rgba(45, 88, 147, .10);
        border-color: rgba(45, 88, 147, .32);
        color: var(--mzya-blue);
    }

    .mzya-store-drawer-link > span {
        align-items: center;
        background: #fff;
        border: 2px solid var(--mzya-blue);
        border-radius: 999px;
        color: var(--mzya-blue);
        display: inline-flex;
        flex: 0 0 32px;
        height: 32px;
        justify-content: center;
        width: 32px;
    }

    .mzya-store-drawer-link svg {
        height: 15px;
        width: 15px;
    }

    .mzya-store-drawer-link strong {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.18;
    }

    .mzya-store-drawer-trust-list {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mzya-store-drawer-trust-item {
        align-items: center;
        background: #fff;
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        display: flex;
        gap: 9px;
        min-height: 46px;
        padding: 9px 10px;
    }

    .mzya-store-drawer-trust-item span {
        align-items: center;
        color: var(--mzya-blue);
        display: inline-flex;
        flex: 0 0 22px;
        justify-content: center;
    }

    .mzya-store-drawer-trust-item strong {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.18;
    }

    .mzya-store-drawer-selects {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .mzya-store-drawer-selects label {
        color: var(--mzya-ink);
        display: grid;
        font-size: 12px;
        font-weight: 500;
        gap: 8px;
        min-width: 0;
    }

    .mzya-store-drawer-selects select {
        background: var(--mzya-soft);
        border: 1px solid var(--mzya-border);
        border-radius: 14px;
        color: var(--mzya-ink);
        font-size: 13px;
        font-weight: 500;
        height: 48px;
        padding: 0 12px;
        width: 100%;
    }

    .mzya-store-menu-open {
        overflow: hidden;
    }
}


/* Phase 9U: simplified mobile navigation - final override */
@media (max-width: 767px) {
    .mzya-store-mobile-topbar {
        grid-template-columns: 42px minmax(0, 1fr) 42px !important;
        padding: 2px 2px 8px !important;
    }

    .mzya-store-mobile-topbar-spacer {
        display: block !important;
        width: 42px !important;
        height: 42px !important;
    }

    .mzya-store-mobile-topbar-menu {
        display: none !important;
    }

    .mzya-store-mobile-card {
        margin: 0 !important;
        border-radius: 10px !important;
    }

    .mzya-store-mobile-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: -15px 18px 12px !important;
        padding: 10px 8px 9px !important;
    }

    .mzya-store-mobile-action > span {
        height: 40px !important;
        width: 40px !important;
    }

    .mzya-store-mobile-action svg {
        height: 16px !important;
        width: 16px !important;
    }

    .mzya-store-mobile-action small {
        font-size: 9.5px !important;
        max-width: 56px !important;
    }

    .mzya-store-mobile-action.is-menu > span {
        background: var(--mzya-gold) !important;
        color: #172033 !important;
    }

    .mzya-store-mobile-trust,
    .mzya-store-tabs {
        display: none !important;
    }

    .mzya-store-drawer-selects {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .mzya-store-drawer-link > span {
        border: 2px solid var(--mzya-blue) !important;
        border-radius: 999px !important;
        color: var(--mzya-blue) !important;
        height: 32px !important;
        width: 32px !important;
        flex: 0 0 32px !important;
    }
}

/* Phase 9V: final simplified mobile store navigation
   Visible mobile order: hero -> quick actions -> breadcrumb -> product.
   The top mini bar, visible trust cards, and visible tabs are removed on mobile.
   Drawer keeps all navigation/trust/preference links.
*/
@media (max-width: 767px) {
    .mzya-store-mobile-header {
        padding-top: 0 !important;
    }

    .mzya-store-mobile-topbar {
        display: none !important;
    }

    .mzya-store-mobile-card {
        border-radius: 0 0 20px 20px !important;
        margin: 0 !important;
        min-height: 132px !important;
    }

    .mzya-store-mobile-card-inner {
        min-height: 132px !important;
        padding: 14px 14px 24px !important;
    }

    .mzya-store-mobile-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        margin: -18px 18px 14px !important;
        max-width: calc(100vw - 36px) !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .mzya-store-mobile-action > span {
        height: 39px !important;
        width: 39px !important;
    }

    .mzya-store-mobile-action svg {
        height: 16px !important;
        width: 16px !important;
    }

    .mzya-store-mobile-action small {
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        max-width: 54px !important;
    }

    .mzya-store-mobile-action.is-menu > span {
        background: var(--mzya-gold) !important;
        color: #172033 !important;
    }

    .mzya-store-mobile-trust,
    .mzya-store-tabs {
        display: none !important;
    }

    .seller-product-shell__breadcrumbs {
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 8px 12px 12px !important;
        max-width: calc(100vw - 24px) !important;
        overflow-x: auto !important;
        padding: 8px 4px !important;
        scrollbar-width: none !important;
        white-space: nowrap !important;
    }

    .seller-product-shell__breadcrumbs::-webkit-scrollbar {
        display: none !important;
    }

    .seller-product-shell__breadcrumbs ol,
    .seller-product-shell__breadcrumbs ul,
    .seller-product-shell__breadcrumbs > * {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    .mzya-store-drawer-selects {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .mzya-store-drawer-link > span {
        align-items: center !important;
        background: #fff !important;
        border: 2px solid var(--mzya-blue) !important;
        border-radius: 999px !important;
        color: var(--mzya-blue) !important;
        display: inline-flex !important;
        flex: 0 0 32px !important;
        height: 32px !important;
        justify-content: center !important;
        width: 32px !important;
    }
}

/* Phase 9W2: seller PDP mobile breadcrumb polish + duplicate frame safety */
.seller-product-shell ~ .seller-product-shell,
.mzya-store-shell ~ .mzya-store-shell {
    display: none !important;
}

.seller-product-shell__breadcrumbs {
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

.seller-product-shell__breadcrumbs ol {
    justify-content: flex-start !important;
}

.seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs,
html[dir="rtl"] .seller-product-shell__breadcrumbs,
body[dir="rtl"] .seller-product-shell__breadcrumbs {
    direction: rtl !important;
    text-align: right !important;
}

.seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs ol,
html[dir="rtl"] .seller-product-shell__breadcrumbs ol,
body[dir="rtl"] .seller-product-shell__breadcrumbs ol {
    justify-content: flex-end !important;
}

@media (max-width: 767px) {
    .seller-product-shell__breadcrumbs {
        background: transparent !important;
        color: #64748b !important;
        font-size: 11.5px !important;
        margin: 4px 18px 14px !important;
        max-width: calc(100vw - 36px) !important;
        padding: 3px 0 0 !important;
    }

    .seller-product-shell__breadcrumbs ol {
        gap: 5px !important;
    }

    .seller-product-shell__breadcrumbs a,
    .seller-product-shell__breadcrumbs li {
        font-size: inherit !important;
    }

    .seller-product-shell__breadcrumb-current {
        font-weight: 700 !important;
        max-width: 170px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* Phase 9W3: full-screen mobile drawer + Mzya brand quick-action colors */
@media (max-width: 767px) {
    .mzya-store-mobile-actions {
        border: 1px solid rgba(98, 142, 146, .14) !important;
        box-shadow: 0 16px 34px rgba(16, 33, 61, .14) !important;
    }

    .mzya-store-mobile-action > span {
        color: #fff !important;
        box-shadow: 0 8px 18px rgba(16, 33, 61, .18) !important;
    }

    .mzya-store-mobile-action.is-menu > span {
        background: var(--mzya-teal) !important;
        color: #fff !important;
    }

    .mzya-store-mobile-action.is-cart > span {
        background: var(--mzya-blue) !important;
        color: #fff !important;
    }

    .mzya-store-mobile-action.is-account > span {
        background: var(--mzya-gold) !important;
        color: #172033 !important;
    }

    .mzya-store-mobile-action.is-contact > span {
        background: var(--mzya-rust) !important;
        color: #fff !important;
    }

    .mzya-store-mobile-action.is-share > span {
        background: #47777b !important;
        color: #fff !important;
    }

    .mzya-store-drawer {
        display: block !important;
        height: 100dvh !important;
        inset: 0 !important;
        position: fixed !important;
        width: 100vw !important;
        z-index: 2147483000 !important;
    }

    .mzya-store-drawer-backdrop {
        background: rgba(15, 23, 42, .62) !important;
        height: 100dvh !important;
        inset: 0 !important;
        position: fixed !important;
        width: 100vw !important;
    }

    .mzya-store-drawer-card {
        background: #fff !important;
        border-radius: 0 !important;
        bottom: 0 !important;
        box-shadow: none !important;
        height: 100dvh !important;
        inset: 0 !important;
        left: 0 !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: calc(16px + env(safe-area-inset-top, 0px)) 14px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        position: fixed !important;
        right: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        -webkit-overflow-scrolling: touch;
    }

    .mzya-store-drawer-head {
        background: #fff !important;
        border-bottom: 1px solid rgba(45, 88, 147, .12) !important;
        margin: -2px 0 14px !important;
        padding: 0 0 14px !important;
        position: sticky !important;
        z-index: 3 !important;
    }

    .mzya-store-drawer-close {
        background: rgba(98, 142, 146, .12) !important;
        color: var(--mzya-ink) !important;
    }

    .mzya-store-drawer-link,
    button.mzya-store-drawer-link,
    .mzya-store-drawer-trust-item,
    .mzya-store-drawer-selects select {
        background: #f8fbff !important;
        border-color: rgba(45, 88, 147, .16) !important;
    }

    html[dir="rtl"] .mzya-store-drawer-card,
    body[dir="rtl"] .mzya-store-drawer-card {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .mzya-store-drawer-head,
    body[dir="rtl"] .mzya-store-drawer-head {
        direction: rtl !important;
    }
}

/* Phase 9W4: flush mobile hero + shared seller store breadcrumbs */
@media (max-width: 767px) {
    .mzya-store-shell {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mzya-store-mobile-header {
        margin: 0 !important;
        padding: 0 0 12px !important;
    }

    .mzya-store-mobile-card {
        border-radius: 0 0 22px 22px !important;
        margin: 0 !important;
        width: 100vw !important;
    }

    .mzya-store-mobile-actions {
        margin-top: -16px !important;
    }
}

.seller-store-shell__breadcrumbs,
.seller-product-shell__breadcrumbs {
    color: #64748b !important;
    direction: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin: 15px 0 0 !important;
    padding: 0 10px !important;
    text-align: start !important;
    text-transform: uppercase;
}

.seller-store-shell__breadcrumbs ol,
.seller-product-shell__breadcrumbs ol {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: flex-start !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seller-store-shell__breadcrumbs li,
.seller-product-shell__breadcrumbs li {
    list-style: none !important;
    max-width: 100% !important;
}

.seller-store-shell__breadcrumbs a,
.seller-product-shell__breadcrumbs a {
    color: #64748b !important;
    text-decoration: none !important;
}

.seller-store-shell__breadcrumbs a:hover,
.seller-product-shell__breadcrumbs a:hover {
    color: var(--mzya-blue) !important;
}

.seller-store-shell__breadcrumb-current,
.seller-product-shell__breadcrumb-current {
    color: #2d5893 !important;
    font-weight: 800 !important;
}

.seller-store-shell__breadcrumb-separator,
.seller-product-shell__breadcrumb-separator {
    color: #94a3b8 !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .seller-store-shell__breadcrumbs,
    .seller-product-shell__breadcrumbs {
        font-size: 11px !important;
        margin: 6px 0 18px !important;
        padding: 0 20px !important;
    }
}


/* Phase 9W5: mobile hero flush, home quick action, compact store breadcrumbs */
@media (max-width: 767px) {
    .mzya-storefront-page-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mzya-store-mobile-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mzya-store-mobile-card {
        margin-top: 0 !important;
    }

    .mzya-store-mobile-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .mzya-store-mobile-action.is-menu > span {
        background: #e5e7eb !important;
        color: #64748b !important;
        box-shadow: none !important;
    }

    .mzya-store-mobile-action.is-home > span {
        background: var(--mzya-teal) !important;
        color: #fff !important;
    }

    .seller-store-shell__breadcrumbs {
        margin: 6px 0 0 !important;
    }
}


/* Phase 9W6: seller PDP frame styles moved from Blade to avoid <style> output in body. */
.seller-product-shell__breadcrumbs {
                margin: 0 0 .75rem;
                padding: 0;
                text-align: start;
            }

            .seller-product-shell__breadcrumbs ol {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                gap: .45rem;
                justify-content: flex-start;
                margin: 0;
                padding: 0;
            }

            .seller-product-shell__breadcrumbs a {
                color: #64748b;
                text-decoration: none;
                transition: color .2s ease;
            }

            .seller-product-shell__breadcrumbs a:hover {
                color: #2c5792;
            }

            .seller-product-shell__breadcrumbs .seller-product-shell__breadcrumb-current {
                color: #0f172a;
                font-weight: 500;
            }

            .seller-product-shell__breadcrumbs .seller-product-shell__breadcrumb-separator {
                color: #94a3b8;
            }

            .seller-product-shell + .flex.justify-center.px-7.max-lg\:hidden {
                display: none !important;
            }

            main#main > v-product,
            main#main > v-product-associations {
                display: block;
                width: 100%;
            }

            .mzya-offer-old-price {
                color: #64748b;
                font-size: .95em;
                margin-inline-end: .5rem;
                text-decoration: line-through;
            }

            .mzya-offer-new-price {
                color: #0f172a;
                font-weight: 500;
            }

            .mzya-offer-badge {
                align-items: center;
                background: #fee2e2;
                border-radius: 9999px;
                color: #b91c1c;
                display: inline-flex;
                font-size: .75rem;
                font-weight: 500;
                line-height: 1;
                margin-inline-start: .5rem;
                padding: .2rem .5rem;
                vertical-align: middle;
            }


/* Phase 9W6: keep mobile seller shell flush and breadcrumbs compact. */
@media (max-width: 767px) {
    .mzya-storefront-page-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mzya-store-mobile-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .mzya-store-mobile-card {
        margin-top: 0 !important;
    }

    .seller-store-shell__breadcrumbs,
    .seller-product-shell__breadcrumbs {
        margin-bottom: 0 !important;
    }
}

/* Phase 9X13 — Desktop hero radius + modern uppercase mini-site tabs */
@media (min-width: 768px) {
    .mzya-store-desktop-hero {
border-radius: 8px !important;
        overflow: hidden !important;
    }

    .mzya-store-tabs {
        align-items: center !important;
        background: rgba(255, 255, 255, .96) !important;
        border: 1px solid rgba(45, 88, 147, .14) !important;
        border-radius: 20px !important;
        box-shadow: 0 18px 45px rgba(15, 23, 42, .07) !important;
        display: flex !important;
        gap: 0 !important;
        justify-content: space-between !important;
        margin-top: 22px !important;
        overflow-x: auto !important;
        padding: 9px 12px !important;
        scrollbar-width: thin !important;
    }

    .mzya-store-tab {
        align-items: center !important;
        border: 0 !important;
        border-radius: 8px !important;
        color: var(--mzya-blue) !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        font-size: .76rem !important;
        font-weight: 500 !important;
        gap: 8px !important;
        letter-spacing: .045em !important;
        line-height: 1 !important;
        min-height: 42px !important;
        padding: 0 15px !important;
        position: relative !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
        white-space: nowrap !important;
    }

    .mzya-store-tab:not(:last-child)::before {
        background: linear-gradient(180deg, transparent, rgba(45, 88, 147, .16), transparent) !important;
        content: "" !important;
        height: 22px !important;
        pointer-events: none !important;
        position: absolute !important;
        right: -1px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 1px !important;
    }

    html[dir="rtl"] .mzya-store-tab:not(:last-child)::before,
    body[dir="rtl"] .mzya-store-tab:not(:last-child)::before {
        left: -1px !important;
        right: auto !important;
    }

    .mzya-store-tab svg {
        color: currentColor !important;
        height: 16px !important;
        opacity: .9 !important;
        width: 16px !important;
    }

    .mzya-store-tab:hover {
        background: rgba(98, 142, 146, .08) !important;
        color: var(--mzya-blue) !important;
        transform: translateY(-1px) !important;
    }

    .mzya-store-tab.is-active {
        color: var(--mzya-blue) !important;
    }

    .mzya-store-tab.is-active::after {
        background: linear-gradient(90deg, var(--mzya-teal), var(--mzya-blue), var(--mzya-gold)) !important;
        border-radius: 999px !important;
        bottom: -10px !important;
        box-shadow: 0 6px 14px rgba(228, 162, 36, .25) !important;
        content: "" !important;
        height: 3px !important;
        left: 18px !important;
        position: absolute !important;
        right: 18px !important;
    }

    .mzya-store-tab.is-active:not(:last-child)::before {
        opacity: 0 !important;
    }
}

/* Phase 9X14 — restore desktop command menu, remove tabs scrollbar, brand trust pills */
@media (min-width: 768px) {
    .mzya-store-desktop-hero {
border-radius: 8px !important;
        overflow: visible !important;
    }

    .mzya-store-desktop-overlay,
    .mzya-store-desktop-inner {
        border-radius: inherit !important;
    }

    .mzya-store-desktop-command {
        display: grid !important;
        gap: 8px !important;
        position: absolute !important;
        right: 26px !important;
        top: 22px !important;
        width: 245px !important;
        z-index: 80 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-command,
    body[dir="rtl"] .mzya-store-desktop-command {
        left: 26px !important;
        right: auto !important;
    }

    .mzya-store-desktop-menu {
        position: relative !important;
        z-index: 10060 !important;
    }

    .mzya-store-desktop-menu-toggle {
        align-items: center !important;
        background: rgba(255, 255, 255, .94) !important;
        border: 1px solid rgba(255, 255, 255, .65) !important;
        border-radius: 8px !important;
        box-shadow: 0 14px 34px rgba(15, 23, 42, .14) !important;
        color: var(--mzya-blue) !important;
        cursor: pointer !important;
        display: grid !important;
        font-size: .78rem !important;
        font-weight: 900 !important;
        gap: 8px !important;
        grid-template-columns: 28px 1fr 16px !important;
        min-height: 42px !important;
        padding: 6px 10px !important;
        text-align: start !important;
        width: 100% !important;
        text-transform: uppercase;
    }

    .mzya-store-desktop-menu-toggle-icon {
        align-items: center !important;
        background: var(--mzya-gold) !important;
        border-radius: 999px !important;
        color: var(--mzya-blue) !important;
        display: inline-flex !important;
        height: 28px !important;
        justify-content: center !important;
        width: 28px !important;
    }

    .mzya-store-desktop-menu-toggle-icon svg {
        height: 14px !important;
        width: 14px !important;
    }

    .mzya-store-desktop-menu-chevron {
        height: 16px !important;
        transition: transform .18s ease !important;
        width: 16px !important;
    }

    .mzya-store-desktop-menu.is-open .mzya-store-desktop-menu-chevron,
    .mzya-store-shell.is-desktop-menu-open .mzya-store-desktop-menu-chevron {
        transform: rotate(180deg) !important;
    }

    .mzya-store-desktop-menu-panel[hidden] {
        display: none !important;
    }

    .mzya-store-desktop-menu-panel {
        background: rgba(255, 255, 255, .98) !important;
        border: 1px solid rgba(45, 88, 147, .16) !important;
        border-radius: 10px !important;
        box-shadow: 0 26px 70px rgba(15, 23, 42, .22) !important;
        color: var(--mzya-blue) !important;
        display: block !important;
        max-height: min(72vh, 560px) !important;
        overflow: auto !important;
        padding: 10px !important;
        position: fixed !important;
        right: max(18px, calc((100vw - 1320px) / 2 + 18px)) !important;
        top: 118px !important;
        width: min(520px, calc(100vw - 36px)) !important;
        z-index: 10080 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-panel,
    body[dir="rtl"] .mzya-store-desktop-menu-panel {
        left: max(18px, calc((100vw - 1320px) / 2 + 18px)) !important;
        right: auto !important;
    }

    .mzya-store-desktop-menu-head {
        align-items: center !important;
        background: linear-gradient(90deg, rgba(98, 142, 146, .12), rgba(45, 88, 147, .08)) !important;
        border: 1px solid rgba(45, 88, 147, .10) !important;
        border-radius: 8px !important;
        display: flex !important;
        justify-content: space-between !important;
        margin-bottom: 9px !important;
        min-height: 40px !important;
        padding: 7px 9px !important;
    }

    .mzya-store-desktop-menu-head strong {
        color: var(--mzya-blue) !important;
        font-size: .82rem !important;
        font-weight: 950 !important;
    }

    .mzya-store-desktop-menu-head button {
        align-items: center !important;
        background: #fff !important;
        border: 1px solid rgba(45, 88, 147, .12) !important;
        border-radius: 999px !important;
        color: var(--mzya-blue) !important;
        cursor: pointer !important;
        display: inline-flex !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        height: 28px !important;
        justify-content: center !important;
        line-height: 1 !important;
        width: 28px !important;
    }

    .mzya-store-desktop-menu-columns {
        display: grid !important;
        gap: 9px !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    }

    .mzya-store-desktop-menu-stack {
        display: grid !important;
        gap: 9px !important;
    }

    .mzya-store-desktop-menu-group {
        background: rgba(248, 251, 255, .86) !important;
        border: 1px solid rgba(45, 88, 147, .12) !important;
        border-radius: 15px !important;
        display: grid !important;
        gap: 6px !important;
        padding: 9px !important;
    }

    .mzya-store-desktop-menu-group h3 {
        color: var(--mzya-blue) !important;
        font-size: .68rem !important;
        font-weight: 950 !important;
        letter-spacing: .065em !important;
        margin: 0 0 2px !important;
        text-transform: uppercase !important;
    }

    .mzya-store-desktop-menu-link {
        align-items: center !important;
        background: #fff !important;
        border: 1px solid transparent !important;
border-radius: 8px !important;
        color: var(--mzya-blue) !important;
        display: grid !important;
        font-size: .75rem !important;
        font-weight: 850 !important;
        gap: 8px !important;
        grid-template-columns: 26px 1fr !important;
        min-height: 36px !important;
        padding: 5px 8px !important;
        text-align: start !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    button.mzya-store-desktop-menu-link {
        cursor: pointer !important;
    }

    .mzya-store-desktop-menu-link > span {
        align-items: center !important;
        background: rgba(45, 88, 147, .07) !important;
        border-radius: 999px !important;
        color: var(--mzya-blue) !important;
        display: inline-flex !important;
        height: 26px !important;
        justify-content: center !important;
        width: 26px !important;
    }

    .mzya-store-desktop-menu-link svg {
        height: 13px !important;
        width: 13px !important;
    }

    .mzya-store-desktop-menu-link:hover,
    .mzya-store-desktop-menu-link.is-active {
        background: rgba(98, 142, 146, .11) !important;
        border-color: rgba(45, 88, 147, .14) !important;
        color: var(--mzya-blue) !important;
    }

    .mzya-store-desktop-menu-group--prefs label {
        color: #334155 !important;
        display: grid !important;
        font-size: .68rem !important;
        font-weight: 900 !important;
        gap: 4px !important;
        margin: 0 !important;
    }

    .mzya-store-desktop-menu-group--prefs select {
        background: #fff !important;
        border: 1px solid rgba(45, 88, 147, .16) !important;
        border-radius: 11px !important;
        color: var(--mzya-blue) !important;
        font-size: .75rem !important;
        font-weight: 900 !important;
        min-height: 34px !important;
        padding: 0 9px !important;
        width: 100% !important;
    }
.mzya-store-desktop-currency-select {
    display: block;
    position: relative;
    width: 100%;
}

.mzya-store-desktop-currency-select select {
    color: transparent !important;
    position: relative;
    width: 100%;
}

.mzya-store-desktop-currency-select select option {
    color: var(--mzya-blue) !important;
}

.mzya-store-desktop-currency-current {
    color: var(--mzya-blue) !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    inset-inline-start: 12px;
    line-height: 1;
    max-width: calc(100% - 38px);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    z-index: 2;
}
    .mzya-store-desktop-command .mzya-store-desktop-rating {
        align-items: center !important;
        background: rgba(16, 33, 61, .88) !important;
        border: 1px solid rgba(255, 255, 255, .26) !important;
border-radius: 8px !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
        color: #fff !important;
        display: grid !important;
        gap: 2px !important;
        justify-items: center !important;
        min-width: 0 !important;
        padding: 9px 14px !important;
        position: static !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    .mzya-store-desktop-command .mzya-store-desktop-rating strong {
        font-size: 1.25rem !important;
        line-height: 1 !important;
    }

    .mzya-store-desktop-command .mzya-store-desktop-rating span {
        color: var(--mzya-gold) !important;
        font-size: .72rem !important;
        line-height: 1 !important;
    }

    .mzya-store-desktop-command .mzya-store-desktop-rating small {
        color: rgba(255, 255, 255, .92) !important;
        font-size: .62rem !important;
        font-weight: 900 !important;
    }

    .mzya-store-desktop-trust .mzya-store-pill,
    .mzya-store-pill {
        background: rgb(17 88 122 / 30%) !important;
        text-transform: uppercase !important;
    }

    .mzya-store-tabs {
        overflow: hidden !important;
        scrollbar-width: none !important;
    }

    .mzya-store-tabs::-webkit-scrollbar {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
    }
}

/* Phase 9X14 — final tab scrollbar fix and cleaner active state */
@media (min-width: 1024px) {
    .mzya-store-tabs {
        border-radius: 10px !important;
        gap: 2px !important;
        justify-content: space-between !important;
        min-height: 58px !important;
        padding: 7px 10px !important;
    }

    .mzya-store-tab {
border-radius: 8px !important;
        flex: 1 1 auto !important;
        font-size: 0.85rem !important;
        gap: 6px !important;
        justify-content: center !important;
        min-height: 40px !important;
        min-width: 0 !important;
        padding: 0 8px !important;
        text-align: center !important;
    }

    .mzya-store-tab svg {
        height: 22px !important;
        width: 22px !important;
    }

    .mzya-store-tab.is-active {
        color: var(--mzya-blue) !important;
    }

    .mzya-store-tab.is-active::after {
        bottom: 2px !important;
        height: 3px !important;
        left: 14px !important;
        right: 14px !important;
    }
}

/* Phase 9X15 — keep desktop Menu boutique above every storefront layer */
@media (min-width: 768px) {
    .mzya-store-shell,
    .mzya-store-desktop-hero,
    .mzya-store-desktop-inner,
    .mzya-store-desktop-overlay,
    .mzya-store-desktop-command,
    .mzya-store-desktop-menu {
        overflow: visible !important;
    }

    .mzya-store-shell.is-desktop-menu-open,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) {
        isolation: isolate !important;
        position: relative !important;
        z-index: 2147482000 !important;
    }

    .mzya-store-shell.is-desktop-menu-open .mzya-store-desktop-command,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) .mzya-store-desktop-command {
        z-index: 2147482500 !important;
    }

    .mzya-store-shell.is-desktop-menu-open .mzya-store-desktop-menu,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) .mzya-store-desktop-menu {
        z-index: 2147482600 !important;
    }

    .mzya-store-desktop-menu-panel:not([hidden]) {
        display: block !important;
        position: fixed !important;
        top: 96px !important;
        right: max(18px, calc((100vw - 1320px) / 2 + 18px)) !important;
        left: auto !important;
        width: min(500px, calc(100vw - 36px)) !important;
        max-height: calc(100vh - 116px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2147483000 !important;
        will-change: auto !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]),
    body[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]) {
        left: max(18px, calc((100vw - 1320px) / 2 + 18px)) !important;
        right: auto !important;
    }

    .mzya-store-shell.is-desktop-menu-open ~ .seller-store-shell__breadcrumbs,
    .mzya-store-shell.is-desktop-menu-open ~ .seller-tab-panel,
    .mzya-store-shell.is-desktop-menu-open ~ section,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .seller-store-shell__breadcrumbs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .seller-tab-panel,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ section {
        z-index: 1 !important;
    }
}


/* Phase 9X16 — anchor desktop Menu boutique below button and make panel fully opaque */
@media (min-width: 768px) {
    .mzya-store-shell.is-desktop-menu-open,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) {
        isolation: isolate !important;
        position: relative !important;
        z-index: 2147482000 !important;
    }

    .mzya-store-desktop-menu,
    .mzya-store-desktop-menu.is-open {
        position: relative !important;
        z-index: 2147482600 !important;
    }

    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        background: #ffffff !important;
        background-color: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: 1px solid rgba(45, 88, 147, .18) !important;
        box-shadow: 0 28px 74px rgba(15, 23, 42, .28), 0 0 0 9999px rgba(15, 23, 42, .08) !important;
        display: block !important;
        left: var(--mzya-desktop-menu-left, auto) !important;
        right: auto !important;
        top: var(--mzya-desktop-menu-top, 104px) !important;
        width: var(--mzya-desktop-menu-width, min(500px, calc(100vw - 28px))) !important;
        max-height: var(--mzya-desktop-menu-max-height, calc(100vh - 124px)) !important;
        opacity: 1 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
        position: fixed !important;
        transform: none !important;
        visibility: visible !important;
        z-index: 2147483600 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]),
    body[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]) {
        left: var(--mzya-desktop-menu-left, 14px) !important;
        right: auto !important;
    }

    .mzya-store-desktop-menu-panel::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: inherit !important;
        background: #ffffff !important;
        z-index: -1 !important;
    }

    .mzya-store-desktop-menu-head,
    .mzya-store-desktop-menu-group,
    .mzya-store-desktop-menu-link,
    .mzya-store-desktop-menu-group--prefs select {
        background-color: #ffffff !important;
    }

    .mzya-store-desktop-menu-head {
        background: linear-gradient(90deg, #f8fbfc, #f3f7fb) !important;
    }

    .mzya-store-desktop-menu-link:hover,
    .mzya-store-desktop-menu-link.is-active {
        background-color: #eef5f6 !important;
    }

    .mzya-store-shell.is-desktop-menu-open ~ .mzya-store-tabs,
    .mzya-store-shell.is-desktop-menu-open ~ .seller-store-shell__breadcrumbs,
    .mzya-store-shell.is-desktop-menu-open ~ .seller-tab-panel,
    .mzya-store-shell.is-desktop-menu-open ~ section,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .mzya-store-tabs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .seller-store-shell__breadcrumbs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .seller-tab-panel,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ section {
        z-index: 0 !important;
    }
}

/* Phase 9X17 — prevent store tabs/content links from showing through desktop menu */
@media (min-width: 768px) {
    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        isolation: isolate !important;
        background: #fff !important;
        background-color: #fff !important;
        z-index: 2147483600 !important;
    }

    .mzya-store-desktop-menu-panel::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: inherit !important;
        background: #fff !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    .mzya-store-desktop-menu-panel > * {
        position: relative !important;
        z-index: 2 !important;
    }

    .mzya-store-desktop-menu-columns,
    .mzya-store-desktop-menu-stack,
    .mzya-store-desktop-menu-group,
    .mzya-store-desktop-menu-link,
    .mzya-store-desktop-menu-group--prefs select {
        background-clip: padding-box !important;
    }

    .mzya-store-shell.is-desktop-menu-open ~ .mzya-store-tabs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .mzya-store-tabs {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .mzya-store-shell.is-desktop-menu-open ~ .seller-store-shell__breadcrumbs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) ~ .seller-store-shell__breadcrumbs {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-link,
    body[dir="rtl"] .mzya-store-desktop-menu-link {
        direction: rtl !important;
        grid-template-columns: 1fr 26px !important;
        text-align: right !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-link > span,
    body[dir="rtl"] .mzya-store-desktop-menu-link > span {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-link > :not(span),
    body[dir="rtl"] .mzya-store-desktop-menu-link > :not(span) {
        grid-column: 1 !important;
        min-width: 0 !important;
    }
}

/* Phase 9X18 — keep desktop store menu fully isolated above tabs/content */
@media (min-width: 768px) {
    html.mzya-store-desktop-menu-open .mzya-store-tabs,
    .mzya-store-shell.is-desktop-menu-open .mzya-store-tabs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) .mzya-store-tabs {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html.mzya-store-desktop-menu-open .seller-store-shell__breadcrumbs,
    .mzya-store-shell.is-desktop-menu-open + .seller-store-shell__breadcrumbs,
    .mzya-store-shell:has(.mzya-store-desktop-menu.is-open) + .seller-store-shell__breadcrumbs {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        background: #ffffff !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        isolation: isolate !important;
        overflow: auto !important;
        z-index: 2147483000 !important;
    }

    .mzya-store-desktop-menu-panel::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: -1 !important;
        border-radius: inherit !important;
        background: #ffffff !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        pointer-events: none !important;
    }

    .mzya-store-desktop-menu-panel > * {
        position: relative !important;
        z-index: 1 !important;
    }
}


/* Phase 9X27 — seller-store customer login modal */
.mzya-store-login-modal[hidden] {
    display: none !important;
}

.mzya-store-login-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: grid;
    place-items: center;
    padding: 20px;
}

.mzya-store-login-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 20, 34, 0.58);
    backdrop-filter: blur(8px);
}

.mzya-store-login-dialog {
    position: relative;
    z-index: 1;
    width: min(94vw, 520px);
    max-height: min(88vh, 760px);
    overflow: auto;
    border: 1px solid rgba(98, 142, 146, 0.24);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(15, 35, 60, 0.30);
    padding: 28px;
}

.mzya-store-login-close {
    position: absolute;
    top: 16px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: #f4f8fb;
    color: #0d2f5f;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    inset-inline-end: 16px;
}

.mzya-store-login-brand {
    padding-inline-end: 42px;
    margin-bottom: 22px;
}

.mzya-store-login-brand span {
    display: block;
    margin-bottom: 6px;
    color: #e4a224;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.mzya-store-login-brand strong {
    display: block;
    color: #0d2f5f;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 500;
}

.mzya-store-login-brand p {
    margin-top: 10px;
    color: #516171;
    font-size: 14px;
    line-height: 1.65;
}

.mzya-store-login-alert {
    margin-bottom: 16px;
    border: 1px solid rgba(228, 162, 36, 0.35);
    border-radius: 14px;
    background: rgba(228, 162, 36, 0.10);
    color: #7a4b00;
    padding: 11px 13px;
    font-weight: 500;
    font-size: 13px;
}

.mzya-store-login-form .control-group {
    margin-bottom: 16px;
}

.mzya-store-login-input {
    width: 100%;
    border-radius: 8px !important;
    border: 1px solid #d8e4ef !important;
    background: #fbfdff !important;
    padding: 13px 15px !important;
    min-height: 48px;
}

.mzya-store-login-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 4px 0 18px;
    font-size: 13px;
}

.mzya-store-login-row a,
.mzya-store-login-register a {
    color: #2d5893;
    font-weight: 500;
}

.mzya-store-login-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #526577;
    cursor: pointer;
}

.mzya-store-login-check input {
    width: 16px;
    height: 16px;
    accent-color: #2d5893;
}

.mzya-store-login-captcha {
    margin-top: 14px;
    overflow: auto;
}

.mzya-store-login-submit {
    width: 100%;
    min-height: 48px;
    border-radius: 16px;
    background: #2d5893;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 12px 28px rgba(45, 88, 147, 0.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mzya-store-login-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(45, 88, 147, 0.28);
}

.mzya-store-login-register {
    margin-top: 16px;
    color: #526577;
    font-size: 13px;
    text-align: center;
}

html.mzya-store-login-open,
html.mzya-store-login-open body {
    overflow: hidden;
}

@media (max-width: 767px) {
    .mzya-store-login-modal {
        padding: 12px;
        align-items: end;
    }

    .mzya-store-login-dialog {
        width: 100%;
        max-height: 88vh;
        border-radius: 12px 22px 0 0;
        padding: 22px 18px 18px;
    }

    .mzya-store-login-brand strong {
        font-size: 24px;
    }

    .mzya-store-login-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Phase 9X28 — login modal mobile vertical position recovery
   Keep seller-store login modal centered on mobile instead of bottom-sheet style. */
@media (max-width: 767px) {
    .mzya-store-login-modal {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px !important;
        min-height: 100dvh;
    }

    .mzya-store-login-dialog {
        width: min(100%, 430px) !important;
        max-height: calc(100dvh - 32px) !important;
border-radius: 8px !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@supports not (height: 100dvh) {
    @media (max-width: 767px) {
        .mzya-store-login-modal {
            min-height: 100vh;
        }

        .mzya-store-login-dialog {
            max-height: calc(100vh - 32px) !important;
        }
    }
}

/* Phase 9X30 — Seller store PDP breadcrumbs full-width alignment */
.seller-product-shell__breadcrumbs {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    text-align: left !important;
}

.seller-product-shell__breadcrumbs ol,
.seller-product-shell__breadcrumbs ul {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

html[dir="rtl"] .seller-product-shell__breadcrumbs,
body[dir="rtl"] .seller-product-shell__breadcrumbs,
.seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs,
html[lang="ar"] .seller-product-shell__breadcrumbs {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .seller-product-shell__breadcrumbs ol,
html[dir="rtl"] .seller-product-shell__breadcrumbs ul,
body[dir="rtl"] .seller-product-shell__breadcrumbs ol,
body[dir="rtl"] .seller-product-shell__breadcrumbs ul,
.seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs ol,
.seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs ul,
html[lang="ar"] .seller-product-shell__breadcrumbs ol,
html[lang="ar"] .seller-product-shell__breadcrumbs ul {
    justify-content: flex-end !important;
    text-align: right !important;
}

@media (max-width: 767px) {
    .seller-product-shell__breadcrumbs {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 12px !important;
        padding: 6px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
    }

    .seller-product-shell__breadcrumbs ol,
    .seller-product-shell__breadcrumbs ul {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: nowrap !important;
    }

    .seller-product-shell__breadcrumb-current {
        max-width: min(52vw, 220px) !important;
    }
}


/* Phase 9X31 — Product detail breadcrumbs visibility + clean selector URLs */
.seller-product-shell__breadcrumbs {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    padding-inline: 0 !important;
}

.seller-product-shell__breadcrumbs ol,
.seller-product-shell__breadcrumbs ul {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
}

@media (max-width: 767px) {
    .seller-product-shell__breadcrumbs {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 12px !important;
        padding: 8px 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: left !important;
    }

    .seller-product-shell__breadcrumbs ol,
    .seller-product-shell__breadcrumbs ul {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px 7px !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: left !important;
    }

    .seller-product-shell__breadcrumbs li,
    .seller-product-shell__breadcrumbs a,
    .seller-product-shell__breadcrumb-current,
    .seller-product-shell__breadcrumb-separator {
        white-space: normal !important;
        max-width: none !important;
    }

    .seller-product-shell__breadcrumb-current {
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    html[dir="rtl"] .seller-product-shell__breadcrumbs,
    body[dir="rtl"] .seller-product-shell__breadcrumbs,
    .seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs,
    html[lang="ar"] .seller-product-shell__breadcrumbs {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .seller-product-shell__breadcrumbs ol,
    html[dir="rtl"] .seller-product-shell__breadcrumbs ul,
    body[dir="rtl"] .seller-product-shell__breadcrumbs ol,
    body[dir="rtl"] .seller-product-shell__breadcrumbs ul,
    .seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs ol,
    .seller-product-shell[dir="rtl"] .seller-product-shell__breadcrumbs ul,
    html[lang="ar"] .seller-product-shell__breadcrumbs ol,
    html[lang="ar"] .seller-product-shell__breadcrumbs ul {
        direction: rtl !important;
        justify-content: flex-start !important;
        text-align: right !important;
    }
}

/* Phase 9X32 — Seller PDP mobile breadcrumbs full screen width fix */
@media (max-width: 767px) {
    body:has(.seller-product-shell) main#main,
    body:has(.seller-product-shell) .seller-product-shell,
    body:has(.seller-product-shell) .seller-product-shell > .container,
    body:has(.seller-product-shell) .seller-product-shell > .container > .mx-auto,
    html[lang="ar"] body:has(.seller-product-shell) main#main,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell > .container,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell > .container > .mx-auto {
        box-sizing: border-box !important;
        inline-size: 100vw !important;
        max-inline-size: 100vw !important;
        min-inline-size: 100vw !important;
    }

    body:has(.seller-product-shell) .seller-product-shell > .container {
        margin-inline: calc(50% - 50vw) !important;
        padding-inline: 0 !important;
    }

    body:has(.seller-product-shell) .seller-product-shell > .container > .mx-auto {
        margin-inline: 0 !important;
        padding-inline: 10px !important;
    }

    body:has(.seller-product-shell) .seller-product-shell__breadcrumbs {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        display: block !important;
        inline-size: 100% !important;
        max-inline-size: 100% !important;
        margin: 10px 0 14px !important;
        overflow: visible !important;
        padding: 8px 10px !important;
        white-space: normal !important;
    }

    body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ol,
    body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ul {
        align-items: center !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px 7px !important;
        inline-size: 100% !important;
        justify-content: flex-start !important;
        max-inline-size: 100% !important;
        min-inline-size: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        white-space: normal !important;
    }

    body:has(.seller-product-shell) .seller-product-shell__breadcrumbs li,
    body:has(.seller-product-shell) .seller-product-shell__breadcrumbs a,
    body:has(.seller-product-shell) .seller-product-shell__breadcrumb-current,
    body:has(.seller-product-shell) .seller-product-shell__breadcrumb-separator {
        max-inline-size: 100% !important;
        min-inline-size: 0 !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }

    html[dir="rtl"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs,
    body[dir="rtl"]:has(.seller-product-shell) .seller-product-shell__breadcrumbs,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ol,
    html[dir="rtl"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ul,
    body[dir="rtl"]:has(.seller-product-shell) .seller-product-shell__breadcrumbs ol,
    body[dir="rtl"]:has(.seller-product-shell) .seller-product-shell__breadcrumbs ul,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ol,
    html[lang="ar"] body:has(.seller-product-shell) .seller-product-shell__breadcrumbs ul {
        direction: rtl !important;
        justify-content: flex-start !important;
        text-align: right !important;
    }
}

/* Phase 9Y1 — storefront follow/share/QR/trust metrics */
.mzya-store-follow-form,
.mzya-store-drawer-form {
    margin: 0;
    padding: 0;
    display: contents;
}

.mzya-store-follow-button.is-following {
    background: rgba(98, 142, 146, 0.14) !important;
    border-color: rgba(98, 142, 146, 0.34) !important;
    color: #174f5a !important;
}

.mzya-store-menu-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mzya-store-menu-metrics span {
    display: flex;
    min-height: 46px;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(44, 87, 146, 0.12);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(245, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
    padding: 8px 10px;
    color: #64748b;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
}

.mzya-store-menu-metrics strong {
    color: #123866;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.mzya-store-share-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mzya-store-menu-qr {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    border: 1px solid rgba(44, 87, 146, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    padding: 9px;
}

.mzya-store-menu-qr img {
    display: block;
    width: 74px;
    height: 74px;
    border-radius: 10px;
    background: #fff;
    object-fit: contain;
}

.mzya-store-menu-qr strong,
.mzya-store-menu-qr a {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
}

.mzya-store-menu-qr strong {
    color: #123866;
}

.mzya-store-menu-qr a {
    margin-top: 4px;
    color: #2d5893;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.mzya-store-drawer-share-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

html[dir="rtl"] .mzya-store-menu-metrics span,
body[dir="rtl"] .mzya-store-menu-metrics span,
html[dir="rtl"] .mzya-store-menu-qr,
body[dir="rtl"] .mzya-store-menu-qr {
    text-align: right;
}

@media (max-width: 767px) {
    .mzya-store-menu-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mzya-store-menu-metrics span {
        min-height: 42px;
        padding: 7px 8px;
        font-size: 9px;
    }

    .mzya-store-menu-metrics strong {
        font-size: 13px;
    }

    .mzya-store-menu-qr {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .mzya-store-menu-qr img {
        width: 64px;
        height: 64px;
    }
}


/* Phase 9Y3 — desktop drawer balance: compact Boutique links + move Mzya group under Boutique */
@media (min-width: 768px) {
    .mzya-store-desktop-menu-columns {
        align-items: start !important;
    }

    .mzya-store-desktop-menu-primary {
        align-content: start !important;
        display: grid !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    .mzya-store-desktop-menu-group--store,
    .mzya-store-desktop-menu-group--mzya {
        align-content: start !important;
        gap: 5px !important;
    }

    .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link,
    .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link {
        grid-template-columns: 30px 1fr !important;
        gap: 9px !important;
        min-height: 34px !important;
        padding: 5px 8px !important;
    }

    .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link > span,
    .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link > span {
        height: 30px !important;
        width: 30px !important;
    }

    .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link svg,
    .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link svg {
        height: 15px !important;
        width: 15px !important;
    }

    .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link strong,
    .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link strong {
        line-height: 1.15 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link,
    body[dir="rtl"] .mzya-store-desktop-menu-group--store .mzya-store-desktop-menu-link,
    html[dir="rtl"] .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link,
    body[dir="rtl"] .mzya-store-desktop-menu-group--mzya .mzya-store-desktop-menu-link {
        grid-template-columns: 1fr 30px !important;
    }

    .mzya-store-desktop-menu-stack {
        align-content: start !important;
    }
}

/* Phase 9Y4 — wider desktop drawer, inline preferences, no wrapped menu labels */
@media (min-width: 768px) {
    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        width: min(640px, calc(100vw - 28px)) !important;
    }

    .mzya-store-desktop-menu-columns {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
        gap: 10px !important;
    }

    .mzya-store-desktop-menu-group--prefs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .mzya-store-desktop-menu-group--prefs h3 {
        grid-column: 1 / -1 !important;
    }

    .mzya-store-desktop-menu-group--prefs label {
        min-width: 0 !important;
    }

    .mzya-store-desktop-menu-group--prefs select {
        min-height: 32px !important;
        padding-inline: 8px !important;
    }

    .mzya-store-menu-metrics span,
    .mzya-store-share-tools .mzya-store-desktop-menu-link strong,
    .mzya-store-desktop-menu-link strong,
    .mzya-store-menu-qr strong,
    .mzya-store-menu-qr a {
        white-space: nowrap !important;
    }

    .mzya-store-menu-metrics span {
        min-height: 42px !important;
        padding: 7px 9px !important;
        font-size: 9.5px !important;
    }

    .mzya-store-share-tools {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .mzya-store-desktop-menu-group--share .mzya-store-desktop-menu-link {
        min-width: 0 !important;
        padding-inline: 8px !important;
    }

    .mzya-store-desktop-menu-group--share .mzya-store-desktop-menu-link strong {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mzya-store-menu-qr {
        grid-template-columns: 70px minmax(0, 1fr) !important;
    }

    .mzya-store-menu-qr img {
        width: 70px !important;
        height: 70px !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-columns,
    body[dir="rtl"] .mzya-store-desktop-menu-columns {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    }
}

/* Phase 9Y5 — keep desktop Menu boutique exactly under its button and inside viewport */
@media (min-width: 768px) {
    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        box-sizing: border-box !important;
        left: var(--mzya-desktop-menu-left, 14px) !important;
        right: auto !important;
        top: var(--mzya-desktop-menu-top, 104px) !important;
        width: var(--mzya-desktop-menu-width, min(620px, calc(100vw - 28px))) !important;
        max-width: calc(100vw - 28px) !important;
        max-height: var(--mzya-desktop-menu-max-height, calc(100vh - 118px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: none !important;
        z-index: 2147483600 !important;
    }

    html[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]),
    body[dir="rtl"] .mzya-store-desktop-menu-panel:not([hidden]) {
        left: var(--mzya-desktop-menu-left, 14px) !important;
        right: auto !important;
    }

    .mzya-store-desktop-menu-columns {
        grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important;
    }

    .mzya-store-desktop-menu-group--prefs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mzya-store-desktop-menu-group--prefs h3 {
        grid-column: 1 / -1 !important;
    }

    .mzya-store-desktop-menu-group--prefs label,
    .mzya-store-desktop-menu-group--prefs select {
        min-width: 0 !important;
    }

    .mzya-store-desktop-menu-link strong,
    .mzya-store-menu-metrics span,
    .mzya-store-share-tools .mzya-store-desktop-menu-link strong,
    .mzya-store-menu-qr strong,
    .mzya-store-menu-qr a {
        white-space: nowrap !important;
    }
}


/* Phase 9Y6 — desktop Menu boutique warm Mzya background */
@media (min-width: 768px) {
    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        background:
            radial-gradient(circle at 76% 18%, rgba(184, 88, 39, .18), transparent 34%),
            radial-gradient(circle at 14% 92%, rgba(98, 142, 146, .16), transparent 34%),
            linear-gradient(135deg, #fff4e8 0%, #ffffff 48%, #eaf3f4 100%) !important;
        background-color: #ffffff !important;
        border-color: rgba(98, 142, 146, .22) !important;
    }

    .mzya-store-desktop-menu-panel::before {
        background:
            radial-gradient(circle at 76% 18%, rgba(184, 88, 39, .18), transparent 34%),
            radial-gradient(circle at 14% 92%, rgba(98, 142, 146, .16), transparent 34%),
            linear-gradient(135deg, #fff4e8 0%, #ffffff 48%, #eaf3f4 100%) !important;
    }

    .mzya-store-desktop-menu-head {
        background: linear-gradient(90deg, rgba(255, 255, 255, .90), rgba(234, 243, 244, .82)) !important;
        border-color: rgba(98, 142, 146, .18) !important;
    }

    .mzya-store-desktop-menu-group {
        background: rgba(255, 255, 255, .72) !important;
        border-color: rgba(98, 142, 146, .18) !important;
        box-shadow: 0 10px 26px rgba(15, 23, 42, .045) !important;
    }

    .mzya-store-desktop-menu-link,
    .mzya-store-desktop-menu-group--prefs select {
        background-color: rgba(255, 255, 255, .78) !important;
    }

    .mzya-store-desktop-menu-link:hover,
    .mzya-store-desktop-menu-link.is-active {
        background: rgba(234, 243, 244, .86) !important;
        border-color: rgba(98, 142, 146, .24) !important;
    }
}

/* MZYA PHASE9Y7 - mobile store menu warm background */
@media (max-width: 767px) {
    #mzya-store-mobile-menu,
    .mzya-store-drawer,
    .mzya-store-mobile-menu {
        background:
            radial-gradient(circle at 84% 8%, rgba(228, 162, 36, 0.18), transparent 34%),
            radial-gradient(circle at 8% 26%, rgba(98, 142, 146, 0.18), transparent 38%),
            linear-gradient(135deg, #fff7ee 0%, #ffffff 46%, #eaf3f4 100%) !important;
    }

    #mzya-store-mobile-menu [class*="drawer"],
    #mzya-store-mobile-menu [class*="menu"],
    .mzya-store-drawer [class*="drawer"],
    .mzya-store-drawer [class*="menu"] {
        scrollbar-color: rgba(45, 88, 147, 0.35) transparent;
    }

    #mzya-store-mobile-menu .mzya-store-mobile-menu-card,
    #mzya-store-mobile-menu .mzya-store-mobile-menu-section,
    #mzya-store-mobile-menu .mzya-store-mobile-menu-group,
    #mzya-store-mobile-menu .mzya-store-mobile-menu-link,
    #mzya-store-mobile-menu .mzya-store-drawer-card,
    #mzya-store-mobile-menu .mzya-store-drawer-section,
    .mzya-store-drawer .mzya-store-mobile-menu-card,
    .mzya-store-drawer .mzya-store-mobile-menu-section,
    .mzya-store-drawer .mzya-store-mobile-menu-group,
    .mzya-store-drawer .mzya-store-mobile-menu-link,
    .mzya-store-drawer .mzya-store-drawer-card,
    .mzya-store-drawer .mzya-store-drawer-section {
        background-color: rgba(255, 255, 255, 0.72);
        backdrop-filter: blur(10px);
    }
}


/* Phase 9Y8 — verified mobile drawer warm Mzya background
   Keep desktop untouched. This targets the real mobile drawer classes loaded in the current file. */
@media (max-width: 767px) {
    #mzya-store-mobile-menu.mzya-store-drawer,
    .mzya-store-drawer[data-mzya-store-menu] {
        background: transparent !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-card,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-card {
        background:
            radial-gradient(circle at 88% 2%, rgba(228, 162, 36, .20), transparent 32%),
            radial-gradient(circle at 0% 22%, rgba(98, 142, 146, .18), transparent 34%),
            linear-gradient(135deg, #fff7ed 0%, #ffffff 44%, #eaf3f4 100%) !important;
        background-color: #ffffff !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-head,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-head {
        background: linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(234, 243, 244, .82)) !important;
        border-bottom-color: rgba(98, 142, 146, .16) !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-section,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-section,
    #mzya-store-mobile-menu .mzya-store-menu-qr,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-menu-qr {
        background: rgba(255, 255, 255, .68) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-color: rgba(98, 142, 146, .16) !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-link,
    #mzya-store-mobile-menu button.mzya-store-drawer-link,
    #mzya-store-mobile-menu .mzya-store-menu-metrics span,
    #mzya-store-mobile-menu .mzya-store-drawer-selects select,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-link,
    .mzya-store-drawer[data-mzya-store-menu] button.mzya-store-drawer-link,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-menu-metrics span,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-selects select {
        background: rgba(248, 251, 255, .84) !important;
        border-color: rgba(45, 88, 147, .18) !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-link.is-active,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-link.is-active,
    #mzya-store-mobile-menu .mzya-store-follow-button.is-following,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-follow-button.is-following {
        background: rgba(234, 243, 244, .90) !important;
        border-color: rgba(98, 142, 146, .30) !important;
    }
}

/* Phase 9Y9 — let mobile drawer Mzya gradient breathe
   Remove the heavy white section backgrounds while keeping controls readable. */
@media (max-width: 767px) {
    #mzya-store-mobile-menu .mzya-store-drawer-card,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-card {
        background:
            radial-gradient(circle at 88% 2%, rgba(228, 162, 36, .24), transparent 30%),
            radial-gradient(circle at 4% 24%, rgba(98, 142, 146, .18), transparent 36%),
            linear-gradient(135deg, #fff4e8 0%, #ffffff 46%, #eaf3f4 100%) !important;
        background-color: #ffffff !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-head,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-head,
    #mzya-store-mobile-menu .mzya-store-drawer-section,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-section {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-section,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-section {
        border-top-color: rgba(45, 88, 147, .10) !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-link,
    #mzya-store-mobile-menu button.mzya-store-drawer-link,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-link,
    .mzya-store-drawer[data-mzya-store-menu] button.mzya-store-drawer-link,
    #mzya-store-mobile-menu .mzya-store-menu-metrics span,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-menu-metrics span,
    #mzya-store-mobile-menu .mzya-store-drawer-selects select,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-selects select {
        background: rgba(255, 255, 255, .46) !important;
        border-color: rgba(45, 88, 147, .18) !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .035) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }

    #mzya-store-mobile-menu .mzya-store-drawer-link.is-active,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-drawer-link.is-active,
    #mzya-store-mobile-menu .mzya-store-follow-button.is-following,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-follow-button.is-following {
        background: rgba(234, 243, 244, .62) !important;
        border-color: rgba(98, 142, 146, .34) !important;
    }

    #mzya-store-mobile-menu .mzya-store-menu-qr,
    .mzya-store-drawer[data-mzya-store-menu] .mzya-store-menu-qr {
        background: rgba(255, 255, 255, .42) !important;
        border-color: rgba(45, 88, 147, .16) !important;
        box-shadow: none !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }
}

/* Phase 9Z1 — Final seller PDP polish
   Scope: seller product detail pages only. Keeps store home/products/tabs/menu untouched. */
html.mzya-seller-pdp .mzya-pdp-related-section {
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: 1320px;
    margin-inline: auto;
}

html.mzya-seller-pdp .mzya-pdp-related-section > h2,
html.mzya-seller-pdp .mzya-pdp-related-section > h3,
html.mzya-seller-pdp .mzya-pdp-related-section > .text-xl,
html.mzya-seller-pdp .mzya-pdp-related-section > .text-2xl {
    color: #10233f;
    font-weight: 500;
}

@media (min-width: 768px) {
    html.mzya-seller-pdp .mzya-pdp-related-section {
        padding-inline: 0;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card {
        inline-size: 224px;
        max-inline-size: 224px;
    }
}

@media (max-width: 767px) {
    html.mzya-seller-pdp body {
        overflow-x: hidden;
    }

    html.mzya-seller-pdp .seller-product-shell__breadcrumbs {
        margin-block: 10px 16px !important;
        padding-inline: 12px !important;
    }

    html.mzya-seller-pdp .seller-product-shell__breadcrumbs ol,
    html.mzya-seller-pdp .seller-product-shell__breadcrumbs ul {
        gap: 4px 6px !important;
        line-height: 1.55 !important;
    }

    html.mzya-seller-pdp .seller-product-shell__breadcrumb-current {
        display: inline !important;
        max-inline-size: 100% !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section {
        margin-block-start: 22px !important;
        padding-inline: 12px !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section > h2,
    html.mzya-seller-pdp .mzya-pdp-related-section > h3,
    html.mzya-seller-pdp .mzya-pdp-related-section > .text-xl,
    html.mzya-seller-pdp .mzya-pdp-related-section > .text-2xl {
        margin-block-end: 12px !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card {
        inline-size: min(178px, calc(50vw - 18px)) !important;
        min-inline-size: min(150px, calc(50vw - 18px)) !important;
        max-inline-size: 178px !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card__media,
    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card__image-wrap {
        min-block-size: 160px !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card__name {
        min-block-size: 34px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card__price {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    html.mzya-seller-pdp .mzya-pdp-related-section .mzya-product-card__cta {
        min-block-size: 38px !important;
    }

    html[dir="rtl"].mzya-seller-pdp .mzya-pdp-related-section,
    html[lang="ar"].mzya-seller-pdp .mzya-pdp-related-section {
        text-align: right;
    }
}


/* Phase 9Z3 — hero social stats strip */
@media (min-width: 768px) {
    .mzya-store-desktop-command .mzya-store-hero-social-stats {
        align-items: stretch !important;
        backdrop-filter: blur(12px) !important;
        background: rgba(255, 255, 255, .14) !important;
        border: 1px solid rgba(255, 255, 255, .26) !important;
        border-radius: 15px !important;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .12) !important;
        display: grid !important;
        gap: 5px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 6px !important;
        width: 100% !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats span {
        align-items: center !important;
        background: rgba(255, 255, 255, .11) !important;
        border: 1px solid rgba(255, 255, 255, .15) !important;
        border-radius: 11px !important;
        color: #fff !important;
        display: grid !important;
        gap: 1px !important;
        justify-items: center !important;
        min-width: 0 !important;
        padding: 6px 4px !important;
        text-align: center !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats strong {
        color: #fff !important;
        font-size: .9rem !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats small {
        color: rgb(33 49 74) !important;
        font-size: .48rem !important;
        font-weight: 950 !important;
        letter-spacing: .045em !important;
        line-height: 1 !important;
        overflow: hidden !important;
        /* text-overflow: ellipsis !important; */
        text-transform: uppercase !important;
        /* white-space: nowrap !important; */
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .mzya-store-mobile-social-stats {
        align-items: stretch !important;
        backdrop-filter: blur(10px) !important;
        background: rgba(255, 255, 255, .16) !important;
        border: 1px solid rgba(255, 255, 255, .25) !important;
        border-radius: 8px !important;
        display: grid !important;
        gap: 5px !important;
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        margin-top: 8px !important;
        padding: 5px !important;
        width: 100% !important;
    }

    .mzya-store-mobile-social-stats span {
        align-items: center !important;
        background: rgba(15, 23, 42, .34) !important;
        border: 1px solid rgba(255, 255, 255, .20) !important;
        border-radius: 10px !important;
        color: #fff !important;
        display: grid !important;
        gap: 1px !important;
        justify-items: center !important;
        min-width: 0 !important;
        padding: 5px 3px !important;
        text-align: center !important;
    }

    .mzya-store-mobile-social-stats strong {
        color: #fff !important;
        font-size: .78rem !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .mzya-store-mobile-social-stats small {
        color: rgba(255, 255, 255, .86) !important;
        font-size: .48rem !important;
        font-weight: 950 !important;
        letter-spacing: .035em !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        width: 100% !important;
    }
}


/* Phase 9Z4 — verified seller hero badge + stronger desktop stats */
.mzya-store-desktop-kicker {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.mzya-store-verified-badge {
align-items: center !important;
    background: linear-gradient(135deg, rgba(98, 142, 146, .95), rgba(45, 88, 147, .92)) !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 8px !important;
    /* box-shadow: 0 10px 24px rgba(15, 23, 42, .18) !important; */
    color: #fff !important;
    display: inline-flex !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    /* gap: 6px !important; */
    /* letter-spacing: .01em !important; */
    /* line-height: 1 !important; */
    padding: 2px 6px !important;
    /* text-transform: none !important; */
    /* white-space: nowrap !important; */
    text-transform: uppercase;
}

.mzya-store-verified-badge svg {
    color: #e4a224 !important;
    flex: 0 0 auto !important;
    height: 16px !important;
    width: 16px !important;
}

.mzya-store-verified-badge strong {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
}

@media (min-width: 768px) {
    .mzya-store-desktop-command .mzya-store-hero-social-stats {
border-radius: 8px !important;
        gap: 6px !important;
        min-width: 245px !important;
        padding: 8px !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats span {
border-radius: 8px !important;
        min-height: 44px !important;
        padding: 8px 6px !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats strong {
        font-size: 1.04rem !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats small {
        font-size: .64rem !important;
        letter-spacing: .04em !important;
    }
}

@media (max-width: 767px) {
    .mzya-store-mobile-copy {
        align-items: flex-start !important;
        display: grid !important;
        gap: 5px !important;
    }

    html[dir="rtl"] .mzya-store-mobile-copy,
    body[dir="rtl"] .mzya-store-mobile-copy {
        align-items: flex-end !important;
    }

    .mzya-store-verified-badge--mobile {
        border-radius: 999px !important;
        font-size: .58rem !important;
        gap: 4px !important;
        max-width: 100% !important;
        padding: 5px 7px !important;
    }

    .mzya-store-verified-badge--mobile svg {
        height: 13px !important;
        width: 13px !important;
    }
}


/* Phase 9Z5B — professional verified badge polish (no blue gradient) */
.mzya-store-verified-badge {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(228, 162, 36, .72) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .16), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
    color: #12375a !important;
    font-size: .70rem !important;
    padding: 6px 10px !important;
}

.mzya-store-verified-badge svg {
    color: #e4a224 !important;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .65)) !important;
}

.mzya-store-verified-badge strong {
    color: #12375a !important;
}

@media (min-width: 768px) {
    .mzya-store-desktop-kicker .mzya-store-verified-badge {
        transform: translateY(-1px) !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats {
        background: rgba(255, 255, 255, .18) !important;
        border-color: rgba(255, 255, 255, .34) !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .16) !important;
        min-width: 265px !important;
    }

    .mzya-store-desktop-command .mzya-store-hero-social-stats span {
        background: rgba(255, 255, 255, .18) !important;
        border-color: rgba(255, 255, 255, .22) !important;
    }
}

@media (max-width: 767px) {
    .mzya-store-verified-badge--mobile {
        background: rgba(255, 255, 255, .92) !important;
        border-color: rgba(228, 162, 36, .72) !important;
        border-radius: 999px !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .18) !important;
        color: #12375a !important;
        display: inline-flex !important;
        font-size: .56rem !important;
        gap: 4px !important;
        justify-self: start !important;
        max-width: max-content !important;
        min-width: 0 !important;
        padding: 4px 7px !important;
        width: auto !important;
    }

    html[dir="rtl"] .mzya-store-verified-badge--mobile,
    body[dir="rtl"] .mzya-store-verified-badge--mobile {
        justify-self: end !important;
    }

    .mzya-store-verified-badge--mobile svg {
        height: 12px !important;
        width: 12px !important;
    }

    .mzya-store-verified-badge--mobile strong {
        color: #12375a !important;
        max-width: 52px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* Phase 9Z15D — desktop seller-store top controls copied from Mzya header, scoped only to store shell */
@media (min-width: 768px) {
    .mzya-store-desktop-native-top {
        align-items: center !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 24px !important;
        margin: 0 0 0px !important;
        min-height: 54px !important;
        position: relative !important;
        z-index: 120 !important;
        width: 100% !important;
    }

    .mzya-store-native-switchers,
    .mzya-store-native-actions {
        align-items: center !important;
        display: flex !important;
        gap: 18px !important;
        min-width: 0 !important;
    }

    .mzya-store-native-actions {
        direction: ltr !important;
        gap: 20px !important;
        justify-content: flex-end !important;
    }

    html[dir="rtl"] .mzya-store-desktop-native-top,
    body[dir="rtl"] .mzya-store-desktop-native-top,
    [dir="rtl"] .mzya-store-desktop-native-top {
        flex-direction: row-reverse !important;
    }

    .mzya-store-native-dropdown-toggle,
    .mzya-store-native-action-link {
        align-items: center !important;
        color: #3f3f46 !important;
        display: inline-flex !important;
        font-size: .82rem !important;
        font-weight: 600 !important;
        gap: 8px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
    }

    .mzya-store-native-dropdown-toggle {
        cursor: pointer !important;
        min-height: 38px !important;
    }

    .mzya-store-native-dropdown-toggle:hover,
    .mzya-store-native-action-link:hover {
        color: #1f3f6f !important;
    }

    .mzya-store-native-top-icon {
        align-items: center !important;
        color: #628e92 !important;
        display: inline-flex !important;
        justify-content: center !important;
    }

    .mzya-store-native-chevron {
        align-items: center !important;
        color: #64748b !important;
        display: inline-flex !important;
        justify-content: center !important;
    }

    .mzya-store-native-divider {
        background: rgba(15, 23, 42, .14) !important;
        display: inline-flex !important;
        height: 28px !important;
        width: 1px !important;
    }

    .mzya-store-native-action-circle,
    .mzya-store-desktop-native-top .mini-cart-wrapper .icon-cart {
        align-items: center !important;
        border-radius: 9999px !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
        color: #fff !important;
        display: inline-flex !important;
        flex: 0 0 42px !important;
        height: 42px !important;
        justify-content: center !important;
        min-width: 42px !important;
        transition: transform .18s ease, box-shadow .18s ease !important;
        width: 42px !important;
    }

    .mzya-store-native-action-link:hover .mzya-store-native-action-circle,
    .mzya-store-desktop-native-top .mini-cart-wrapper:hover .icon-cart {
        box-shadow: 0 10px 22px rgba(15, 23, 42, .16) !important;
        transform: translateY(-1px) !important;
    }

    .mzya-store-native-action-circle span::before,
    .mzya-store-desktop-native-top .mini-cart-wrapper .icon-cart::before {
        color: #fff !important;
    }

    .mzya-store-native-action-circle--compare {
        background: rgb(96, 140, 144) !important;
    }

    .mzya-store-native-action-circle--wishlist {
        background: rgb(228, 162, 36) !important;
    }

    .mzya-store-native-action-circle--account {
        background: rgb(184, 88, 39) !important;
        cursor: pointer !important;
    }

    .mzya-store-desktop-native-top .mini-cart-wrapper .icon-cart {
        background: linear-gradient(135deg, #2c5792 0%, #17447e 100%) !important;
        font-size: 1.18rem !important;
        line-height: 1 !important;
        position: relative !important;
        vertical-align: middle !important;
    }

    .mzya-store-desktop-native-top .mini-cart-wrapper .absolute,
    .mzya-store-desktop-native-top .mini-cart-wrapper [class*="top-"] {
        z-index: 2 !important;
    }
}

@media (max-width: 767px) {
    .mzya-store-desktop-native-top {
        display: none !important;
    }
}

/* PHASE9X_REVIEWS_TAB_POLISH_V2_START */
.mzya-reviews-panel {
    padding: 28px;
}

.mzya-reviews-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.mzya-reviews-subtitle {
    margin-top: 8px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.mzya-reviews-verified-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border: 1px solid rgba(228, 162, 36, 0.35);
    background: rgba(228, 162, 36, 0.10);
    color: #8a5a00;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
}

.mzya-reviews-verified-pill span {
    color: #f59e0b;
    letter-spacing: 1px;
}

.mzya-reviews-summary {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 18px;
}

.mzya-reviews-score-card,
.mzya-reviews-bars-card,
.mzya-reviews-action-card,
.mzya-review-card,
.mzya-reviews-form,
.mzya-reviews-empty {
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.04);
}

.mzya-reviews-score-card {
    padding: 26px 20px;
    text-align: center;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 55%, rgba(228, 162, 36, 0.12) 100%);
}

.mzya-reviews-score-card strong {
    display: block;
    color: #17365d;
    font-size: 56px;
    line-height: 1;
    font-weight: 500;
}

.mzya-reviews-stars,
.mzya-review-card-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #cbd5e1;
}

.mzya-reviews-stars {
    margin-top: 12px;
    font-size: 22px;
}

.mzya-reviews-stars .is-active,
.mzya-review-card-stars .is-active {
    color: #f59e0b;
}

.mzya-reviews-score-card p {
    margin-top: 10px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
}

.mzya-reviews-score-card small {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}

.mzya-reviews-bars-card {
    padding: 24px;
}

.mzya-reviews-bar-row {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

[dir="rtl"] .mzya-reviews-bar-row {
    grid-template-columns: 34px minmax(0, 1fr) 76px;
}

.mzya-reviews-bar-row:last-child {
    margin-bottom: 0;
}

.mzya-reviews-bar-label {
    color: #17365d;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.mzya-reviews-bar-track {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.mzya-reviews-bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #e4a224, #f59e0b);
}

.mzya-reviews-bar-row strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 500;
    text-align: end;
}

.mzya-reviews-action-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding: 18px 20px;
    background: rgba(45, 88, 147, 0.045);
    border-color: rgba(45, 88, 147, 0.14);
}

.mzya-reviews-action-card h3 {
    color: #17365d;
    font-size: 16px;
    font-weight: 500;
}

.mzya-reviews-action-card p {
    margin-top: 5px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mzya-reviews-action-btn,
.mzya-reviews-status-pill,
.mzya-reviews-empty button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 14px;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.mzya-reviews-action-btn,
.mzya-reviews-empty button {
    background: #2d5893;
    color: #fff;
}

.mzya-reviews-status-pill {
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: #fff;
    color: #334155;
}

.mzya-reviews-status-pill.is-success {
    border-color: rgba(16, 185, 129, 0.28);
    background: rgba(16, 185, 129, 0.08);
    color: #047857;
}

.mzya-reviews-alert {
    margin-bottom: 14px;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 500;
}

.mzya-reviews-alert.is-success {
    border: 1px solid rgba(16, 185, 129, 0.25);
    background: rgba(16, 185, 129, 0.08);
    color: #047857;
}

.mzya-reviews-alert.is-danger {
    border: 1px solid rgba(239, 68, 68, 0.25);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.mzya-reviews-form {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
    padding: 18px;
}

.mzya-reviews-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.mzya-reviews-form label {
    display: block;
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}

.mzya-reviews-form input,
.mzya-reviews-form select,
.mzya-reviews-form textarea {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #fff;
    border-radius: 14px;
    padding: 10px 12px;
    color: #0f172a;
    font-size: 14px;
}

.mzya-reviews-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.mzya-reviews-form-footer p {
    color: #64748b;
    font-size: 12px;
}

.mzya-reviews-list {
    display: grid;
    gap: 14px;
}

.mzya-review-card {
    padding: 18px;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.mzya-review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);
}

.mzya-review-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.mzya-review-customer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mzya-review-customer > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #17365d;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.mzya-review-customer strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
}

.mzya-review-customer small {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.mzya-review-card-stars {
    font-size: 17px;
}

.mzya-review-card h3 {
    margin-top: 14px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 500;
}

.mzya-review-card p {
    margin-top: 6px;
    color: #334155;
    font-size: 14px;
    line-height: 1.8;
}

.mzya-reviews-empty {
    padding: 26px;
    text-align: center;
    border-style: dashed;
    background: #f8fafc;
}

.mzya-reviews-empty p {
    color: #475569;
    font-size: 14px;
}

.mzya-reviews-empty button {
    margin-top: 12px;
    border: 0;
    cursor: pointer;
}

@media (max-width: 991px) {
    .mzya-reviews-panel {
        padding: 18px;
    }

    .mzya-reviews-head,
    .mzya-reviews-action-card,
    .mzya-reviews-form-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .mzya-reviews-summary,
    .mzya-reviews-form-grid {
        grid-template-columns: 1fr;
    }
}
/* PHASE9X_REVIEWS_TAB_POLISH_V2_END */

/* PHASE9_BREADCRUMB_HOME_ICON_START */
.seller-store-shell__breadcrumb-home-link,
.seller-product-shell__breadcrumbs .seller-store-shell__breadcrumb-home-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.seller-store-shell__breadcrumb-home-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #2d5893;
    flex: 0 0 auto;
}

.seller-store-shell__breadcrumb-home-icon svg {
    width: 15px;
    height: 15px;
    display: block;
}

[dir="rtl"] .seller-store-shell__breadcrumb-home-link {
    flex-direction: row-reverse;
}
/* PHASE9_BREADCRUMB_HOME_ICON_END */

/* PHASE9_BREADCRUMB_RTL_ICON_ORDER_FIX_START */
/* Keep the home icon before Mzya/مزيا in both LTR and RTL breadcrumbs. */
[dir="rtl"] .seller-store-shell__breadcrumb-home-link,
html[dir="rtl"] .seller-store-shell__breadcrumb-home-link,
body[dir="rtl"] .seller-store-shell__breadcrumb-home-link {
    flex-direction: row !important;
}
/* PHASE9_BREADCRUMB_RTL_ICON_ORDER_FIX_END */

/* PHASE9_HOME_REVIEWS_PREVIEW_REAL_BLOCK_START */
.mzya-home-reviews-preview {
    padding: 22px;
    margin-bottom: 12px;
    overflow: hidden;
}

.mzya-home-reviews-preview__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.mzya-home-reviews-preview__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(45, 88, 147, 0.18);
    background: #fff;
    color: #2d5893;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.mzya-home-reviews-preview__link:hover {
    background: rgba(45, 88, 147, 0.06);
}

.mzya-home-reviews-preview__grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.mzya-home-reviews-preview__score,
.mzya-home-reviews-preview__quote,
.mzya-home-reviews-preview__empty {
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.mzya-home-reviews-preview__score {
    display: flex;
    min-height: 140px;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    text-align: center;
    background: linear-gradient(135deg, #fff 0%, #fff 58%, rgba(228, 162, 36, 0.13) 100%);
}

.mzya-home-reviews-preview__score strong {
    color: #17365d;
    font-size: 42px;
    line-height: 1;
    font-weight: 500;
}

.mzya-home-reviews-preview__stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #cbd5e1;
}

.mzya-home-reviews-preview__score .mzya-home-reviews-preview__stars {
    justify-content: center;
    margin-top: 9px;
    font-size: 18px;
}

.mzya-home-reviews-preview__stars .is-active {
    color: #f59e0b;
}

.mzya-home-reviews-preview__score p {
    margin-top: 7px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 500;
}

.mzya-home-reviews-preview__score small {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.mzya-home-reviews-preview__quote {
    padding: 16px;
}

.mzya-home-reviews-preview__quote-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.mzya-home-reviews-preview__customer {
    display: flex;
    align-items: center;
    gap: 11px;
}

.mzya-home-reviews-preview__customer > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #2d5893;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.mzya-home-reviews-preview__customer strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
}

.mzya-home-reviews-preview__customer small {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
}

.mzya-home-reviews-preview__quote h3 {
    margin-top: 12px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 500;
}

.mzya-home-reviews-preview__quote p {
    margin-top: 6px;
    color: #334155;
    font-size: 14px;
    line-height: 1.75;
}

.mzya-home-reviews-preview__verified {
    display: inline-flex;
    margin-top: 10px;
    border: 1px solid rgba(16, 185, 129, 0.24);
    background: rgba(16, 185, 129, 0.08);
    color: #047857;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 500;
}

.mzya-home-reviews-preview__empty {
    padding: 20px;
    text-align: center;
    background: #f8fafc;
    border-style: dashed;
}

.mzya-home-reviews-preview__empty p {
    color: #475569;
    font-size: 14px;
}

.mzya-home-reviews-preview__empty button {
    margin-top: 12px;
    border: 0;
    background: #2d5893;
    color: #fff;
    border-radius: 14px;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

[dir="rtl"] .mzya-home-reviews-preview__quote,
[dir="rtl"] .mzya-home-reviews-preview__score {
    text-align: right;
}

[dir="rtl"] .mzya-home-reviews-preview__score .mzya-home-reviews-preview__stars {
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .mzya-home-reviews-preview__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mzya-home-reviews-preview__grid {
        grid-template-columns: 1fr;
    }
}
/* PHASE9_HOME_REVIEWS_PREVIEW_REAL_BLOCK_END */

/* SELLER_STORE_NATIVE_CURRENCY_DROPDOWN_ALIGN_START */
/*
   Seller store pages use their own native switchers:
   .mzya-store-native-switchers

   Keep desktop currency/language dropdowns visible:
   - LTR: open from left edge of the button.
   - RTL: open from right edge of the button.
*/
@media (min-width: 768px) {
    html[dir="ltr"] .mzya-store-native-switchers .relative > .absolute[style*="top:"],
    body[dir="ltr"] .mzya-store-native-switchers .relative > .absolute[style*="top:"],
    .mzya-store-shell[dir="ltr"] .mzya-store-native-switchers .relative > .absolute[style*="top:"] {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }

    html[dir="rtl"] .mzya-store-native-switchers .relative > .absolute[style*="top:"],
    body[dir="rtl"] .mzya-store-native-switchers .relative > .absolute[style*="top:"],
    .mzya-store-shell[dir="rtl"] .mzya-store-native-switchers .relative > .absolute[style*="top:"] {
        right: 0 !important;
        left: auto !important;
        transform: none !important;
    }

    .mzya-store-native-switchers .relative > .absolute[style*="top:"] {
        min-width: max-content !important;
        max-width: min(320px, calc(100vw - 24px)) !important;
        white-space: nowrap !important;
        z-index: 80 !important;
    }
}
/* SELLER_STORE_NATIVE_CURRENCY_DROPDOWN_ALIGN_END */

/* Seller storefront mobile: cart count badge */
@media (max-width: 767px) {
    .mzya-store-mobile-action.is-cart > span {
        position: relative;
    }

    .mzya-store-mobile-cart-badge {
        align-items: center;
        background: var(--mzya-blue);
        border: 2px solid #fff;
        border-radius: 999px;
        box-shadow: 0 6px 12px rgba(45, 88, 147, .25);
        color: #fff;
        display: inline-flex;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        height: 20px;
        justify-content: center;
        line-height: 16px;
        min-width: 20px;
        padding: 0 5px;
        position: absolute;
        right: -7px;
        text-align: center;
        top: -8px;
        z-index: 4;
    }

    html[dir="rtl"] .mzya-store-mobile-cart-badge,
    body[dir="rtl"] .mzya-store-mobile-cart-badge {
        left: -7px;
        right: auto;
    }
}
/* =========================================================
   MZYA SELLER STORE TABLET FIT - SHELL START
   Tablet only: 768px–1023px.
   Keeps phone and desktop layouts unchanged.
========================================================= */
@media (min-width: 768px) and (max-width: 1179px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    .mzya-store-shell {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .mzya-store-desktop-native-top {
        align-items: center !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding-inline: 8px !important;
    }

    .mzya-store-native-switchers,
    .mzya-store-native-actions {
        align-items: center !important;
        display: flex !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    .mzya-store-native-switchers {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .mzya-store-native-switchers::-webkit-scrollbar {
        display: none !important;
    }

    .mzya-store-native-actions {
        justify-content: flex-end !important;
        max-width: 46vw !important;
        text-transform: uppercase !important;
    }

    .mzya-store-native-dropdown-toggle {
        gap: 5px !important;
        min-height: 34px !important;
        padding-inline: 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
    }

    .mzya-store-native-action-link {
        gap: 5px !important;
        min-width: 0 !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    .mzya-store-desktop-hero {
        border-radius: 20px !important;
        min-height: 250px !important;
    }

    .mzya-store-desktop-inner {
        min-height: 250px !important;
        padding: 22px 22px 20px !important;
    }

    .mzya-store-desktop-brand {
        gap: 14px !important;
        max-width: calc(100% - 335px) !important;
    }

    .mzya-store-desktop-copy {
        min-width: 0 !important;
        max-width: 440px !important;
    }

    .mzya-store-desktop-logo {
        border-radius: 18px !important;
        height: 78px !important;
        padding: 8px !important;
        width: 78px !important;
    }

    .mzya-store-desktop-copy h1 {
        font-size: clamp(1.6rem, 4vw, 2.35rem) !important;
        line-height: 1.05 !important;
    }

    .mzya-store-desktop-tagline {
        font-size: .82rem !important;
        margin-top: 8px !important;
    }

    .mzya-store-desktop-description {
        display: -webkit-box !important;
        max-width: 420px !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        color: rgba(255, 255, 255, .9) !important;
        font-size: .74rem !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .mzya-store-desktop-actions {
        top: 18px !important;
        right: 18px !important;
        gap: 6px !important;
    }

    html[dir="rtl"] .mzya-store-desktop-actions,
    body[dir="rtl"] .mzya-store-desktop-actions {
        left: 18px !important;
        right: auto !important;
    }

    .mzya-store-desktop-actions a,
    .mzya-store-desktop-actions button {
        height: 36px !important;
        width: 36px !important;
    }

    .mzya-store-desktop-actions svg {
        height: 15px !important;
        width: 15px !important;
    }

        .mzya-store-desktop-trust {
        bottom: 16px !important;
        left: 22px !important;
        max-width: calc(100% - 350px) !important;
        gap: 5px !important;
        align-items: center !important;
    }

    html[dir="rtl"] .mzya-store-desktop-trust,
    body[dir="rtl"] .mzya-store-desktop-trust {
        left: auto !important;
        right: 22px !important;
    }

    .mzya-store-pill {
        gap: 4px !important;
        max-width: 172px !important;
        min-height: 28px !important;
        padding: 6px 8px !important;
        font-size: .61rem !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mzya-store-pill svg {
        height: 12px !important;
        width: 12px !important;
    }

    .mzya-store-desktop-rating {
        bottom: 18px !important;
        right: 18px !important;
        min-width: 205px !important;
        padding: 10px 12px !important;
        border-radius: 15px !important;
    }

    html[dir="rtl"] .mzya-store-desktop-rating,
    body[dir="rtl"] .mzya-store-desktop-rating {
        left: 18px !important;
        right: auto !important;
    }

    .mzya-store-desktop-rating strong {
        font-size: 1.35rem !important;
    }

    .mzya-store-desktop-rating span {
        font-size: .78rem !important;
    }

    .mzya-store-desktop-rating small {
        font-size: .66rem !important;
    }

        .mzya-store-tabs {
        border-radius: 14px !important;
        margin-top: 12px !important;
        overflow: hidden !important;
        padding: 5px 6px !important;
        scrollbar-width: none !important;
    }

    .mzya-store-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .mzya-store-tab {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        justify-content: center !important;
        gap: 0 !important;
        padding: 8px 5px !important;
        font-size: .70rem !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    .mzya-store-tab svg {
        display: none !important;
    }

    .mzya-store-desktop-menu-panel,
    .mzya-store-desktop-menu-panel:not([hidden]) {
        width: min(560px, calc(100vw - 28px)) !important;
    }

    .mzya-store-desktop-menu-columns {
        grid-template-columns: 1fr !important;
    }
}
/* MZYA SELLER STORE TABLET FIT - SHELL END */