:root {
        --srb3-ink: #1e1a16;
        --srb3-text: #514a42;
        --srb3-muted: #7d756c;
        --srb3-gold: #b8873d;
        --srb3-gold-hi: #d8ae62;
        --srb3-gold-soft: rgba(184,135,61,.095);
        --srb3-border: rgba(171,128,61,.22);
        --srb3-border-strong: rgba(184,135,61,.34);
        --srb3-paper: #fff;
        --srb3-warm: #fbf8f3;
        --srb3-dark: #191611;
        --srb3-shadow: 0 22px 60px rgba(31,24,17,.075);
        --srb3-shadow-soft: 0 12px 34px rgba(31,24,17,.06);
        --srb3-radius: 26px;
    }


    /* ========================================================
       A. Legacy account / wishlist page title
       ======================================================== */

    body.srb-ka-v3-account .page-title,
    body.srb-ka-v3-wishlist .page-title {
        color: var(--srb3-ink) !important;
        font-weight: 800 !important;
        letter-spacing: -.025em !important;
    }

    body.srb-ka-v3-account .breadcrumbs,
    body.srb-ka-v3-wishlist .breadcrumbs {
        color: var(--srb3-muted) !important;
    }

    body.srb-ka-v3-account .breadcrumbs a,
    body.srb-ka-v3-wishlist .breadcrumbs a {
        color: #756a5d !important;
        text-decoration: none !important;
    }


    /* ========================================================
       B. Logged-in My Account — Desktop
       ======================================================== */

    @media (min-width: 1025px) {
        body.srb-ka-v3-account.logged-in .woocommerce-my-account-wrapper {
            display: grid !important;
            grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) !important;
            gap: clamp(28px, 3vw, 44px) !important;
            align-items: start !important;
            width: 100% !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation,
        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content {
            width: 100% !important;
            min-width: 0 !important;
            max-width: none !important;
            float: none !important;
            margin: 0 !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation {
            max-width: 330px !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-my-account-wrapper::before,
        body.srb-ka-v3-account.logged-in .woocommerce-my-account-wrapper::after {
            content: none !important;
            display: none !important;
        }
    }


    /* ========================================================
       C. Account navigation card
       ======================================================== */

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation {
        overflow: hidden !important;
        padding: 15px !important;
        border: 1px solid var(--srb3-border) !important;
        border-radius: 24px !important;
        background:
            radial-gradient(circle at 100% 0, rgba(209,166,96,.11), transparent 35%),
            linear-gradient(145deg, #fff 0%, #fdfbf8 62%, #faf6ef 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.96),
            var(--srb3-shadow-soft) !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li {
        margin: 3px 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li > a {
        position: relative;
        display: flex !important;
        align-items: center !important;
        min-height: 46px !important;
        padding: 10px 14px 10px 32px !important;
        border: 1px solid transparent !important;
        border-radius: 13px !important;
        color: #39332c !important;
        background: transparent !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        white-space: normal !important;
        transition:
            transform .2s ease,
            background .2s ease,
            border-color .2s ease,
            color .2s ease,
            box-shadow .2s ease !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li > a::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        width: 6px;
        height: 6px;
        border: 1px solid rgba(177,130,61,.54);
        border-radius: 999px;
        background: transparent;
        transform: translateY(-50%);
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a {
        color: #fff !important;
        background:
            radial-gradient(circle at 100% 0, rgba(211,170,102,.15), transparent 38%),
            linear-gradient(135deg, #29241e, #171410) !important;
        border-color: rgba(207,164,92,.35) !important;
        box-shadow:
            0 12px 26px rgba(24,20,16,.14),
            inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a::before {
        border-color: var(--srb3-gold-hi);
        background: var(--srb3-gold-hi);
    }

    @media (hover: hover) and (pointer: fine) {
        body.srb-ka-v3-account.logged-in
        .woocommerce-MyAccount-navigation
        li:not(.is-active) > a:hover {
            color: var(--srb3-ink) !important;
            border-color: rgba(184,135,61,.18) !important;
            background: rgba(184,135,61,.06) !important;
            transform: translateX(2px);
        }
    }


    /* ========================================================
       D. Logged-in content card
       ======================================================== */

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content {
        min-height: 320px !important;
        padding: clamp(24px, 2.8vw, 36px) !important;
        overflow: hidden !important;
        border: 1px solid var(--srb3-border) !important;
        border-radius: var(--srb3-radius) !important;
        background:
            radial-gradient(circle at 100% 0, rgba(203,159,91,.075), transparent 35%),
            var(--srb3-paper) !important;
        box-shadow: var(--srb3-shadow) !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content > :first-child {
        margin-top: 0 !important;
    }

    body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content > :last-child {
        margin-bottom: 0 !important;
    }


    /* ========================================================
       E. Guest Login / Register — robust layout
       JS სვამს .srb-auth-layout / .srb-auth-panel კლასებს რეალურ
       WoodMart/WooCommerce wrapper-ზე, ამიტომ Elementor-ის ძველი
       ვიწრო width აღარ აკონტროლებს ფორმის ზომას.
       ======================================================== */

    body.srb-ka-v3-account-guest .srb-auth-layout {
        position: relative !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 0 !important;

        width: min(1180px, calc(100vw - 64px)) !important;
        max-width: 1180px !important;
        min-width: 0 !important;

        margin: 8px auto 54px !important;
        padding: 0 !important;

        overflow: hidden !important;
        border: 1px solid var(--srb3-border) !important;
        border-radius: 28px !important;

        background:
            radial-gradient(circle at 100% 0, rgba(205,161,92,.10), transparent 32%),
            linear-gradient(145deg, #fff 0%, #fdfbf8 100%) !important;

        box-shadow:
            0 28px 70px rgba(33,25,17,.085),
            inset 0 1px 0 rgba(255,255,255,.95) !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel,
    body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-info {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        padding: clamp(34px, 3.5vw, 52px) clamp(32px, 4vw, 58px) !important;
        background: transparent !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel + .srb-auth-panel,
    body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-info,
    body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel + .srb-auth-info {
        border-left: 1px solid #e9e2d8 !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout form {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout h1,
    body.srb-ka-v3-account-guest .srb-auth-layout h2,
    body.srb-ka-v3-account-guest .srb-auth-layout h3 {
        margin-top: 0 !important;
        color: var(--srb3-ink) !important;
        font-size: clamp(24px, 2vw, 30px) !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -.025em !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout p {
        max-width: 100% !important;
        color: var(--srb3-muted) !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout .form-row {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 16px !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout label {
        display: block !important;
        margin: 0 0 7px !important;
        color: #575047 !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout input[type="text"],
    body.srb-ka-v3-account-guest .srb-auth-layout input[type="email"],
    body.srb-ka-v3-account-guest .srb-auth-layout input[type="password"] {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 52px !important;
        padding: 0 15px !important;
        border: 1px solid #dcd5ca !important;
        border-radius: 15px !important;
        color: #29241f !important;
        background: #fff !important;
        box-shadow:
            inset 0 1px 2px rgba(28,22,16,.025),
            0 1px 0 rgba(255,255,255,.9) !important;
        outline: none !important;
        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            background .2s ease !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout input[type="text"]:focus,
    body.srb-ka-v3-account-guest .srb-auth-layout input[type="email"]:focus,
    body.srb-ka-v3-account-guest .srb-auth-layout input[type="password"]:focus {
        border-color: rgba(184,135,61,.64) !important;
        background: #fffefc !important;
        box-shadow: 0 0 0 4px rgba(184,135,61,.09) !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout button.button,
    body.srb-ka-v3-account-guest .srb-auth-layout .woocommerce-button,
    body.srb-ka-v3-account-guest .srb-auth-layout input[type="submit"] {
        width: 100% !important;
        min-height: 50px !important;
        padding-inline: 20px !important;
        border: 1px solid rgba(204,162,94,.42) !important;
        border-radius: 14px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background:
            radial-gradient(circle at 100% 0, rgba(213,174,107,.18), transparent 40%),
            linear-gradient(135deg, #2c261f, #171410) !important;
        box-shadow:
            0 12px 26px rgba(25,20,15,.14),
            inset 0 1px 0 rgba(255,255,255,.05) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-transform: none !important;
        transition:
            transform .2s ease,
            box-shadow .2s ease,
            border-color .2s ease !important;
    }

    @media (hover: hover) and (pointer: fine) {
        body.srb-ka-v3-account-guest .srb-auth-layout button.button:hover,
        body.srb-ka-v3-account-guest .srb-auth-layout .woocommerce-button:hover,
        body.srb-ka-v3-account-guest .srb-auth-layout input[type="submit"]:hover {
            transform: translateY(-2px);
            border-color: rgba(221,179,105,.68) !important;
            box-shadow:
                0 17px 34px rgba(25,20,15,.18),
                inset 0 1px 0 rgba(255,255,255,.06) !important;
        }
    }

    body.srb-ka-v3-account-guest .srb-auth-layout .woocommerce-LostPassword a,
    body.srb-ka-v3-account-guest .srb-auth-layout a[href*="lost-password"],
    body.srb-ka-v3-account-guest .srb-auth-layout .woocommerce-privacy-policy-link {
        color: #966726 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-layout .srb-ka-privacy-text {
        margin: 15px 0 18px !important;
        font-size: 13px !important;
        line-height: 1.75 !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-info {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    body.srb-ka-v3-account-guest .srb-auth-info .button,
    body.srb-ka-v3-account-guest .srb-auth-info .btn {
        align-self: flex-start;
        min-height: 46px;
        padding: 0 20px !important;
        border-radius: 13px !important;
        color: #fff !important;
        background: linear-gradient(135deg, #2a241e, #181511) !important;
        border: 1px solid rgba(205,163,93,.40) !important;
        box-shadow: 0 11px 25px rgba(25,20,15,.13) !important;
        text-transform: none !important;
    }


    /* ========================================================
       F. Wishlist — old WoodMart empty state -> SROBOTA card
       ======================================================== */

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell {
        width: min(1180px, calc(100vw - 64px)) !important;
        max-width: 1180px !important;
        min-height: 430px !important;

        margin: 10px auto 56px !important;
        padding: clamp(46px, 6vw, 76px) clamp(28px, 6vw, 72px) !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;

        overflow: hidden !important;
        border: 1px solid var(--srb3-border) !important;
        border-radius: 30px !important;

        background:
            radial-gradient(circle at 50% -12%, rgba(209,166,96,.12), transparent 34%),
            radial-gradient(circle at 100% 100%, rgba(184,135,61,.055), transparent 38%),
            #fff !important;

        box-shadow: var(--srb3-shadow) !important;
    }

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-wishlist,
    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-page {
        width: 100% !important;
        max-width: 820px !important;
        min-height: 0 !important;
        margin: 0 auto 14px !important;
        padding: 118px 0 0 !important;

        position: relative !important;
        display: block !important;

        color: var(--srb3-ink) !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        font-size: clamp(27px, 3vw, 38px) !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -.035em !important;
        text-align: center !important;
    }

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-wishlist::before,
    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-page::before {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        margin: 0 !important;
        color: rgba(184,135,61,.21) !important;
        transform: translateX(-50%) !important;
    }

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-page-text {
        max-width: 690px !important;
        margin: 0 auto 24px !important;
        color: var(--srb3-muted) !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        text-align: center !important;
    }

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .return-to-shop {
        margin: 0 !important;
    }

    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .return-to-shop .button,
    body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .button {
        min-height: 48px !important;
        padding: 0 24px !important;
        border: 1px solid rgba(208,168,101,.44) !important;
        border-radius: 14px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background:
            radial-gradient(circle at 100% 0, rgba(215,177,109,.15), transparent 42%),
            linear-gradient(135deg, #2a241e, #181511) !important;
        box-shadow:
            0 13px 28px rgba(27,22,17,.15),
            inset 0 1px 0 rgba(255,255,255,.05) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-transform: none !important;
    }


    /* ========================================================
       G. Price Tracker empty state
       ======================================================== */

    body.srb-ka-v3-price-tracker .woocommerce-MyAccount-content.srb-empty-price-shell {
        min-height: 430px !important;
        padding: clamp(44px, 5vw, 70px) !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
        border: 1px solid var(--srb3-border) !important;
        border-radius: 28px !important;

        background:
            radial-gradient(circle at 50% -12%, rgba(209,166,96,.10), transparent 34%),
            #fff !important;

        box-shadow: var(--srb3-shadow) !important;
    }

    body.srb-ka-v3-price-tracker .srb-empty-price-shell .wd-empty-page {
        width: 100% !important;
        max-width: 820px !important;
        min-height: 0 !important;
        margin: 0 auto 12px !important;
        padding-top: 105px !important;
        position: relative !important;

        color: var(--srb3-ink) !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        font-size: clamp(26px, 2.8vw, 36px) !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -.03em !important;
        text-align: center !important;
    }

    body.srb-ka-v3-price-tracker .srb-empty-price-shell .wd-empty-page-text {
        max-width: 690px !important;
        margin: 0 auto 24px !important;
        color: var(--srb3-muted) !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    body.srb-ka-v3-price-tracker .srb-empty-price-shell .button {
        min-height: 48px !important;
        padding: 0 24px !important;
        border: 1px solid rgba(208,168,101,.44) !important;
        border-radius: 14px !important;
        color: #fff !important;
        background: linear-gradient(135deg, #2a241e, #181511) !important;
        box-shadow: 0 13px 28px rgba(27,22,17,.15) !important;
        font-weight: 800 !important;
        text-transform: none !important;
    }


    /* ========================================================
       H. Woo notices / email confirmation
       ======================================================== */

    body.srb-ka-v3-account .woocommerce-info,
    body.srb-ka-v3-account .woocommerce-message,
    body.srb-ka-v3-account .woocommerce-error {
        width: 100% !important;
        margin-bottom: 18px !important;
        padding: 18px 20px !important;
        border: 1px solid rgba(188,142,66,.24) !important;
        border-radius: 18px !important;
        color: #51483e !important;
        background:
            radial-gradient(circle at 100% 0, rgba(215,174,102,.12), transparent 42%),
            #fff9ed !important;
        box-shadow: 0 10px 26px rgba(46,35,21,.055) !important;
    }

    body.srb-ka-v3-account .woocommerce-info .button,
    body.srb-ka-v3-account .woocommerce-message .button {
        min-height: 42px !important;
        padding-inline: 16px !important;
        border-radius: 11px !important;
        color: #fff !important;
        background: #201b16 !important;
        text-transform: none !important;
        font-weight: 800 !important;
    }


    /* ========================================================
       I. WoodMart side login drawer — Desktop + Mobile
       ======================================================== */

    .login-form-side.wd-side-hidden {
        width: min(420px, 92vw) !important;
        max-width: min(420px, 92vw) !important;

        border-left: 1px solid var(--srb3-border) !important;

        background:
            radial-gradient(circle at 100% 0, rgba(205,161,93,.10), transparent 29%),
            linear-gradient(180deg, #fff 0%, #fdfbf8 100%) !important;

        box-shadow: -24px 0 60px rgba(20,16,12,.18) !important;
    }

    .login-form-side.wd-side-hidden .wd-heading,
    .login-form-side.wd-side-hidden .widget-heading {
        min-height: 70px !important;
        padding: 0 20px !important;
        border-bottom: 1px solid #eae3d9 !important;
        background: rgba(255,255,255,.88) !important;
    }

    .login-form-side.wd-side-hidden .title,
    .login-form-side.wd-side-hidden .widget-title {
        color: var(--srb3-ink) !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -.02em !important;
    }

    .login-form-side.wd-side-hidden .close-side-widget a {
        color: #575047 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    .login-form-side.wd-side-hidden form.login,
    .login-form-side.wd-side-hidden form.woocommerce-form-login {
        padding: 22px 18px 24px !important;
        margin: 0 !important;
    }

    .login-form-side.wd-side-hidden label {
        color: #504a43 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .login-form-side.wd-side-hidden input[type="text"],
    .login-form-side.wd-side-hidden input[type="email"],
    .login-form-side.wd-side-hidden input[type="password"] {
        width: 100% !important;
        min-height: 49px !important;
        padding-inline: 14px !important;
        border: 1px solid #dcd4c9 !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .login-form-side.wd-side-hidden input:focus {
        border-color: rgba(184,135,61,.62) !important;
        box-shadow: 0 0 0 4px rgba(184,135,61,.085) !important;
    }

    .login-form-side.wd-side-hidden .button,
    .login-form-side.wd-side-hidden button[type="submit"] {
        width: 100% !important;
        min-height: 49px !important;
        border: 1px solid rgba(204,162,94,.42) !important;
        border-radius: 14px !important;
        color: #fff !important;
        background:
            radial-gradient(circle at 100% 0, rgba(213,174,107,.16), transparent 42%),
            linear-gradient(135deg, #2b251e, #171410) !important;
        box-shadow: 0 11px 24px rgba(26,21,16,.14) !important;
        font-weight: 800 !important;
        text-transform: none !important;
    }

    .login-form-side.wd-side-hidden .login-form-footer {
        padding-inline: 18px !important;
        border-color: #ebe5dc !important;
    }

    .login-form-side.wd-side-hidden .create-account-question {
        padding: 28px 18px !important;
        border-top: 1px solid #ebe5dc !important;
        background:
            radial-gradient(circle at 50% 0, rgba(203,159,91,.07), transparent 45%),
            rgba(255,255,255,.58) !important;
        text-align: center !important;
    }

    .login-form-side.wd-side-hidden .create-account-question p {
        margin: 0 0 12px !important;
        color: var(--srb3-ink) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .login-form-side.wd-side-hidden .create-account-button {
        color: #8f6123 !important;
        font-weight: 800 !important;
        text-underline-offset: 4px !important;
    }


    /* ========================================================
       J. Tablet
       ======================================================== */

    @media (min-width: 768px) and (max-width: 1024px) {

        body.srb-ka-v3-account.logged-in .woocommerce-my-account-wrapper {
            display: grid !important;
            grid-template-columns: minmax(220px, 275px) minmax(0, 1fr) !important;
            gap: 22px !important;
            align-items: start !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation,
        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content {
            width: 100% !important;
            min-width: 0 !important;
            float: none !important;
            margin: 0 !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout {
            width: calc(100vw - 38px) !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel,
        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-info {
            padding: 28px 26px !important;
        }

        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell {
            width: calc(100vw - 38px) !important;
        }
    }


    /* ========================================================
       K. Mobile
       ======================================================== */

    @media (max-width: 767px) {

        body.srb-ka-v3-account.logged-in .woocommerce-my-account-wrapper {
            display: block !important;
            width: 100% !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation {
            width: 100% !important;
            max-width: none !important;
            margin: 0 0 16px !important;
            padding: 9px !important;
            border-radius: 18px !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation ul {
            display: flex !important;
            flex-wrap: nowrap !important;
            gap: 7px !important;
            overflow-x: auto !important;
            overscroll-behavior-inline: contain;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
            display: none;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li {
            flex: 0 0 auto !important;
            margin: 0 !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li > a {
            min-height: 42px !important;
            padding: 9px 13px 9px 27px !important;
            border-radius: 11px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-navigation li > a::before {
            left: 12px !important;
            width: 5px !important;
            height: 5px !important;
        }

        body.srb-ka-v3-account.logged-in .woocommerce-MyAccount-content {
            min-height: 0 !important;
            padding: 18px !important;
            border-radius: 20px !important;
        }

        /* Guest auth becomes a clean one-column stack. */
        body.srb-ka-v3-account-guest .srb-auth-layout {
            grid-template-columns: 1fr !important;
            width: calc(100vw - 28px) !important;
            max-width: none !important;
            margin: 6px auto 34px !important;
            border-radius: 22px !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel,
        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-info {
            padding: 24px 18px !important;
            border-left: 0 !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel + .srb-auth-panel,
        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-info,
        body.srb-ka-v3-account-guest .srb-auth-layout > .srb-auth-panel + .srb-auth-info {
            border-top: 1px solid #e9e2d8 !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout h1,
        body.srb-ka-v3-account-guest .srb-auth-layout h2,
        body.srb-ka-v3-account-guest .srb-auth-layout h3 {
            font-size: 23px !important;
        }

        body.srb-ka-v3-account-guest .srb-auth-layout input[type="text"],
        body.srb-ka-v3-account-guest .srb-auth-layout input[type="email"],
        body.srb-ka-v3-account-guest .srb-auth-layout input[type="password"] {
            min-height: 49px !important;
            border-radius: 13px !important;
        }

        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell {
            width: calc(100vw - 28px) !important;
            min-height: 320px !important;
            margin: 6px auto 34px !important;
            padding: 36px 18px !important;
            border-radius: 22px !important;
        }

        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-wishlist,
        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-page {
            padding-top: 92px !important;
            font-size: 25px !important;
        }

        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .wd-empty-page-text {
            font-size: 13.5px !important;
            line-height: 1.65 !important;
        }

        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .return-to-shop,
        body.srb-ka-v3-wishlist .srb-empty-wishlist-shell .return-to-shop .button {
            width: 100% !important;
            max-width: 300px !important;
        }

        body.srb-ka-v3-price-tracker .woocommerce-MyAccount-content.srb-empty-price-shell {
            min-height: 310px !important;
            padding: 34px 18px !important;
            border-radius: 21px !important;
        }

        body.srb-ka-v3-price-tracker .srb-empty-price-shell .wd-empty-page {
            padding-top: 88px !important;
            font-size: 24px !important;
        }

        .login-form-side.wd-side-hidden {
            width: min(390px, 94vw) !important;
            max-width: min(390px, 94vw) !important;
        }

        .login-form-side.wd-side-hidden .wd-heading,
        .login-form-side.wd-side-hidden .widget-heading {
            min-height: 64px !important;
            padding-inline: 16px !important;
        }

        .login-form-side.wd-side-hidden form.login,
        .login-form-side.wd-side-hidden form.woocommerce-form-login {
            padding: 18px 14px 22px !important;
        }

        .login-form-side.wd-side-hidden .login-form-footer {
            padding-inline: 14px !important;
        }

        .login-form-side.wd-side-hidden .create-account-question {
            padding: 24px 14px !important;
        }
    }


    /* ========================================================
       L. Reduced motion
       ======================================================== */

    @media (prefers-reduced-motion: reduce) {
        body.srb-ka-v3-account *,
        body.srb-ka-v3-wishlist *,
        .login-form-side.wd-side-hidden * {
            animation: none !important;
            transition: none !important;
            scroll-behavior: auto !important;
        }
    }