/* ============================================
   NEXTYMIZE LIVE SEARCH FINAL
   ============================================ */

.nx-live-search-box{
    position:absolute !important;
    z-index:9999999 !important;

    display:none !important;

    width:100% !important;
    min-width:320px !important;

    margin-top:8px !important;
    padding:10px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff4fb 55%,
            #f5efff 100%
        ) !important;

    border:
        1px solid
        #ebcfe4 !important;

    border-radius:
        16px !important;

    box-shadow:
        0 18px 45px rgba(112,39,101,.18),
        0 5px 16px rgba(221,72,169,.12) !important;
}

.nx-live-search-box.nx-show{
    display:block !important;
}


/* TITLE */

.nx-live-search-box .nx-search-head{
    padding:
        4px 6px 9px !important;

    color:#7d236e !important;

    font-size:11px !important;
    font-weight:800 !important;

    letter-spacing:.7px !important;
    text-transform:uppercase !important;
}


/* ============================================
   SUGGESTION
   ============================================ */

.nx-live-search-box .nx-suggestion-card{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        30px !important;

    align-items:center !important;

    width:100% !important;

    margin:
        0 0 10px !important;

    padding:
        11px 12px !important;

    box-sizing:border-box !important;

    cursor:pointer !important;

    background:
        linear-gradient(
            135deg,
            #ffeafa,
            #eee7ff
        ) !important;

    border:
        1px solid
        #e9c5df !important;

    border-radius:
        13px !important;

    box-shadow:
        0 5px 14px
        rgba(139,42,122,.12) !important;
}

.nx-live-search-box
.nx-suggestion-card:hover{
    border-color:
        #dc8bc9 !important;

    box-shadow:
        0 8px 20px
        rgba(139,42,122,.18) !important;
}

.nx-live-search-box
.nx-suggestion-label{
    display:block !important;

    margin-bottom:2px !important;

    color:#a05c94 !important;

    font-size:10px !important;
    font-weight:600 !important;
}

.nx-live-search-box
.nx-suggestion-value{
    display:block !important;

    overflow:hidden !important;

    color:#5a174f !important;

    font-size:13px !important;
    font-weight:700 !important;

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


/* ============================================
   SECTION TITLE
   ============================================ */

.nx-live-search-box
.nx-section-title{
    padding:
        7px 6px 6px !important;

    color:#91407f !important;

    font-size:10px !important;
    font-weight:800 !important;

    letter-spacing:.7px !important;

    text-transform:uppercase !important;
}


/* ============================================
   PRODUCT SCROLL AREA
   ============================================ */

.nx-live-search-box
.nx-product-list{
    display:flex !important;

    flex-direction:column !important;

    gap:8px !important;

    width:100% !important;

    max-height:245px !important;

    padding:
        3px 5px 9px !important;

    box-sizing:border-box !important;

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

    overscroll-behavior:
        contain !important;

    -webkit-overflow-scrolling:
        touch !important;

    scrollbar-width:
        thin !important;

    scrollbar-color:
        #bf65b0
        #f8e7f4 !important;
}

.nx-live-search-box
.nx-product-list::-webkit-scrollbar{
    width:6px !important;
}

.nx-live-search-box
.nx-product-list::-webkit-scrollbar-track{
    background:
        #f8e7f4 !important;

    border-radius:
        20px !important;
}

.nx-live-search-box
.nx-product-list::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            180deg,
            #e75fa9,
            #9855cf
        ) !important;

    border-radius:
        20px !important;
}


/* ============================================
   PRODUCT CARD
   ============================================ */

.nx-live-search-box
.nx-product-card{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        max-content !important;

    align-items:center !important;

    gap:10px !important;

    flex:
        0 0 auto !important;

    width:100% !important;
    min-width:0 !important;
    min-height:54px !important;

    margin:0 !important;

    padding:
        10px 12px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    cursor:pointer !important;

    position:relative !important;

    background:
        linear-gradient(
            105deg,
            #ffffff,
            #fff7fc
        ) !important;

    border:
        1px solid
        #eed4e7 !important;

    border-radius:
        13px !important;

    box-shadow:
        0 4px 13px
        rgba(101,34,91,.10) !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease !important;
}


