/* =========================================================
   GTB Smart Search - Final Clean CSS
   Desktop + Mobile + RTL + iOS Safe
   ========================================================= */


/* =========================================================
   1) General Safety
   ========================================================= */

.guaven_woos_suggestion_list,
.guaven_woos_suggestion_unlisted li {
    overflow-x: hidden !important;
}

span.woos_cat_par_span {
    display: none !important;
    visibility: hidden !important;
}

.guaven_woos_titlediv {
    padding-top: 15px;
}

.guaven_woos_suggestion ul,
.guaven_woos_suggestion p {
    padding-left: 0 !important;
    width: 95%;
}

/* Hide plugin metadata injected inside search titles */
.guaven_woos_titlediv span.woos_sku,
.guaven_woos_titlediv span.guaven_woos_hidden,
.guaven_woos_titlediv span.guaven_woos_hidden_tags,
.guaven_woos_titlediv span.gwshd,
.guaven_woos_titlediv span.gwstrn,
.guaven_woos_titlediv span.woos_sku em,
.guaven_woos_titlediv span.guaven_woos_hidden em,
.guaven_woos_titlediv span.guaven_woos_hidden_tags em,
.guaven_woos_titlediv span.gwshd em,
.guaven_woos_titlediv span.gwstrn em {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    overflow: hidden !important;
    pointer-events: none !important;
}


/* =========================================================
   2) Mobile Base Variables + Lock
   ========================================================= */

