@media (max-width: 1024px) {
        html.srh-mobile-ready,
        html.srh-mobile-ready body {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: clip !important;
        }

        html.srh-mobile-ready body .whb-header,
        html.srh-mobile-ready body .srm3-mobile-sticky-owner {
            width: 100% !important;
            max-width: 100% !important;
        }

        html.srh-mobile-ready body
        .whb-general-header
        .whb-flex-row {
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 8px !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 62px !important;
            padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
            padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
        }

        html.srh-mobile-ready body .whb-mobile-left,
        html.srh-mobile-ready body .whb-mobile-right {
            display: flex !important;
            flex: 0 1 auto !important;
            align-items: center !important;
            min-width: 0 !important;
            gap: 5px !important;
        }

        html.srh-mobile-ready body .whb-mobile-right {
            justify-content: flex-end !important;
            margin-left: auto !important;
        }

        html.srh-mobile-ready body
        .whb-mobile-left
        .site-logo,
        html.srh-mobile-ready body
        .whb-mobile-left
        .wd-logo {
            display: flex !important;
            align-items: center !important;
            width: auto !important;
            max-width: 124px !important;
            min-width: 0 !important;
            margin: 0 !important;
        }

        html.srh-mobile-ready body
        .whb-mobile-left
        .wd-logo img {
            display: block !important;
            width: auto !important;
            max-width: 120px !important;
            height: auto !important;
            max-height: 46px !important;
            object-fit: contain !important;
        }

        html.srh-mobile-ready body
        .whb-mobile-right
        .wd-tools-element > a,
        html.srh-mobile-ready body
        .whb-mobile-right
        .wd-header-mobile-nav > a {
            box-sizing: border-box !important;
            flex: 0 0 42px !important;
            width: 42px !important;
            min-width: 42px !important;
            height: 42px !important;
            min-height: 42px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        html.srh-mobile-ready body
        .whb-mobile-right
        .wd-tools-text {
            display: none !important;
        }

        html.srh-has-mobile-sticky body .whb-clone,
        html.srh-has-mobile-sticky body
        .wd-header-sticky:not(.srm3-mobile-sticky-owner) {
            display: none !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }

        html body .mobile-nav.srh-mobile-stable,
        html body .wd-mobile-nav.srh-mobile-stable {
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            width: min(65vw, 420px) !important;
            max-width: min(65vw, 420px) !important;
            height: 100vh !important;
            height: 100dvh !important;
            min-height: 0 !important;
            padding:
                env(safe-area-inset-top, 0px)
                0
                env(safe-area-inset-bottom, 0px) !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            overscroll-behavior: contain !important;
            -webkit-overflow-scrolling: touch !important;
            scroll-padding-top: 76px !important;
            touch-action: pan-y !important;
            z-index: 2147483100 !important;
        }

        html body .mobile-nav.srh-mobile-stable > .wd-heading,
        html body .wd-mobile-nav.srh-mobile-stable > .wd-heading,
        html body .mobile-nav.srh-mobile-stable > .wd-side-hidden-heading,
        html body .wd-mobile-nav.srh-mobile-stable > .wd-side-hidden-heading {
            order: -1200 !important;
            flex: 0 0 auto !important;
            position: relative !important;
            z-index: 70 !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search {
            box-sizing: border-box !important;
            position: sticky !important;
            top: max(8px, env(safe-area-inset-top, 0px)) !important;
            z-index: 220 !important;
            order: -1100 !important;
            display: block !important;
            flex: 0 0 58px !important;
            width: calc(100% - 24px) !important;
            min-width: 0 !important;
            height: 58px !important;
            min-height: 58px !important;
            max-height: 58px !important;
            margin: 10px 12px 12px !important;
            padding: 3px !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            isolation: isolate !important;
            border: 1px solid rgba(230,188,108,.50) !important;
            border-radius: 17px !important;
            background:
                radial-gradient(circle at 8% 0%,rgba(231,190,111,.16),transparent 42%),
                linear-gradient(145deg,#211b14,#0b0907) !important;
            box-shadow:
                0 10px 28px rgba(0,0,0,.34),
                inset 0 1px 0 rgba(255,255,255,.055) !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        form.searchform,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        form.searchform {
            box-sizing: border-box !important;
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            min-width: 0 !important;
            height: 50px !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            border: 0 !important;
            border-radius: 13px !important;
            background: rgba(255,255,255,.035) !important;
            box-shadow: none !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        input[name="s"],
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        input[name="s"] {
            box-sizing: border-box !important;
            position: relative !important;
            z-index: 2 !important;
            display: block !important;
            flex: 1 1 auto !important;
            width: 100% !important;
            min-width: 0 !important;
            height: 50px !important;
            margin: 0 !important;
            padding: 0 56px 0 15px !important;
            visibility: visible !important;
            opacity: 1 !important;
            border: 0 !important;
            outline: 0 !important;
            background: transparent !important;
            color: #fff8ec !important;
            -webkit-text-fill-color: #fff8ec !important;
            caret-color: #efc36f !important;
            font-family: "Noto Sans Georgian","FiraGO",Arial,sans-serif !important;
            font-size: 16px !important;
            line-height: 1.2 !important;
            font-weight: 700 !important;
            box-shadow: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        input[name="s"]::placeholder,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        input[name="s"]::placeholder {
            color: rgba(255,248,236,.70) !important;
            -webkit-text-fill-color: rgba(255,248,236,.70) !important;
            opacity: 1 !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        .searchsubmit,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        .searchsubmit {
            position: absolute !important;
            z-index: 5 !important;
            top: 4px !important;
            right: 4px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 42px !important;
            min-width: 42px !important;
            height: 42px !important;
            min-height: 42px !important;
            margin: 0 !important;
            padding: 0 !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            border: 1px solid rgba(232,192,115,.40) !important;
            border-radius: 11px !important;
            background: rgba(211,165,77,.14) !important;
            color: #efc36f !important;
            -webkit-text-fill-color: #efc36f !important;
            transform: none !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        .wd-search-results-wrapper,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .srh-drawer-search
        .wd-search-results-wrapper {
            box-sizing: border-box !important;
            position: absolute !important;
            z-index: 320 !important;
            top: calc(100% + 8px) !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            max-height: min(60dvh, 520px) !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            border-radius: 14px !important;
            background: #fff !important;
            box-shadow: 0 18px 38px rgba(0,0,0,.32) !important;
            -webkit-overflow-scrolling: touch !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        > .wd-nav-mobile,
        html body
        .mobile-nav.srh-mobile-stable
        > .mobile-pages-menu,
        html body
        .mobile-nav.srh-mobile-stable
        > ul.menu,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .wd-nav-mobile,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > .mobile-pages-menu,
        html body
        .wd-mobile-nav.srh-mobile-stable
        > ul.menu {
            box-sizing: border-box !important;
            position: relative !important;
            z-index: 1 !important;
            order: 0 !important;
            display: block !important;
            flex: 0 0 auto !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            inset: auto !important;
            transform: none !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        html body .mobile-nav.srh-mobile-stable li,
        html body .wd-mobile-nav.srh-mobile-stable li {
            box-sizing: border-box !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        html body .mobile-nav.srh-mobile-stable li > a,
        html body .wd-mobile-nav.srh-mobile-stable li > a {
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            min-height: 46px !important;
            white-space: normal !important;
            overflow-wrap: anywhere !important;
        }

        html body .mobile-nav.srh-mobile-stable .sub-menu,
        html body .wd-mobile-nav.srh-mobile-stable .sub-menu {
            box-sizing: border-box !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            overflow-x: hidden !important;
        }


        html body .mobile-nav.srh-mobile-stable li > a .nav-link-text,
        html body .mobile-nav.srh-mobile-stable li > a .srm3-drawer-label,
        html body .wd-mobile-nav.srh-mobile-stable li > a .nav-link-text,
        html body .wd-mobile-nav.srh-mobile-stable li > a .srm3-drawer-label {
            display: block !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            max-width: 100% !important;
            line-height: 1.35 !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
            word-break: normal !important;
        }

        html body .mobile-nav .srh-mobile-blog-item,
        html body .wd-mobile-nav .srh-mobile-blog-item {
            display: list-item !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        html body .mobile-nav .srh-mobile-blog-link,
        html body .wd-mobile-nav .srh-mobile-blog-link {
            display: flex !important;
            align-items: center !important;
            gap: 11px !important;
        }

        html body .mobile-nav .srh-mobile-blog-icon,
        html body .wd-mobile-nav .srh-mobile-blog-icon {
            display: inline-flex !important;
            flex: 0 0 31px !important;
            align-items: center !important;
            justify-content: center !important;
            width: 31px !important;
            height: 31px !important;
            color: #efc36f !important;
        }

        html body .mobile-nav .srh-mobile-blog-icon svg,
        html body .wd-mobile-nav .srh-mobile-blog-icon svg {
            width: 18px !important;
            height: 18px !important;
            fill: none !important;
            stroke: currentColor !important;
            stroke-width: 1.7 !important;
            stroke-linecap: round !important;
            stroke-linejoin: round !important;
        }


        /* ========================================================
         * MOBILE BLOG — CANONICAL ITEM HARD GUARANTEE v21
         * Keep the canonical Blog row visible even if an older
         * WoodMart rule temporarily collapses/rebuilds menu items.
         * ======================================================== */
        html body
        .mobile-nav.srh-mobile-stable
        .srh-mobile-blog-item,
        html body
        .wd-mobile-nav.srh-mobile-stable
        .srh-mobile-blog-item {
            box-sizing: border-box !important;
            display: list-item !important;
            position: relative !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        html body
        .mobile-nav.srh-mobile-stable
        .srh-mobile-blog-item
        > .srh-mobile-blog-link,
        html body
        .wd-mobile-nav.srh-mobile-stable
        .srh-mobile-blog-item
        > .srh-mobile-blog-link {
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            min-width: 0 !important;
            min-height: 70px !important;
            margin: 0 !important;
            padding: 12px 18px !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            color: inherit !important;
            text-decoration: none !important;
        }

        html body
        .mobile-nav.srh-mobile-v20-clean
        .srh-mobile-blog-item
        .srm3-drawer-label,
        html body
        .wd-mobile-nav.srh-mobile-v20-clean
        .srh-mobile-blog-item
        .srm3-drawer-label {
            display: block !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            visibility: visible !important;
            opacity: 1 !important;
            font-family: "Noto Sans Georgian","FiraGO",Arial,sans-serif !important;
            font-size: 15px !important;
            line-height: 1.28 !important;
            font-weight: 700 !important;
            white-space: normal !important;
        }

        /* ========================================================
         * v25 MOBILE DRAWER STABILITY — BLOG + ACCOUNT ONLY
         *
         * No hydration hide/show cycle. No horizontal offsets.
         * Compare/Wishlist keep their native WoodMart layout.
         * Blog and Account use one stable premium card surface.
         * ======================================================== */
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-blog,
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-account,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-blog,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-account {
            box-sizing: border-box !important;
            position: relative !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            inset: auto !important;
            transform: none !important;
            visibility: visible !important;
            opacity: 1 !important;
            overflow: visible !important;
            animation: none !important;
            transition: none !important;
        }

        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-blog > a,
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-account > a,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-blog > a,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-account > a {
            box-sizing: border-box !important;
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            min-height: 70px !important;
            margin: 0 !important;
            padding: 12px 16px !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            overflow: hidden !important;
            border: 1px solid rgba(230,188,108,.38) !important;
            border-radius: 17px !important;
            color: #fff8ec !important;
            -webkit-text-fill-color: #fff8ec !important;
            background:
                radial-gradient(circle at 8% 0%,rgba(231,190,111,.12),transparent 42%),
                linear-gradient(145deg,#211b14,#0b0907) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.045),
                0 7px 20px rgba(0,0,0,.14) !important;
            text-decoration: none !important;
            transform: none !important;
            animation: none !important;
            transition: none !important;
            backface-visibility: hidden !important;
        }

        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-blog > a .srm3-drawer-label,
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-account > a .srm3-drawer-label,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-blog > a .srm3-drawer-label,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-account > a .srm3-drawer-label {
            display: block !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #fff8ec !important;
            -webkit-text-fill-color: #fff8ec !important;
            font-family: "Noto Sans Georgian","FiraGO",Arial,sans-serif !important;
            font-size: 15px !important;
            line-height: 1.28 !important;
            font-weight: 700 !important;
            white-space: normal !important;
            opacity: 1 !important;
            visibility: visible !important;
            animation: none !important;
            transition: none !important;
        }

        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-account > a .wd-nav-opener,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-account > a .wd-nav-opener {
            flex: 0 0 42px !important;
            width: 42px !important;
            min-width: 42px !important;
            height: 42px !important;
            min-height: 42px !important;
            margin-left: 12px !important;
            border: 1px solid rgba(232,192,115,.28) !important;
            border-radius: 12px !important;
            color: #efc36f !important;
            -webkit-text-fill-color: #efc36f !important;
            background: rgba(211,165,77,.08) !important;
            animation: none !important;
            transition: none !important;
        }

        /* v26: Blog + Account subtree never animate or transition. */
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-blog *,
        html body .mobile-nav.srh-mobile-stable .srh-mobile-key-account *,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-blog *,
        html body .wd-mobile-nav.srh-mobile-stable .srh-mobile-key-account * {
            animation: none !important;
            animation-delay: 0s !important;
            transition: none !important;
        }

        /* Keep the whole mobile drawer free of delayed animations. */
        html.srh-mobile-ready body .mobile-nav *,
        html.srh-mobile-ready body .wd-mobile-nav * {
            animation-delay: 0s !important;
        }
    }

    @media (max-width: 380px) {
        html.srh-mobile-ready body
        .whb-mobile-left
        .wd-logo img {
            max-width: 104px !important;
            max-height: 42px !important;
        }

        html.srh-mobile-ready body
        .whb-mobile-right
        .wd-tools-element > a,
        html.srh-mobile-ready body
        .whb-mobile-right
        .wd-header-mobile-nav > a {
            flex-basis: 39px !important;
            width: 39px !important;
            min-width: 39px !important;
            height: 39px !important;
            min-height: 39px !important;
        }

        html body .mobile-nav.srh-mobile-stable,
        html body .wd-mobile-nav.srh-mobile-stable {
            width: min(65vw, 420px) !important;
            max-width: min(65vw, 420px) !important;
        }
    }

    @media (max-width: 1024px) and (orientation: landscape) {
        html body .mobile-nav.srh-mobile-stable,
        html body .wd-mobile-nav.srh-mobile-stable {
            width: min(65vw, 420px) !important;
            max-width: min(65vw, 420px) !important;
        }
    }
    
        /* ========================================================
           v20 MOBILE-ONLY TEXT / ALIGNMENT OVERRIDES
           Desktop is intentionally untouched.
           ======================================================== */

        html body .mobile-nav.srh-mobile-v20-clean .wd-nav-mobile > li,
        html body .mobile-nav.srh-mobile-v20-clean .mobile-pages-menu > li,
        html body .wd-mobile-nav.srh-mobile-v20-clean .wd-nav-mobile > li,
        html body .wd-mobile-nav.srh-mobile-v20-clean .mobile-pages-menu > li {
            min-height: 0 !important;
            height: auto !important;
            max-height: none !important;
            overflow: hidden !important;
        }

        html body .mobile-nav.srh-mobile-v20-clean .wd-nav-mobile > li > a,
        html body .mobile-nav.srh-mobile-v20-clean .mobile-pages-menu > li > a,
        html body .wd-mobile-nav.srh-mobile-v20-clean .wd-nav-mobile > li > a,
        html body .wd-mobile-nav.srh-mobile-v20-clean .mobile-pages-menu > li > a {
            min-height: 70px !important;
            height: auto !important;
            max-height: none !important;
            padding-top: 12px !important;
            padding-bottom: 12px !important;
            flex-wrap: nowrap !important;
            overflow: hidden !important;
            white-space: normal !important;
        }

        html body .mobile-nav.srh-mobile-v20-clean .srm3-drawer-label,
        html body .wd-mobile-nav.srh-mobile-v20-clean .srm3-drawer-label {
            box-sizing: border-box !important;
            display: block !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            font-family: "Noto Sans Georgian","FiraGO",Arial,sans-serif !important;
            font-size: 15px !important;
            line-height: 1.28 !important;
            font-weight: 700 !important;
            letter-spacing: 0 !important;
            text-align: left !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
            word-break: normal !important;
            writing-mode: horizontal-tb !important;
            text-orientation: mixed !important;
            transform: none !important;
        }

        html body .mobile-nav.srh-mobile-v20-clean .wd-nav-opener,
        html body .wd-mobile-nav.srh-mobile-v20-clean .wd-nav-opener {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 0 !important;
            line-height: 1 !important;
        }

        html body .mobile-nav.srh-mobile-v20-clean .wd-nav-opener::before,
        html body .wd-mobile-nav.srh-mobile-v20-clean .wd-nav-opener::before {
            content: "" !important;
            display: block !important;
            width: 7px !important;
            height: 7px !important;
            border-right: 1.7px solid currentColor !important;
            border-bottom: 1.7px solid currentColor !important;
            background: none !important;
            transform: rotate(45deg) translate(-1px,-1px) !important;
            transform-origin: center !important;
            transition: transform .2s ease !important;
        }

        html body .mobile-nav.srh-mobile-v20-clean .wd-nav-opener.wd-active::before,
        html body .wd-mobile-nav.srh-mobile-v20-clean .wd-nav-opener.wd-active::before {
            transform: rotate(225deg) translate(-1px,-1px) !important;
        }

        @media (max-width: 390px) {
            html body .mobile-nav.srh-mobile-v20-clean .srm3-drawer-label,
            html body .wd-mobile-nav.srh-mobile-v20-clean .srm3-drawer-label {
                font-size: 14px !important;
            }

        }