@media (max-width: 1024px) {

    :root {
        --srm3-black: #090806;
        --srm3-black-2: #12100d;
        --srm3-panel: #17130e;
        --srm3-gold: #c99b4b;
        --srm3-gold-light: #f0cc83;
        --srm3-cream: #fff7e8;
        --srm3-line: rgba(221, 177, 93, .32);
    }

    html.srm3-v10 body .whb-header,
    html.srm3-v10 body .whb-main-header,
    html body .whb-general-header,
    html body .whb-header-bottom {
        background-color: var(--srm3-black) !important;
        background-image:
            radial-gradient(circle at 12% -60%, rgba(211, 162, 72, .14), transparent 42%),
            linear-gradient(180deg, #17140f 0%, #090806 100%) !important;
        border-color: rgba(210, 164, 78, .30) !important;
    }

    /* Final header state from the first paint — never fade the shell in. */
    html.srm3-v10 body .whb-header,
    html.srm3-v10 body .whb-main-header,
    html.srm3-v10.srh-booting body .whb-header,
    html.srm3-v10.srm3-boot body .whb-header {
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }

    html body .whb-general-header {
        box-shadow:
            inset 0 -1px 0 rgba(221, 177, 93, .22),
            0 8px 24px rgba(0, 0, 0, .18) !important;
    }

    html body .whb-header-bottom {
        min-height: 64px !important;
        border-top: 0 !important;
        border-bottom: 1px solid rgba(218, 170, 80, .30) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .025),
            0 9px 22px rgba(0, 0, 0, .18) !important;
        overflow: visible !important;
    }

    html.srm3-v10 body .whb-header-bottom .whb-flex-row {
        min-height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 7px 8px !important;
    }

    html.srm3-v10 body .whb-header-bottom .whb-flex-row > .whb-column,
    html.srm3-v10 body .whb-header-bottom .whb-flex-row > [class*="whb-col-"] {
        display: none !important;
    }

    html body .whb-general-header .whb-flex-row {
        position: relative !important;
        overflow: visible !important;
    }

    html body .srm3-actions {
        box-sizing: border-box !important;
        display: grid !important;
        align-items: stretch !important;
        gap: 6px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 30 !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
    }

    html body .srm3-top-actions {
        position: absolute !important;
        top: 50% !important;
        left: clamp(58px, 16.8vw, 72px) !important;
        z-index: 80 !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important;
        gap: 5px !important;
        width: min(188px, calc(100vw - 172px)) !important;
        max-width: 188px !important;
        transform: translate3d(0, -50%, 0) !important;
        pointer-events: auto !important;
    }

    html body .srm3-bottom-actions {
        grid-template-columns: minmax(0, 1fr) !important;
        width: clamp(142px, 42vw, 166px) !important;
        margin-left: clamp(10px, 3.2vw, 16px) !important;
    }

    html body .srm3-action {
        box-sizing: border-box !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        overflow: hidden !important;
        border: 1px solid rgba(211, 169, 88, .46) !important;
        border-radius: 15px !important;
        background:
            radial-gradient(circle at 88% -42%, rgba(235, 198, 126, .15), transparent 47%),
            linear-gradient(145deg, #191611 0%, #292219 100%) !important;
        color: #fff8eb !important;
        -webkit-text-fill-color: #fff8eb !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .06),
            0 6px 16px rgba(0, 0, 0, .20) !important;
        text-decoration: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        transform: translateZ(0) !important;
        transition:
            transform .20s cubic-bezier(.22, .68, .24, 1),
            border-color .24s ease,
            box-shadow .24s ease,
            background-color .24s ease !important;
    }

    html body .srm3-action::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: -1 !important;
        background: linear-gradient(110deg, transparent 22%, rgba(255, 230, 174, .10) 49%, transparent 74%) !important;
        transform: translateX(-125%) !important;
        transition: transform .62s cubic-bezier(.2, .75, .25, 1) !important;
        pointer-events: none !important;
    }

    html body .srm3-action:active {
        transform: scale(.975) translateZ(0) !important;
    }

    html body .srm3-action:active::after,
    html body .srm3-action[aria-expanded="true"]::after {
        transform: translateX(125%) !important;
    }

    html body .srm3-action__icon {
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 27px !important;
        width: 27px !important;
        height: 27px !important;
        border: 1px solid rgba(232, 196, 128, .28) !important;
        border-radius: 10px !important;
        color: var(--srm3-gold-light) !important;
        -webkit-text-fill-color: var(--srm3-gold-light) !important;
        background: rgba(218, 172, 83, .09) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    }

    html body .srm3-action__icon svg {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    html body .srm3-action__label {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
        font-size: clamp(9.8px, 2.82vw, 11.2px) !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: -.025em !important;
        text-align: left !important;
    }

    html body .srm3-top-actions .srm3-action {
        gap: 3px !important;
        height: 38px !important;
        padding: 0 4px !important;
        border-radius: 13px !important;
    }

    html body .srm3-top-actions .srm3-action__icon {
        flex-basis: 22px !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 8px !important;
    }

    html body .srm3-top-actions .srm3-action__icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    html body .srm3-top-actions .srm3-action__label {
        font-size: clamp(8.8px, 2.45vw, 10.2px) !important;
        letter-spacing: -.035em !important;
    }

    html body .srm3-bottom-actions .srm3-action__label {
        font-size: clamp(10.4px, 3vw, 11.8px) !important;
        letter-spacing: -.018em !important;
    }

    html body .srm3-action__chevron {
        display: grid !important;
        place-items: center !important;
        flex: 0 0 12px !important;
        width: 12px !important;
        height: 12px !important;
        margin-left: auto !important;
        color: #dcb466 !important;
        transition: transform .28s cubic-bezier(.2, .72, .2, 1) !important;
    }

    html body .srm3-action__chevron svg {
        width: 12px !important;
        height: 12px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
    }

    html body .srm3-nav-toggle[aria-expanded="true"] .srm3-action__chevron {
        transform: rotate(180deg) !important;
    }

    html body .srm3-service {
        border-color: rgba(224, 181, 103, .64) !important;
        background:
            radial-gradient(circle at 86% -28%, rgba(239, 202, 130, .24), transparent 48%),
            linear-gradient(145deg, #241c13 0%, #392819 100%) !important;
        animation: srm3ServiceBreathe 4.6s ease-in-out infinite !important;
    }

    html body .srm3-trade {
        border-color: rgba(217, 181, 108, .66) !important;
        background:
            radial-gradient(circle at 90% -35%, rgba(235, 204, 139, .23), transparent 48%),
            linear-gradient(145deg, #211a13 0%, #332a1e 68%, #153328 145%) !important;
        animation: srm3TradeBreathe 4.6s ease-in-out .85s infinite !important;
    }

    html body .srm3-service .srm3-action__icon,
    html body .srm3-trade .srm3-action__icon {
        background: linear-gradient(145deg, rgba(229, 190, 115, .18), rgba(111, 79, 34, .10)) !important;
        border-color: rgba(238, 203, 137, .37) !important;
    }

    @keyframes srm3ServiceBreathe {
        0%, 100% {
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 5px 15px rgba(0,0,0,.20), 0 0 0 rgba(213,166,78,0) !important;
        }
        50% {
            box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 19px rgba(0,0,0,.24), 0 0 16px rgba(213,166,78,.16) !important;
        }
    }

    @keyframes srm3TradeBreathe {
        0%, 100% {
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 5px 15px rgba(0,0,0,.20), 0 0 0 rgba(137,185,143,0) !important;
        }
        50% {
            box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 19px rgba(0,0,0,.24), 0 0 17px rgba(134,185,139,.14) !important;
        }
    }

    html body .srm3-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483200 !important;
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        background: rgba(4, 3, 2, .34) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        pointer-events: none !important;
        transition: opacity .24s ease, visibility 0s linear .24s !important;
    }

    html body .srm3-backdrop.is-open {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition-delay: 0s !important;
    }

    html body .srm3-panel {
        box-sizing: border-box !important;
        position: fixed !important;
        z-index: 2147483300 !important;
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: min(376px, calc(100vw - 28px)) !important;
        max-height: min(74vh, 620px) !important;
        max-height: min(74dvh, 620px) !important;
        margin: 0 !important;
        padding: 9px !important;
        overflow: hidden auto !important;
        overscroll-behavior: contain !important;
        border: 1px solid rgba(224, 182, 104, .43) !important;
        border-radius: 22px !important;
        background:
            radial-gradient(circle at 92% -12%, rgba(221, 178, 98, .13), transparent 34%),
            linear-gradient(165deg, rgba(24, 21, 16, .998), rgba(7, 7, 6, .998)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .055),
            0 22px 58px rgba(0, 0, 0, .48) !important;
        transform: translateY(-8px) scale(.985) !important;
        transform-origin: top left !important;
        pointer-events: none !important;
        transition:
            opacity .24s ease,
            transform .30s cubic-bezier(.2, .76, .25, 1),
            visibility 0s linear .30s !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(211, 169, 90, .46) transparent !important;
    }

    html body .srm3-panel.is-open {
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto !important;
        transition-delay: 0s !important;
    }

    html body .srm3-panel__head {
        display: none !important;
    }

    html body .srm3-panel__eyebrow {
        display: block !important;
        margin: 0 0 2px !important;
        color: #bc9147 !important;
        -webkit-text-fill-color: #bc9147 !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: .14em !important;
        text-transform: uppercase !important;
    }

    html body .srm3-panel__title {
        display: block !important;
        margin: 0 !important;
        color: #fff8eb !important;
        -webkit-text-fill-color: #fff8eb !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
    }

    html body .srm3-panel__close {
        display: grid !important;
        place-items: center !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        border: 1px solid rgba(224, 184, 108, .27) !important;
        border-radius: 12px !important;
        background: rgba(211, 169, 87, .08) !important;
        color: #eac678 !important;
        -webkit-text-fill-color: #eac678 !important;
        font-size: 23px !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    html body .srm3-list {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    html body .srm3-list__item {
        box-sizing: border-box !important;
        position: relative !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 18px !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 58px !important;
        padding: 8px 11px 8px 8px !important;
        overflow: hidden !important;
        border: 1px solid rgba(214, 174, 100, .135) !important;
        border-radius: 15px !important;
        background:
            linear-gradient(90deg, rgba(217,174,93,.045), transparent 42%),
            rgba(255,255,255,.018) !important;
        color: #f7efe2 !important;
        -webkit-text-fill-color: #f7efe2 !important;
        text-decoration: none !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
        transition: transform .20s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease !important;
    }

    html body .srm3-list__item:active {
        transform: scale(.985) !important;
        border-color: rgba(228, 191, 119, .48) !important;
        background: rgba(210, 166, 85, .085) !important;
        box-shadow: inset 3px 0 0 rgba(228, 189, 112, .52) !important;
    }

    html body .srm3-list__icon {
        display: grid !important;
        place-items: center !important;
        width: 42px !important;
        height: 42px !important;
        border: 1px solid rgba(227, 190, 119, .24) !important;
        border-radius: 14px !important;
        background:
            radial-gradient(circle at 35% 20%, rgba(244,213,151,.13), transparent 47%),
            linear-gradient(145deg, rgba(206,157,70,.14), rgba(66,48,25,.08)) !important;
        color: #e5bc70 !important;
        -webkit-text-fill-color: #e5bc70 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 6px 16px rgba(0,0,0,.14) !important;
    }

    html body .srm3-list__icon svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.65 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    html body .srm3-list__item.icon-sale .srm3-list__icon {
        color: #ffe1a1 !important;
        background:
            radial-gradient(circle at 28% 18%, rgba(255,229,171,.20), transparent 47%),
            linear-gradient(145deg, rgba(188,123,40,.34), rgba(87,53,20,.20)) !important;
    }

    html body .srm3-list__item.icon-wet .srm3-list__icon,
    html body .srm3-list__item.icon-care .srm3-list__icon,
    html body .srm3-list__item.icon-glass .srm3-list__icon {
        color: #91d7c5 !important;
        background:
            radial-gradient(circle at 30% 18%, rgba(162,229,212,.17), transparent 48%),
            linear-gradient(145deg, rgba(44,112,96,.25), rgba(32,68,59,.13)) !important;
        border-color: rgba(118,202,181,.24) !important;
    }

    html body .srm3-list__item.icon-air .srm3-list__icon,
    html body .srm3-list__item.icon-fabric .srm3-list__icon {
        color: #d3b4eb !important;
        background:
            radial-gradient(circle at 30% 18%, rgba(222,193,245,.16), transparent 48%),
            linear-gradient(145deg, rgba(106,70,132,.24), rgba(57,38,70,.12)) !important;
        border-color: rgba(190,152,219,.22) !important;
    }

    html body .srm3-list__label {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
        font-size: 13.3px !important;
        line-height: 1.35 !important;
        font-weight: 750 !important;
        letter-spacing: -.01em !important;
    }

    html body .srm3-list__arrow {
        color: #c99a4d !important;
        -webkit-text-fill-color: #c99a4d !important;
        font-size: 18px !important;
        line-height: 1 !important;
        transform: translateX(0) !important;
        transition: transform .20s ease !important;
    }

    html body .srm3-list__item:active .srm3-list__arrow {
        transform: translateX(2px) !important;
    }

    html body .srm3-list__item.is-sale {
        border-color: rgba(229, 189, 113, .30) !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(224, 185, 111, .15), transparent 42%),
            linear-gradient(135deg, rgba(75, 55, 31, .23), rgba(35, 28, 19, .46)) !important;
    }

    html body .srm3-list__empty {
        padding: 20px 15px !important;
        color: rgba(244, 232, 211, .70) !important;
        -webkit-text-fill-color: rgba(244, 232, 211, .70) !important;
        font-size: 12.5px !important;
        line-height: 1.55 !important;
        font-weight: 650 !important;
        text-align: center !important;
    }

    /* ------------------------------------------------------------
       WOODMART MOBILE TOOLBAR + PREMIUM 82% GLASS MENU DRAWER
       ------------------------------------------------------------ */

    html body .wd-toolbar {
        border: 1px solid rgba(222, 178, 94, .30) !important;
        border-bottom: 0 !important;
        border-radius: 20px 20px 0 0 !important;
        background:
            radial-gradient(circle at 10% -30%, rgba(228, 186, 106, .16), transparent 40%),
            linear-gradient(145deg, rgba(28, 24, 18, .94), rgba(8, 8, 7, .92)) !important;
        -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
        backdrop-filter: blur(18px) saturate(132%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05),
            0 -12px 34px rgba(0,0,0,.32) !important;
    }

    html body .wd-toolbar .wd-tools-element {
        min-width: 0 !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
        transition: background-color .22s ease, color .22s ease, transform .20s ease !important;
    }

    html body .wd-toolbar .wd-tools-element:active {
        transform: scale(.975) !important;
    }

    html body .wd-toolbar .wd-tools-element:first-child,
    html body .wd-toolbar .wd-tools-element.wd-active {
        border-radius: 15px !important;
        background: linear-gradient(145deg, rgba(83,65,42,.58), rgba(37,31,23,.42)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    html body .wd-toolbar .wd-tools-icon,
    html body .wd-toolbar .wd-tools-icon::before,
    html body .wd-toolbar .wd-tools-icon::after {
        color: #f0c978 !important;
        -webkit-text-fill-color: #f0c978 !important;
    }

    html body .wd-toolbar .wd-tools-text,
    html body .wd-toolbar .wd-toolbar-label,
    html body .wd-toolbar .wd-tools-label {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: clamp(9.5px, 2.65vw, 11px) !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: -.02em !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    html body .mobile-nav,
    html body .wd-mobile-nav,
    html body .wd-side-hidden.mobile-nav,
    html body .wd-side-hidden.wd-mobile-nav {
        width: min(86vw, 390px) !important;
        max-width: min(86vw, 390px) !important;
        height: 100vh !important;
        height: 100dvh !important;
        overflow: hidden auto !important;
        overscroll-behavior: contain !important;
        border-right: 1px solid rgba(231, 188, 108, .42) !important;
        background-color: rgba(9, 8, 6, .82) !important;
        background-image:
            radial-gradient(circle at 4% 0%, rgba(231, 190, 111, .20), transparent 34%),
            radial-gradient(circle at 96% 45%, rgba(103, 143, 110, .10), transparent 42%),
            linear-gradient(155deg, rgba(30, 25, 18, .82), rgba(5, 5, 4, .82)) !important;
        -webkit-backdrop-filter: blur(24px) saturate(142%) !important;
        backdrop-filter: blur(24px) saturate(142%) !important;
        box-shadow:
            inset -1px 0 0 rgba(255,255,255,.045),
            24px 0 58px rgba(0,0,0,.46) !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(223, 180, 98, .46) transparent !important;
        transition: transform .38s cubic-bezier(.22,.72,.22,1), visibility 0s linear 0s !important;
    }

    html body .mobile-nav.wd-opened,
    html body .wd-mobile-nav.wd-opened,
    html body .mobile-nav.act-mobile-menu,
    html body .wd-mobile-nav.act-mobile-menu {
        transition-delay: 0s !important;
    }

    html body .mobile-nav::-webkit-scrollbar,
    html body .wd-mobile-nav::-webkit-scrollbar {
        width: 5px !important;
    }

    html body .mobile-nav::-webkit-scrollbar-thumb,
    html body .wd-mobile-nav::-webkit-scrollbar-thumb {
        border-radius: 20px !important;
        background: rgba(220, 175, 91, .44) !important;
    }

    html body .mobile-nav .searchform,
    html body .mobile-nav .wd-search-form,
    html body .mobile-nav form[role="search"],
    html body .wd-mobile-nav .searchform,
    html body .wd-mobile-nav .wd-search-form,
    html body .wd-mobile-nav form[role="search"] {
        position: relative !important;
        margin: 14px 12px 12px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(227, 186, 108, .34) !important;
        border-radius: 16px !important;
        background: rgba(255,255,255,.055) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.045),
            0 8px 22px rgba(0,0,0,.16) !important;
    }

    html body .mobile-nav input[type="search"],
    html body .mobile-nav input[name="s"],
    html body .wd-mobile-nav input[type="search"],
    html body .wd-mobile-nav input[name="s"] {
        width: 100% !important;
        height: 52px !important;
        padding: 0 52px 0 16px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
        caret-color: #e9bc66 !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 13.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    html body .mobile-nav input[type="search"]::placeholder,
    html body .mobile-nav input[name="s"]::placeholder,
    html body .wd-mobile-nav input[type="search"]::placeholder,
    html body .wd-mobile-nav input[name="s"]::placeholder {
        color: rgba(255, 246, 229, .68) !important;
        -webkit-text-fill-color: rgba(255, 246, 229, .68) !important;
        opacity: 1 !important;
    }

    html body .mobile-nav .searchsubmit,
    html body .mobile-nav button[type="submit"],
    html body .wd-mobile-nav .searchsubmit,
    html body .wd-mobile-nav button[type="submit"] {
        position: absolute !important;
        top: 50% !important;
        right: 7px !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 1px solid rgba(231,189,110,.28) !important;
        border-radius: 12px !important;
        background: rgba(213,166,78,.10) !important;
        color: #edc472 !important;
        -webkit-text-fill-color: #edc472 !important;
        transform: translateY(-50%) !important;
    }

    html body .mobile-nav .wd-nav-mobile,
    html body .mobile-nav .site-mobile-menu,
    html body .mobile-nav .menu,
    html body .wd-mobile-nav .wd-nav-mobile,
    html body .wd-mobile-nav .site-mobile-menu,
    html body .wd-mobile-nav .menu {
        margin: 0 !important;
        padding: 3px 11px 18px !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body .srm3-mobile-drawer li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-link {
        box-sizing: border-box !important;
        position: relative !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 56px !important;
        margin: 0 0 7px !important;
        padding: 7px 11px 7px 8px !important;
        overflow: hidden !important;
        border: 1px solid rgba(222, 180, 102, .20) !important;
        border-radius: 16px !important;
        background:
            linear-gradient(90deg, rgba(223,179,96,.07), transparent 46%),
            rgba(255,255,255,.025) !important;
        color: #fff6e8 !important;
        -webkit-text-fill-color: #fff6e8 !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 13.2px !important;
        line-height: 1.35 !important;
        font-weight: 760 !important;
        letter-spacing: -.012em !important;
        text-decoration: none !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
        transition: transform .20s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-link:active {
        transform: scale(.985) translateZ(0) !important;
        border-color: rgba(232, 194, 122, .48) !important;
        background-color: rgba(218, 171, 83, .10) !important;
        box-shadow: inset 3px 0 0 rgba(229, 188, 110, .58) !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-icon {
        display: grid !important;
        place-items: center !important;
        grid-column: 1 !important;
        width: 40px !important;
        height: 40px !important;
        border: 1px solid rgba(230, 189, 111, .26) !important;
        border-radius: 13px !important;
        background:
            radial-gradient(circle at 30% 18%, rgba(246,215,155,.14), transparent 48%),
            linear-gradient(145deg, rgba(206,157,70,.15), rgba(66,48,25,.09)) !important;
        color: #e8bd6c !important;
        -webkit-text-fill-color: #e8bd6c !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-icon svg {
        display: block !important;
        width: 21px !important;
        height: 21px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.7 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-label {
        grid-column: 2 !important;
        min-width: 0 !important;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    html body .srm3-mobile-drawer .srm3-drawer-native-icon {
        display: none !important;
    }

    html body .srm3-mobile-drawer .wd-nav-opener,
    html body .srm3-mobile-drawer .menu-item-has-children > a::after {
        grid-column: 3 !important;
        color: #d6a756 !important;
        -webkit-text-fill-color: #d6a756 !important;
    }

    html body .srm3-mobile-drawer .sub-menu {
        margin: -1px 0 8px 16px !important;
        padding: 7px 0 1px 9px !important;
        border-left: 1px solid rgba(219,174,91,.25) !important;
        background: transparent !important;
    }

    html body .srm3-mobile-drawer .sub-menu .srm3-drawer-link {
        min-height: 48px !important;
        grid-template-columns: 34px minmax(0,1fr) auto !important;
        border-radius: 14px !important;
        font-size: 12.3px !important;
    }

    html body .srm3-mobile-drawer .sub-menu .srm3-drawer-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 11px !important;
    }

    html body .wd-close-side {
        background: rgba(0,0,0,.58) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        backdrop-filter: blur(5px) !important;
        transition: opacity .28s ease, visibility .28s ease !important;
    }

    /* Theme-specific override: remove WoodMart's light cards and duplicate icons. */
    html body .mobile-nav.srm3-mobile-drawer ul li,
    html body .wd-mobile-nav.srm3-mobile-drawer ul li,
    html body .mobile-nav.srm3-mobile-drawer .wd-nav-mobile > li,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-nav-mobile > li {
        --bgcolor-gray-100: transparent !important;
        --bgcolor-gray-200: transparent !important;
        border-color: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html body .mobile-nav.srm3-mobile-drawer ul li > a.srm3-drawer-link,
    html body .wd-mobile-nav.srm3-mobile-drawer ul li > a.srm3-drawer-link,
    html body .mobile-nav.srm3-mobile-drawer .wd-nav-mobile > li > a.srm3-drawer-link,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-nav-mobile > li > a.srm3-drawer-link {
        border: 1px solid rgba(225, 182, 102, .24) !important;
        background-color: rgba(24, 20, 15, .78) !important;
        background-image:
            radial-gradient(circle at 0% 0%, rgba(230,188,107,.12), transparent 42%),
            linear-gradient(100deg, rgba(213,166,78,.075), rgba(255,255,255,.018)) !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.045),
            0 8px 20px rgba(0,0,0,.16) !important;
    }

    html body .mobile-nav.srm3-mobile-drawer a.srm3-drawer-link::before,
    html body .wd-mobile-nav.srm3-mobile-drawer a.srm3-drawer-link::before,
    html body .mobile-nav.srm3-mobile-drawer li::before,
    html body .wd-mobile-nav.srm3-mobile-drawer li::before {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
    }

    html body .mobile-nav.srm3-mobile-drawer li > .wd-tools-icon,
    html body .wd-mobile-nav.srm3-mobile-drawer li > .wd-tools-icon,
    html body .mobile-nav.srm3-mobile-drawer li > i,
    html body .wd-mobile-nav.srm3-mobile-drawer li > i {
        display: none !important;
    }

    html body .mobile-nav.srm3-mobile-drawer a.srm3-drawer-link > :not(.srm3-drawer-icon):not(.wd-nav-opener),
    html body .wd-mobile-nav.srm3-mobile-drawer a.srm3-drawer-link > :not(.srm3-drawer-icon):not(.wd-nav-opener) {
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .srm3-drawer-icon,
    html body .wd-mobile-nav.srm3-mobile-drawer .srm3-drawer-icon {
        color: #efc36f !important;
        -webkit-text-fill-color: #efc36f !important;
        background-color: rgba(210,162,72,.12) !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-nav-opener,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-nav-opener {
        width: 34px !important;
        height: 34px !important;
        border: 1px solid rgba(225,182,103,.24) !important;
        border-radius: 11px !important;
        background: rgba(211,165,77,.09) !important;
        color: #e8b960 !important;
        -webkit-text-fill-color: #e8b960 !important;
    }

    /* Compact brand socials placed immediately below the native Compare row. */
    html body .mobile-nav.srm3-mobile-drawer li.srm3-drawer-socials,
    html body .wd-mobile-nav.srm3-mobile-drawer li.srm3-drawer-socials {
        display: block !important;
        margin: 3px 0 11px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body .srm3-drawer-socials__inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 58px !important;
        padding: 8px 10px 8px 13px !important;
        border: 1px solid rgba(226, 184, 104, .20) !important;
        border-radius: 16px !important;
        background:
            radial-gradient(circle at 0% 0%, rgba(232, 190, 112, .10), transparent 46%),
            rgba(255, 255, 255, .025) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    }

    html body .srm3-drawer-socials__copy {
        min-width: 0 !important;
        color: rgba(255, 247, 232, .76) !important;
        -webkit-text-fill-color: rgba(255, 247, 232, .76) !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        font-weight: 750 !important;
        letter-spacing: .01em !important;
        white-space: nowrap !important;
    }

    html body .srm3-drawer-socials__links {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        gap: 7px !important;
    }

    html body .srm3-social-link {
        box-sizing: border-box !important;
        display: grid !important;
        place-items: center !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
        border: 1px solid rgba(255, 255, 255, .20) !important;
        border-radius: 11px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .18),
            0 7px 16px rgba(0, 0, 0, .24) !important;
        transform: translateZ(0) !important;
        transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
        animation: srm3SocialBreathe 5.4s ease-in-out infinite !important;
    }

    html body .srm3-social-link:nth-child(2) { animation-delay: .45s !important; }
    html body .srm3-social-link:nth-child(3) { animation-delay: .9s !important; }

    html body .srm3-social-link svg {
        display: block !important;
        width: 17px !important;
        height: 17px !important;
        fill: currentColor !important;
    }

    html body .srm3-social-link--facebook {
        background: linear-gradient(145deg, #2f83f5, #1464ce) !important;
    }

    html body .srm3-social-link--whatsapp {
        background: linear-gradient(145deg, #2fd675, #159f50) !important;
    }

    html body .srm3-social-link--youtube {
        background: linear-gradient(145deg, #ff5252, #ff0000 48%, #b90000) !important;
        animation-delay: 1.35s !important;
    }

    html body .srm3-social-link--instagram {
        background: radial-gradient(circle at 32% 105%, #ffd36a 0 22%, #f64d69 43%, #b735aa 67%, #5a54d8 100%) !important;
    }

    html body .srm3-social-link:active {
        transform: scale(.91) translateZ(0) !important;
        filter: saturate(1.12) brightness(1.08) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), 0 3px 9px rgba(0, 0, 0, .24) !important;
    }

    @keyframes srm3SocialBreathe {
        0%, 78%, 100% { transform: translate3d(0, 0, 0); filter: saturate(1); }
        86% { transform: translate3d(0, -2px, 0); filter: saturate(1.08) brightness(1.05); }
        92% { transform: translate3d(0, 0, 0); filter: saturate(1); }
    }

    /* Live AJAX search results: dark surfaces, readable names and prices. */
    html body .autocomplete-suggestions,
    html body .wd-search-results,
    html body .wd-dropdown-results,
    html body .suggestion-products {
        overflow: hidden auto !important;
        border: 1px solid rgba(226,183,103,.34) !important;
        border-radius: 0 0 16px 16px !important;
        background-color: rgba(10, 9, 7, .97) !important;
        background-image:
            radial-gradient(circle at 10% 0%, rgba(222,177,94,.13), transparent 38%),
            linear-gradient(160deg, rgba(26,22,16,.97), rgba(7,7,6,.97)) !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.42) !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
    }

    html body .autocomplete-suggestions .autocomplete-suggestion,
    html body .wd-search-results .autocomplete-suggestion,
    html body .autocomplete-suggestion,
    html body .wd-search-results .suggestion,
    html body .wd-dropdown-results .suggestion,
    html body .suggestion-products .suggestion {
        min-height: 86px !important;
        padding: 9px 10px !important;
        border-color: rgba(225,184,107,.15) !important;
        background: rgba(255,255,255,.018) !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
        transition: background-color .20s ease !important;
    }

    html body .autocomplete-suggestions .autocomplete-suggestion .suggestion-content,
    html body .autocomplete-suggestions .autocomplete-suggestion .suggestion-details,
    html body .wd-search-results .autocomplete-suggestion .suggestion-content,
    html body .wd-search-results .autocomplete-suggestion .suggestion-details {
        background: transparent !important;
        color: #fff7e9 !important;
        -webkit-text-fill-color: #fff7e9 !important;
    }

    html body .autocomplete-suggestion:active,
    html body .autocomplete-suggestion:hover,
    html body .wd-search-results .suggestion:hover {
        background-color: rgba(215,169,82,.095) !important;
    }

    html body .autocomplete-suggestion .suggestion-thumb,
    html body .autocomplete-suggestion .suggestion-thumbnail,
    html body .wd-search-results .suggestion-thumb {
        overflow: hidden !important;
        border: 1px solid rgba(229,190,117,.20) !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.92) !important;
    }

    html body .autocomplete-suggestion .suggestion-title,
    html body .autocomplete-suggestion .wd-entities-title,
    html body .autocomplete-suggestion .product-title,
    html body .wd-search-results .suggestion-title,
    html body .wd-search-results .wd-entities-title,
    html body .autocomplete-suggestion a,
    html body .wd-search-results a {
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 12.4px !important;
        line-height: 1.35 !important;
        font-weight: 750 !important;
        text-shadow: none !important;
    }

    html body .autocomplete-suggestion .price,
    html body .autocomplete-suggestion .amount,
    html body .autocomplete-suggestion .suggestion-price,
    html body .wd-search-results .price,
    html body .wd-search-results .amount {
        color: #e8bd6b !important;
        -webkit-text-fill-color: #e8bd6b !important;
        font-size: 12.1px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
        text-shadow: none !important;
    }

    html body .autocomplete-suggestion del,
    html body .wd-search-results del {
        color: rgba(255,247,232,.43) !important;
        -webkit-text-fill-color: rgba(255,247,232,.43) !important;
    }

    html body .view-all-results,
    html body .wd-search-results .view-all-results,
    html body .autocomplete-suggestions .view-all-results,
    html body .wd-search-results .wd-all-results,
    html body .wd-all-results {
        min-height: 48px !important;
        border-top: 1px solid rgba(228,185,106,.22) !important;
        background: rgba(214,168,80,.075) !important;
        color: #efc677 !important;
        -webkit-text-fill-color: #efc677 !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 11.5px !important;
        line-height: 48px !important;
        font-weight: 850 !important;
        letter-spacing: .02em !important;
        text-align: center !important;
        text-shadow: none !important;
    }

    /*
     * Exact WoodMart 8 AJAX markup used on the live site:
     * .wd-suggestions-group > .wd-suggestion. Previous generic rules targeted
     * .suggestion, which left every actual product tile white and its title
     * almost invisible inside the dark mobile drawer.
     */
    html body .mobile-nav.srm3-mobile-drawer .wd-search-results,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-search-results,
    html body .mobile-nav.srm3-mobile-drawer .wd-dropdown-results,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-dropdown-results {
        border-color: rgba(232, 192, 117, .38) !important;
        background-color: #0b0907 !important;
        background-image:
            radial-gradient(circle at 8% 0%, rgba(229, 184, 101, .15), transparent 37%),
            linear-gradient(155deg, #1b1610 0%, #090806 100%) !important;
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
        box-shadow: 0 20px 46px rgba(0, 0, 0, .54) !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-search-suggestions,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-search-suggestions,
    html body .mobile-nav.srm3-mobile-drawer .wd-suggestions-group,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestions-group,
    html body .mobile-nav.srm3-mobile-drawer .wd-scroll-content,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-scroll-content {
        background: transparent !important;
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestions-group.wd-type-product,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestions-group.wd-type-product {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 0 !important;
        background: rgba(5, 5, 4, .32) !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-search-results .wd-suggestion,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-search-results .wd-suggestion,
    html body .mobile-nav.srm3-mobile-drawer .wd-suggestions-group .wd-suggestion,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestions-group .wd-suggestion {
        box-sizing: border-box !important;
        min-width: 0 !important;
        min-height: 112px !important;
        padding: 10px 8px !important;
        border-right: 1px solid rgba(231, 190, 113, .14) !important;
        border-bottom: 1px solid rgba(231, 190, 113, .14) !important;
        background-color: #14100c !important;
        background-image: linear-gradient(145deg, rgba(225, 179, 94, .065), rgba(255, 255, 255, .012)) !important;
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-search-results .wd-suggestion:active,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-search-results .wd-suggestion:active {
        background-color: #21190f !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion-content,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion-content {
        min-width: 0 !important;
        background: transparent !important;
        color: #fff8ec !important;
        -webkit-text-fill-color: #fff8ec !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion .wd-entities-title,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion .wd-entities-title,
    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion .wd-entities-title strong,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion .wd-entities-title strong {
        overflow-wrap: anywhere !important;
        color: #fff9ef !important;
        -webkit-text-fill-color: #fff9ef !important;
        font-family: "Noto Sans Georgian", "FiraGO", Arial, sans-serif !important;
        font-size: 12.5px !important;
        line-height: 1.36 !important;
        font-weight: 800 !important;
        opacity: 1 !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .24) !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion .price,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion .price,
    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion .amount,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion .amount,
    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion .woocommerce-Price-currencySymbol,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion .woocommerce-Price-currencySymbol {
        color: #efc36f !important;
        -webkit-text-fill-color: #efc36f !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 850 !important;
        opacity: 1 !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion-thumb,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion-thumb {
        flex: 0 0 58px !important;
        width: 58px !important;
        height: 58px !important;
        padding: 3px !important;
        overflow: hidden !important;
        border: 1px solid rgba(234, 197, 127, .22) !important;
        border-radius: 11px !important;
        background: #fff !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-suggestion-thumb img,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-suggestion-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        opacity: 1 !important;
    }

    html body .mobile-nav.srm3-mobile-drawer .wd-all-results,
    html body .wd-mobile-nav.srm3-mobile-drawer .wd-all-results {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 46px !important;
        border-top: 1px solid rgba(232, 190, 111, .22) !important;
        background: rgba(215, 169, 81, .10) !important;
        color: #f1c87b !important;
        -webkit-text-fill-color: #f1c87b !important;
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
        text-transform: none !important;
    }

    /* ------------------------------------------------------------
       SERVICE / TRADE-IN: remove the page sidebar and ONLY the
       unwanted Sidebar entry from WoodMart's native bottom toolbar.
       ------------------------------------------------------------ */

    html body.srm3-utility-page .main-page-wrapper .sidebar-container,
    html body.srm3-utility-page .main-page-wrapper aside.sidebar-container,
    html body.srm3-utility-page .main-page-wrapper .wd-sidebar,
    html body.srm3-utility-page .main-page-wrapper .area-sidebar-shop,
    html body.srm3-utility-page .main-page-wrapper .widget-area.sidebar,
    html body.srm3-utility-page .main-page-wrapper .content-layout-wrapper > aside,
    html body.srm3-utility-page .srm3-page-sidebar-hidden,
    html body.srm3-utility-page .wd-toolbar .srm3-hidden-sidebar,
    html body.srm3-utility-page .wd-toolbar > .wd-sidebar-opener,
    html body.srm3-utility-page .wd-toolbar > .wd-toolbar-sidebar,
    html body.srm3-utility-page .wd-toolbar > [class*="sidebar"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html body.srm3-utility-page .main-page-wrapper .content-layout-wrapper,
    html body.srm3-utility-page .main-page-wrapper .site-content,
    html body.srm3-utility-page .main-page-wrapper .content-area,
    html body.srm3-utility-page .main-page-wrapper .wd-content-layout {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        grid-column: 1 / -1 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body.srm3-utility-page .wd-toolbar {
        justify-content: space-around !important;
    }

    html body.srm3-utility-page .wd-toolbar .wd-tools-element:not(.srm3-hidden-sidebar) {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    @media (max-width: 355px) {
        html body .srm3-top-actions {
            left: 54px !important;
            gap: 4px !important;
            width: min(172px, calc(100vw - 158px)) !important;
        }

        html body .srm3-top-actions .srm3-action {
            gap: 3px !important;
            padding-left: 3px !important;
            padding-right: 3px !important;
        }

        html body .srm3-top-actions .srm3-action__icon {
            flex-basis: 20px !important;
            width: 20px !important;
            height: 20px !important;
        }

        html body .srm3-top-actions .srm3-action__label {
            font-size: 8.65px !important;
            letter-spacing: -.035em !important;
        }

        html body .srm3-bottom-actions .srm3-action__label {
            font-size: 10.3px !important;
        }

        html body .srm3-bottom-actions .srm3-action__chevron {
            flex-basis: 9px !important;
            width: 9px !important;
        }
    }
}

@media (min-width: 1025px) {
    html body .srm3-actions,
    html body .srm3-panel,
    html body .srm3-backdrop {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .srm3-action,
    html body .srm3-service,
    html body .srm3-trade,
    html body .srm3-panel,
    html body .srm3-backdrop,
    html body .srm3-action__chevron {
        animation: none !important;
        transition-duration: .01ms !important;
    }

    html body .srm3-social-link {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}