@media screen and (max-width: 849px) {

    html.gtb-woos-search-active,
    html.gtb-woos-search-active body,
    body.guaven_woos_mobile_div_state {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    body:not(.guaven_woos_mobile_div_state) .guaven_woos_suggestion {
        display: none !important;
    }

    .guaven_woos_mobilesearch {
        overflow: hidden !important;
    }

    body {
        --gtb-woos-vv-top: 0px;
        --gtb-woos-vv-height: 100vh;

        --gtb-woos-panel-top: 80px;
        --gtb-woos-panel-radius: 18px;
        --gtb-woos-panel-lift: 16px;

        --gtb-woos-input-height-final: 48px;
        --gtb-woos-input-side-gap: 14px;
        --gtb-woos-input-top-gap: 10px;

        --gtb-woos-submit-size: 34px;
        --gtb-woos-submit-right: 7px;

        --gtb-woos-clear-right: 58px;
        --gtb-woos-clear-size: 30px;

        --gtb-woos-separator-right: 50px;

        --gtb-woos-suggestion-gap: 8px;
        --gtb-woos-suggestion-side-padding: 22px;
        --gtb-woos-bottom-cta-height: 56px;
    }
}


/* =========================================================
   3) Mobile Backdrop
   ========================================================= */

@media screen and (max-width: 849px) {

    .gtb-woos-search-backdrop {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        height: calc(
            var(--gtb-woos-vv-top, 0px)
            + var(--gtb-woos-panel-top, 80px)
            + 2px
        ) !important;

        display: none !important;

        background: rgba(0, 0, 0, 0.34) !important;
        backdrop-filter: blur(1px) !important;
        -webkit-backdrop-filter: blur(1px) !important;

        z-index: 999980 !important;
    }

    .gtb-woos-search-backdrop.is-active {
        display: block !important;
    }
}


/* =========================================================
   4) Mobile Popup Sheet
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch {
        position: fixed !important;

        top: calc(
            var(--gtb-woos-vv-top, 0px)
            + var(--gtb-woos-panel-top, 80px)
            - var(--gtb-woos-panel-lift, 16px)
        ) !important;

        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: calc(
            var(--gtb-woos-vv-height, 100vh)
            - var(--gtb-woos-panel-top, 80px)
            + var(--gtb-woos-panel-lift, 16px)
        ) !important;

        max-height: calc(
            var(--gtb-woos-vv-height, 100vh)
            - var(--gtb-woos-panel-top, 80px)
            + var(--gtb-woos-panel-lift, 16px)
        ) !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        background: #fff !important;

        border: 0 !important;
        border-top: 0 !important;
        border-radius: var(--gtb-woos-panel-radius, 18px) var(--gtb-woos-panel-radius, 18px) 0 0 !important;

        outline: 0 !important;
        overflow: hidden !important;

        box-shadow: 0 -10px 24px rgba(0,0,0,.10) !important;

        z-index: 999990 !important;

        transform: none !important;
        -webkit-transform: none !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch::before,
    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch::after {
        content: none !important;
        display: none !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch > p {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}


/* =========================================================
   5) Mobile Active Search Form
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch form {
        position: fixed !important;

        top: calc(
            var(--gtb-woos-vv-top, 0px)
            + var(--gtb-woos-panel-top, 80px)
            + var(--gtb-woos-input-top-gap, 10px)
        ) !important;

        left: var(--gtb-woos-input-side-gap, 14px) !important;
        right: var(--gtb-woos-input-side-gap, 14px) !important;

        display: block !important;

        width: auto !important;
        height: var(--gtb-woos-input-height-final, 48px) !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;

        z-index: 1000008 !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch form p {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        height: var(--gtb-woos-input-height-final, 48px) !important;
        min-height: var(--gtb-woos-input-height-final, 48px) !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        border: 1px solid #dcdcdc !important;
        border-radius: 12px !important;

        background: #fff !important;

        outline: 0 !important;
        box-shadow: none !important;

        overflow: hidden !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable:focus,
    body.guaven_woos_mobile_div_state .gws_clearable:focus-within,
    body.guaven_woos_mobile_div_state .gws_clearable:active {
        border: 1px solid #dcdcdc !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }
}


/* =========================================================
   6) Mobile Input Field
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state #guaven_woos_s,
    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch input#guaven_woos_s,
    body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch input[type="text"]#guaven_woos_s,
    body.guaven_woos_mobile_div_state .gws_clearable input#guaven_woos_s {
        display: block !important;

        width: 100% !important;

        height: var(--gtb-woos-input-height-final, 48px) !important;
        min-height: var(--gtb-woos-input-height-final, 48px) !important;
        line-height: var(--gtb-woos-input-height-final, 48px) !important;

        margin: 0 !important;
        padding: 0 104px 0 18px !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-radius: 0 !important;

        outline: 0 !important;
        box-shadow: none !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        color: #222 !important;
        font-size: 16px !important;
        font-weight: 450 !important;
        letter-spacing: 0 !important;

        appearance: none !important;
        -webkit-appearance: none !important;
        -webkit-box-shadow: none !important;
        -webkit-border-radius: 0 !important;
    }

    body.guaven_woos_mobile_div_state #guaven_woos_s:focus,
    body.guaven_woos_mobile_div_state #guaven_woos_s:active,
    body.guaven_woos_mobile_div_state #guaven_woos_s:hover,
    body.guaven_woos_mobile_div_state #guaven_woos_s:focus-visible {
        border: 0 !important;
        border-radius: 0 !important;

        outline: 0 !important;
        box-shadow: none !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    body.guaven_woos_mobile_div_state #guaven_woos_s::placeholder {
        color: #7d7a73 !important;
        opacity: 1 !important;
        font-size: 16px !important;
        font-weight: 450 !important;
    }

    body.guaven_woos_mobile_div_state #guaven_woos_s::-webkit-search-decoration,
    body.guaven_woos_mobile_div_state #guaven_woos_s::-webkit-search-cancel-button,
    body.guaven_woos_mobile_div_state #guaven_woos_s::-webkit-search-results-button,
    body.guaven_woos_mobile_div_state #guaven_woos_s::-webkit-search-results-decoration {
        display: none !important;
        -webkit-appearance: none !important;
    }
}


/* =========================================================
   7) Mobile Search Box Icons
   ========================================================= */

@media screen and (max-width: 849px) {

    /* Remove left/plugin search icon completely */
    body.guaven_woos_mobile_div_state .gws_clearable::after {
        content: none !important;
        display: none !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable > i,
    body.guaven_woos_mobile_div_state .gws_clearable > svg,
    body.guaven_woos_mobile_div_state .gws_clearable .guaven_woos_search_icon,
    body.guaven_woos_mobile_div_state .gws_clearable .guaven_woos_s_icon {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Separator — removed */
    body.guaven_woos_mobile_div_state .gws_clearable::before {
        display: none !important;
    }

    /* Plugin clear button, if plugin creates it */
    body.guaven_woos_mobile_div_state .gws_clearable__clear {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: absolute !important;

        top: 50% !important;
        right: var(--gtb-woos-clear-right, 58px) !important;
        left: auto !important;

        width: var(--gtb-woos-clear-size, 30px) !important;
        height: var(--gtb-woos-clear-size, 30px) !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        color: transparent !important;
        font-size: 0 !important;
        line-height: 1 !important;

        cursor: pointer !important;
        pointer-events: auto !important;

        z-index: 1000025 !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable__clear::before,
    body.guaven_woos_mobile_div_state .gws_clearable__clear::after {
        content: "" !important;

        position: absolute !important;

        left: 7px !important;
        top: 14px !important;

        display: block !important;

        width: 14px !important;
        height: 2px !important;

        background: #aaaaaa !important;
        border-radius: 2px !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable__clear::before {
        transform: rotate(45deg) !important;
    }

    body.guaven_woos_mobile_div_state .gws_clearable__clear::after {
        transform: rotate(-45deg) !important;
    }

    /* Custom clear button, if JS creates it */
    body.guaven_woos_mobile_div_state .gtb-woos-clear-button {
        position: absolute !important;

        top: 50% !important;
        right: var(--gtb-woos-clear-right, 58px) !important;
        left: auto !important;

        width: var(--gtb-woos-clear-size, 30px) !important;
        height: var(--gtb-woos-clear-size, 30px) !important;

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

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        cursor: pointer !important;
        pointer-events: auto !important;

        z-index: 1000030 !important;
    }

    body.guaven_woos_mobile_div_state .gtb-woos-clear-button::before,
    body.guaven_woos_mobile_div_state .gtb-woos-clear-button::after {
        content: "" !important;

        position: absolute !important;

        width: 14px !important;
        height: 2px !important;

        background: #aaaaaa !important;
        border-radius: 2px !important;

        display: block !important;
    }

    body.guaven_woos_mobile_div_state .gtb-woos-clear-button::before {
        transform: rotate(45deg) !important;
    }

    body.guaven_woos_mobile_div_state .gtb-woos-clear-button::after {
        transform: rotate(-45deg) !important;
    }

    /* Green submit button */
    body.guaven_woos_mobile_div_state .gtb-woos-submit-button {
        position: absolute !important;

        top: 50% !important;
        right: var(--gtb-woos-submit-right, 7px) !important;

        width: var(--gtb-woos-submit-size, 34px) !important;
        height: var(--gtb-woos-submit-size, 34px) !important;

        transform: translateY(-50%) !important;

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

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        background: #01ab0e !important;
        color: #fff !important;

        box-shadow: none !important;

        cursor: pointer !important;
        z-index: 1000009 !important;
    }

    body.guaven_woos_mobile_div_state .gtb-woos-submit-button span {
        position: relative !important;

        display: block !important;

        width: 13px !important;
        height: 13px !important;

        border: 2.5px solid #fff !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        transform: translate(-1px, -1px) !important;
    }

    body.guaven_woos_mobile_div_state .gtb-woos-submit-button span::after {
        content: "" !important;

        position: absolute !important;

        width: 7px !important;
        height: 2.5px !important;

        right: -6px !important;
        bottom: -3px !important;

        background: #fff !important;
        border-radius: 999px !important;

        transform: rotate(45deg) !important;
        transform-origin: left center !important;
    }
}

/* =========================================================
   8) Hidden Plugin Back Arrow
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state a.guaven_woos_mobclose {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.guaven_woos_mobile_div_state a.guaven_woos_mobclose img {
        display: none !important;
    }
}


/* =========================================================
   9) Mobile Suggestion Panel
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state .guaven_woos_suggestion {
        position: fixed !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        top: calc(
            var(--gtb-woos-vv-top, 0px)
            + var(--gtb-woos-panel-top, 80px)
            + var(--gtb-woos-input-top-gap, 10px)
            + var(--gtb-woos-input-height-final, 48px)
            + var(--gtb-woos-suggestion-gap, 8px)
        ) !important;

        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: calc(
            var(--gtb-woos-vv-height, 100vh)
            - var(--gtb-woos-panel-top, 80px)
            - var(--gtb-woos-input-top-gap, 10px)
            - var(--gtb-woos-input-height-final, 48px)
            - var(--gtb-woos-suggestion-gap, 8px)
        ) !important;

        max-height: calc(
            var(--gtb-woos-vv-height, 100vh)
            - var(--gtb-woos-panel-top, 80px)
            - var(--gtb-woos-input-top-gap, 10px)
            - var(--gtb-woos-input-height-final, 48px)
            - var(--gtb-woos-suggestion-gap, 8px)
        ) !important;

        margin: 0 !important;

        padding:
            8px
            var(--gtb-woos-suggestion-side-padding, 22px)
            calc(96px + env(safe-area-inset-bottom))
            var(--gtb-woos-suggestion-side-padding, 22px) !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: #fff !important;
        box-shadow: none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;

        z-index: 999992 !important;

        transform: none !important;
        -webkit-transform: none !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_suggestion ul,
    body.guaven_woos_mobile_div_state .guaven_woos_suggestion p,
    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results,
    body.guaven_woos_mobile_div_state ul.guaven_woos_init_text,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
        box-sizing: border-box !important;

        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border: 0 !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_pinnedtitle,
    body.guaven_woos_mobile_div_state .guaven_woos_trendtitle {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;

        color: #111 !important;
        font-size: 18px !important;
        font-weight: 850 !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }
}


/* =========================================================
   10) Mobile Result Rows
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li:not(.guaven_woos_showallli),
    body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli) {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 68px !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid #eeeeee !important;

        background: #fff !important;
        box-shadow: none !important;
        border-radius: 0 !important;

        overflow-x: hidden !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_titlediv,
    body.guaven_woos_mobile_div_state .guaven_woos_titlediv span {
        font-weight: 600 !important;
        color: #111 !important;
    }

    body.guaven_woos_mobile_div_state .guaven_woos_img,
    body.guaven_woos_mobile_div_state img.guaven_woos_img {
        border: 1px solid #eeeeee !important;
        border-radius: 10px !important;
        background: #fff !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli)::after,
    body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli)::after,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli)::after,
    body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli)::after {
        content: "›" !important;

        position: absolute !important;

        top: 50% !important;
        right: 3px !important;

        transform: translateY(-50%) !important;

        color: #b5b5b5 !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        pointer-events: none !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:empty,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:empty {
        display: none !important;
    }
}


/* =========================================================
   11) Mobile Category Rows
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li {
        min-height: 72px !important;
        height: auto !important;

        padding: 8px 28px 8px 0 !important;
        margin: 0 !important;

        border-bottom: 1px solid #eeeeee !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) auto !important;
        column-gap: 13px !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        text-decoration: none !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul .gws_cat_img,
    body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul img.gws_cat_img {
        grid-column: 1 !important;

        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 999px !important;
        border: 1px solid #eeeeee !important;

        object-fit: cover !important;
        object-position: center !important;
        background: #fff !important;
    }

    body.guaven_woos_mobile_div_state a.guaven_woos_titlediv_cat {
        grid-column: 2 !important;

        min-width: 0 !important;
        max-width: 100% !important;

        color: #111 !important;
        font-size: 15.5px !important;
        font-weight: 850 !important;
        line-height: 1.22 !important;

        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.guaven_woos_mobile_div_state a.guaven_woos_titlediv_cat::after {
        content: "CATEGORY" !important;

        grid-column: 3 !important;

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

        margin-left: 10px !important;
        padding: 5px 10px !important;

        border-radius: 999px !important;
        background: #f28b00 !important;
        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }
}


/* =========================================================
   12) Mobile Show All Results Fixed CTA
   ========================================================= */

@media screen and (max-width: 849px) {

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results > li.guaven_woos_showallli,
    body.guaven_woos_mobile_div_state li.guaven_woos_showallli {
        position: fixed !important;

        left: 22px !important;
        right: 22px !important;
        bottom: calc(16px + env(safe-area-inset-bottom)) !important;
        top: auto !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        width: auto !important;

        height: var(--gtb-woos-bottom-cta-height, 56px) !important;
        min-height: var(--gtb-woos-bottom-cta-height, 56px) !important;
        max-height: var(--gtb-woos-bottom-cta-height, 56px) !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 16px !important;

        background: #01ab0e !important;
        box-shadow: 0 10px 28px rgba(0,184,18,.26) !important;

        overflow: hidden !important;
        list-style: none !important;

        z-index: 1000009 !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results > li.guaven_woos_showallli > a,
    body.guaven_woos_mobile_div_state li.guaven_woos_showallli > a {
        position: relative !important;

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

        width: 100% !important;
        height: var(--gtb-woos-bottom-cta-height, 56px) !important;

        margin: 0 !important;
        padding: 0 44px 0 18px !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-radius: 16px !important;

        background: transparent !important;
        box-shadow: none !important;

        color: #fff !important;
        font-size: 15.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .35px !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results > li.guaven_woos_showallli > a::after,
    body.guaven_woos_mobile_div_state li.guaven_woos_showallli > a::after {
        content: "›" !important;

        position: absolute !important;

        top: 50% !important;
        right: 18px !important;

        transform: translateY(-50%) !important;

        color: #fff !important;
        font-size: 25px !important;
        font-weight: 500 !important;
        line-height: 1 !important;

        pointer-events: none !important;
    }

    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results > li.guaven_woos_showallli::before,
    body.guaven_woos_mobile_div_state ul.guaven_woos_final_results > li.guaven_woos_showallli::after,
    body.guaven_woos_mobile_div_state li.guaven_woos_showallli::before,
    body.guaven_woos_mobile_div_state li.guaven_woos_showallli::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   13) Desktop Suggestion Window
   ========================================================= */

@media screen and (min-width: 850px) {

    .guaven_woos_suggestion {
        height: 500px !important;
        max-height: 500px !important;
        min-height: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        border: 1px solid #eeeeee !important;
        border-top: 0 !important;
        border-radius: 0 0 12px 12px !important;

        background: #fff !important;
        box-shadow: 0 14px 34px rgba(0,0,0,.14) !important;

        padding: 0 !important;
        box-sizing: border-box !important;

        z-index: 99999 !important;
    }

    .guaven_woos_suggestion ul,
    .guaven_woos_suggestion p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .guaven_woos_suggestion .guaven_woos_pinnedtitle,
    .guaven_woos_suggestion .guaven_woos_trendtitle {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 12px 8px 12px !important;

        box-sizing: border-box !important;

        color: #111 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: left !important;

        background: #fff !important;
        border-bottom: 1px solid #eeeeee !important;
    }
}


/* =========================================================
   14) Desktop Product Rows
   ========================================================= */

@media screen and (min-width: 850px) {

    .guaven_woos_suggestion ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    .guaven_woos_suggestion ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    .guaven_woos_suggestion ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li:not(.guaven_woos_showallli),
    .guaven_woos_suggestion .guaven_woos_suggestion_list:not(.guaven_woos_showallli) {
        position: relative !important;

        width: 100% !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 7px 12px !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid rgba(0,0,0,.055) !important;
        background: #fff !important;

        overflow: hidden !important;
        cursor: pointer !important;

        transition: background-color .14s ease !important;
    }

    .guaven_woos_suggestion ul.guaven_woos_final_results li:not(.guaven_woos_showallli):hover,
    .guaven_woos_suggestion ul.guaven_woos_init_text li:not(.guaven_woos_showallli):hover,
    .guaven_woos_suggestion ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli):hover,
    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li:not(.guaven_woos_showallli):hover,
    .guaven_woos_suggestion .guaven_woos_suggestion_list:not(.guaven_woos_showallli):hover {
        background: #fff8ef !important;
    }

    html:not([dir="rtl"]) .guaven_woos_suggestion .guaven_woos_div,
    body:not(.rtl) .guaven_woos_suggestion .guaven_woos_div {
        position: absolute !important;

        top: 7px !important;
        left: 12px !important;
        right: auto !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    html[dir="rtl"] .guaven_woos_suggestion .guaven_woos_div,
    body.rtl .guaven_woos_suggestion .guaven_woos_div {
        position: absolute !important;

        top: 7px !important;
        right: 12px !important;
        left: auto !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    .guaven_woos_suggestion .guaven_woos_img,
    .guaven_woos_suggestion img.guaven_woos_img {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;

        border-radius: 7px !important;
        border: 1px solid #eeeeee !important;
        background: #fff !important;
    }

    html:not([dir="rtl"]) .guaven_woos_suggestion .guaven_woos_titlediv,
    body:not(.rtl) .guaven_woos_suggestion .guaven_woos_titlediv {
        margin: 0 0 0 56px !important;
        padding: 12px 0 0 0 !important;

        max-width: calc(100% - 66px) !important;

        color: #111 !important;
        font-size: 13.2px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html[dir="rtl"] .guaven_woos_suggestion .guaven_woos_titlediv,
    body.rtl .guaven_woos_suggestion .guaven_woos_titlediv {
        margin: 0 56px 0 0 !important;
        padding: 12px 0 0 0 !important;

        max-width: calc(100% - 66px) !important;

        color: #111 !important;
        font-size: 13.2px !important;
        font-weight: 500 !important;
        line-height: 1.25 !important;

        direction: rtl !important;
        text-align: right !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .guaven_woos_suggestion ul.guaven_woos_final_results li::after,
    .guaven_woos_suggestion ul.guaven_woos_init_text li::after,
    .guaven_woos_suggestion ul.guaven_woos_suggestion_unlisted li::after,
    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li::after,
    .guaven_woos_suggestion .guaven_woos_suggestion_list::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   15) Desktop Category Rows
   ========================================================= */

@media screen and (min-width: 850px) {

    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        color: #111 !important;
        font-size: 13.5px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-decoration: none !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat img.gws_cat_img,
    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul .gws_cat_img {
        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        flex: 0 0 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;

        border: 1px solid #eeeeee !important;
        border-radius: 999px !important;
        background: #fff !important;
    }

    .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after {
        content: "CATEGORY" !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 4px 9px !important;

        border-radius: 999px !important;
        background: #f28b00 !important;
        color: #ffffff !important;

        font-size: 10.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }
}


/* =========================================================
   16) Desktop Show All Results
   ========================================================= */

@media screen and (min-width: 850px) {

    .guaven_woos_suggestion li.guaven_woos_showallli,
    .guaven_woos_suggestion ul.guaven_woos_final_results > li.guaven_woos_showallli {
        position: relative !important;

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

        width: 100% !important;

        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-top: 1px solid #eeeeee !important;

        background: #fff !important;
        box-shadow: none !important;

        overflow: hidden !important;
        list-style: none !important;
        text-align: center !important;
    }

    .guaven_woos_suggestion li.guaven_woos_showallli > a,
    .guaven_woos_suggestion ul.guaven_woos_final_results > li.guaven_woos_showallli > a {
        position: relative !important;

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

        width: auto !important;
        min-width: 210px !important;
        height: 42px !important;

        margin: 0 auto !important;
        padding: 0 34px !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-radius: 8px !important;

        background: #01ab0e !important;
        box-shadow: 0 5px 14px rgba(0,184,18,.18) !important;

        color: #fff !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: .2px !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;

        overflow: hidden !important;
    }

    .guaven_woos_suggestion li.guaven_woos_showallli::before,
    .guaven_woos_suggestion li.guaven_woos_showallli::after,
    .guaven_woos_suggestion li.guaven_woos_showallli > a::before,
    .guaven_woos_suggestion li.guaven_woos_showallli > a::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   17) RTL Mobile Product Rows
   ========================================================= */

@media screen and (max-width: 849px) {

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli),
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli),
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli),
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli),
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli),
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli),
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli) {
        direction: rtl !important;
        text-align: right !important;

        min-height: 86px !important;
        padding: 10px 0 10px 34px !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_div,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_div,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_div,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_div {
        position: absolute !important;

        top: 14px !important;
        right: 0 !important;
        left: auto !important;

        width: 58px !important;
        height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_titlediv,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_titlediv,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_titlediv,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_titlediv {
        margin: 0 78px 0 34px !important;
        padding: 13px 0 0 0 !important;

        height: 58px !important;

        direction: rtl !important;
        text-align: right !important;

        white-space: normal !important;
        overflow: hidden !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_titlediv > span,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_titlediv > span,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_titlediv > span,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_titlediv > span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;

        max-height: 40px !important;

        direction: rtl !important;
        text-align: right !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli)::after,
    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli)::after,
    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli)::after,
    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli)::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli)::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli)::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli)::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli)::after,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli)::after,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli)::after,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli)::after,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli)::after,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_final_results li:not(.guaven_woos_showallli)::after,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_init_text li:not(.guaven_woos_showallli)::after,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_unlisted li:not(.guaven_woos_showallli)::after,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_suggestion_list:not(.guaven_woos_showallli)::after {
        content: "›" !important;

        left: 7px !important;
        right: auto !important;
    }
}