/* PINK/PURPLE LEFT STRIP */

.nx-live-search-box
.nx-product-card::before{
    content:"" !important;

    position:absolute !important;

    top:8px !important;
    bottom:8px !important;
    left:0 !important;

    width:3px !important;

    background:
        linear-gradient(
            180deg,
            #ee60aa,
            #9958d1
        ) !important;

    border-radius:
        0 20px 20px 0 !important;
}


.nx-live-search-box
.nx-product-card:hover{
    transform:
        translateY(-1px) !important;

    border-color:
        #df9dcc !important;

    background:
        linear-gradient(
            105deg,
            #ffffff,
            #ffeff9
        ) !important;

    box-shadow:
        0 8px 20px
        rgba(123,40,109,.16) !important;
}


/* PRODUCT NAME */

.nx-live-search-box
.nx-product-name{
    display:-webkit-box !important;

    min-width:0 !important;

    margin:0 !important;

    padding-left:3px !important;

    overflow:hidden !important;

    color:#29222a !important;

    font-size:12px !important;
    font-weight:600 !important;

    line-height:16px !important;

    text-align:left !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;
}


/* PRICE RIGHT */

.nx-live-search-box
.nx-product-price{
    display:inline-flex !important;

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

    justify-self:end !important;

    min-width:58px !important;

    padding:
        6px 8px !important;

    box-sizing:border-box !important;

    color:#762268 !important;

    background:
        linear-gradient(
            135deg,
            #ffe1f2,
            #ebe2ff
        ) !important;

    border:
        1px solid
        #e7bddb !important;

    border-radius:
        9px !important;

    box-shadow:
        0 2px 7px
        rgba(126,42,111,.10) !important;

    font-size:12px !important;
    font-weight:800 !important;

    line-height:15px !important;

    white-space:nowrap !important;
}


/* ============================================
   CATEGORY
   ============================================ */

.nx-live-search-box
.nx-category-wrap{
    margin-top:6px !important;

    padding-top:5px !important;

    border-top:
        1px solid #ead2e5 !important;
}

.nx-live-search-box
.nx-category-card{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        30px !important;

    align-items:center !important;

    width:100% !important;

    margin:
        5px 0 !important;

    padding:
        10px 12px !important;

    box-sizing:border-box !important;

    cursor:pointer !important;

    background:
        linear-gradient(
            135deg,
            #fff0f8,
            #f1eaff
        ) !important;

    border:
        1px solid
        #ead0e4 !important;

    border-radius:
        12px !important;

    box-shadow:
        0 4px 11px
        rgba(106,35,95,.09) !important;
}

.nx-live-search-box
.nx-category-name{
    min-width:0 !important;

    overflow:hidden !important;

    color:#632356 !important;

    font-size:12px !important;
    font-weight:700 !important;

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


/* ARROW */

.nx-live-search-box
.nx-arrow{
    display:flex !important;

    width:26px !important;
    height:26px !important;

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

    justify-self:end !important;

    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #e85ca7,
            #9254cd
        ) !important;

    border-radius:50% !important;

    font-size:11px !important;
    font-weight:800 !important;

    box-shadow:
        0 4px 9px
        rgba(151,56,133,.22) !important;
}


/* MOBILE */

@media(max-width:767px){

    .nx-live-search-box{
        min-width:0 !important;

        padding:8px !important;

        border-radius:
            14px !important;
    }

    .nx-live-search-box
    .nx-product-list{
        max-height:
            230px !important;
    }

    .nx-live-search-box
    .nx-product-card{
        min-height:
            52px !important;

        padding:
            9px 10px !important;

        border-radius:
            12px !important;
    }

    .nx-live-search-box
    .nx-product-name{
        font-size:
            11px !important;

        line-height:
            15px !important;
    }

    .nx-live-search-box
    .nx-product-price{
        min-width:
            54px !important;

        padding:
            5px 7px !important;

        font-size:
            11px !important;
    }
}