/* =========================================================
   18) RTL Mobile Category Rows
   ========================================================= */

@media screen and (max-width: 849px) {

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li {
        position: relative !important;

        width: 100% !important;

        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;

        margin: 0 !important;
        padding: 10px 0 10px 34px !important;

        box-sizing: border-box !important;

        border-bottom: 1px solid #eeeeee !important;
        background: #fff !important;

        overflow: hidden !important;
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;

        width: auto !important;
        max-width: none !important;

        height: 58px !important;

        margin: 0 78px 0 34px !important;
        padding: 0 !important;

        direction: rtl !important;
        text-align: right !important;

        color: #111 !important;
        font-size: 15.5px !important;
        font-weight: 850 !important;
        line-height: 1.22 !important;
        text-decoration: none !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat img.gws_cat_img,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat img.gws_cat_img,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat img.gws_cat_img,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat img.gws_cat_img {
        position: absolute !important;

        top: 14px !important;
        right: 0 !important;
        left: auto !important;

        display: block !important;

        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #eeeeee !important;
        border-radius: 999px !important;
        background: #fff !important;

        object-fit: cover !important;
        object-position: center !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after {
        content: "تصنيف" !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 5px 10px !important;

        border-radius: 999px !important;
        background: #fff2df !important;
        color: #d97700 !important;

        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
        text-transform: none !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li::after,
    html[lang^="ar"] body.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li::after,
    body.rtl.guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li::after,
    body[class*="rtl"].guaven_woos_mobile_div_state ul.guaven_woos_suggestion_catul li::after {
        content: "›" !important;

        position: absolute !important;

        top: 50% !important;
        left: 7px !important;
        right: auto !important;

        transform: translateY(-50%) !important;

        color: #b5b5b5 !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        pointer-events: none !important;
    }
}


/* =========================================================
   19) RTL Mobile Active Search Bar
   ========================================================= */

@media screen and (max-width: 849px) {

    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s {
        direction: rtl !important;
        unicode-bidi: plaintext !important;

        text-align: right !important;
        text-align-last: right !important;

        padding-right: 18px !important;
        padding-left: 104px !important;

        background-image: none !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s::placeholder,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s::placeholder,
    body.rtl.guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s::placeholder,
    body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_mobilesearch .gws_clearable input#guaven_woos_s::placeholder {
        direction: rtl !important;
        text-align: right !important;
        opacity: 1 !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .gws_clearable__clear,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .gws_clearable__clear,
    body.rtl.guaven_woos_mobile_div_state .gws_clearable__clear,
    body[class*="rtl"].guaven_woos_mobile_div_state .gws_clearable__clear,
    html[dir="rtl"] body.guaven_woos_mobile_div_state .gtb-woos-clear-button,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .gtb-woos-clear-button,
    body.rtl.guaven_woos_mobile_div_state .gtb-woos-clear-button,
    body[class*="rtl"].guaven_woos_mobile_div_state .gtb-woos-clear-button {
        right: auto !important;
        left: var(--gtb-woos-clear-right, 58px) !important;
    }

    html[dir="rtl"] body.guaven_woos_mobile_div_state .gtb-woos-submit-button,
    html[lang^="ar"] body.guaven_woos_mobile_div_state .gtb-woos-submit-button,
    body.rtl.guaven_woos_mobile_div_state .gtb-woos-submit-button,
    body[class*="rtl"].guaven_woos_mobile_div_state .gtb-woos-submit-button {
        right: auto !important;
        left: var(--gtb-woos-submit-right, 7px) !important;
    }
}


/* =========================================================
   20) RTL Titles + Desktop Category Badge
   ========================================================= */

html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_pinnedtitle,
html[dir="rtl"] body.guaven_woos_mobile_div_state .guaven_woos_trendtitle,
html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_pinnedtitle,
html[lang^="ar"] body.guaven_woos_mobile_div_state .guaven_woos_trendtitle,
body.rtl.guaven_woos_mobile_div_state .guaven_woos_pinnedtitle,
body.rtl.guaven_woos_mobile_div_state .guaven_woos_trendtitle,
body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_pinnedtitle,
body[class*="rtl"].guaven_woos_mobile_div_state .guaven_woos_trendtitle {
    direction: rtl !important;
    text-align: right !important;
}

@media screen and (min-width: 850px) {

    html[dir="rtl"] .guaven_woos_suggestion .guaven_woos_pinnedtitle,
    html[dir="rtl"] .guaven_woos_suggestion .guaven_woos_trendtitle,
    html[lang^="ar"] .guaven_woos_suggestion .guaven_woos_pinnedtitle,
    html[lang^="ar"] .guaven_woos_suggestion .guaven_woos_trendtitle,
    body.rtl .guaven_woos_suggestion .guaven_woos_pinnedtitle,
    body.rtl .guaven_woos_suggestion .guaven_woos_trendtitle,
    body[class*="rtl"] .guaven_woos_suggestion .guaven_woos_pinnedtitle,
    body[class*="rtl"] .guaven_woos_suggestion .guaven_woos_trendtitle {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li,
    html[lang^="ar"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li,
    body.rtl .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li,
    body[class*="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    html[lang^="ar"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    body.rtl .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat,
    body[class*="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat {
        direction: rtl !important;
        text-align: right !important;

        flex-direction: row !important;
        justify-content: flex-start !important;
    }
}

/* Desktop + Mobile Arabic category badge text */
html[dir="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
html[lang^="ar"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
body.rtl .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after,
body[class*="rtl"] .guaven_woos_suggestion ul.guaven_woos_suggestion_catul li > a.guaven_woos_titlediv_cat::after {
    content: "تصنيف" !important;
    text-transform: none !important;
}