* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth;
    line-height: 1.5;
}

:root {
    --color-primary: rgb(230, 230, 230);
    --color-secoundary: #FF4921;
    --color-grey-shade: rgb(0, 0, 0);

    --color-prime: #AE4B9D;
    --color-secnd: #364C7D;

    --primary-gradient: linear-gradient(to top, rgba(48, 51, 61), #99645a, #fc9a84);
    --theme-gradient: linear-gradient(to right, #AE4B9D, #364C7D);
}

::-webkit-scrollbar {
    width: 0;
}

body {
    background: rgb(245, 245, 245);
    font-family: "Roboto", sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    width: 100vw;
    overflow-x: hidden;
}

.top_gapper {
    width: 100%;
    height: 2.5rem;
}

.bottom_gapper {
    width: 100%;
    height: 1rem;
}

img {
    display: block;
    object-fit: fill;
    width: 100%;

    height: 100%;
}

a {
    text-decoration: none;
    color: #fff;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea {
    resize: none;
    font-family: "Roboto", sans-serif;
}

.pre_load {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 2000;
}

.pre_load .container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pre_load img {
    width: 80vw;
    height: 80vw;
    animation: blurPulse 0.7s infinite alternate ease-in-out;
}

@keyframes blurPulse {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(5px);
    }
}

.top_nav {
    position: fixed;
    top: -0.1rem;
    left: 0;
    width: 100vw;
    max-height: 3.5rem;
    background: var(--color-grey-shade);
    display: flex;
    z-index: 1000;
    padding: 0.5rem 0.25rem;
    padding-top: 0.7rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    transform: translateZ(0);
}

.top_nav .logo_home {
    margin-left: 0.75rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_nav .logo_home img {
    height: 2rem;
    width: fit-content;
    margin: 0.15rem 0;
}

.top_nav .logo_home .title {
    font-weight: 900;
    font-size: 1.5rem;
    margin-left: 0.25rem;
    letter-spacing: 2px;
    color: #fff;
}

.top_nav .logo_home .title span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 2px;
    font-size: 1.5rem;
}

.top_nav aside {
    text-align: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    color: #fff;
    font-size: 1.4rem;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-right: 0.8rem;
}

.top_nav aside .search {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.top_nav aside .search.deactive {
    opacity: 0;
}


.top_nav aside .bell.active::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-prime);
    position: absolute;
    transform: translate(-8px, 30%);
    border: 3px solid var(--color-grey-shade);
}

.bot_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 3rem;
    background: var(--color-grey-shade);
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    padding: 0.5rem;
    z-index: 1000;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    transition: bottom 0.1s ease;
}

.bot_nav.deactive {
    bottom: -6rem;
}

.bot_nav .icons.active i {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 0.2rem solid var(--color-prime);
    transform: translateY(-0.3rem);
}

.bot_nav .nav_car_lg {
    transform: translateY(-2rem);
}

.bot_nav .nav_car_lg img {
    width: 90%;
    margin: auto;
    padding: 0.2rem;
    background: #fff;
    border-radius: 50%;
    /* 
    background: var(--color-secoundary);
    border: 5px solid var(--color-primary);
     */
    background-image: var(--theme-gradient);
    border: 5px solid var(--color-primary);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
}

.bot_nav .nav_cart.dot_it::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-prime);
    position: absolute;
    transform: translate(-8px, 0%);
    border: 3px solid var(--color-grey-shade);
}

.nav_search_bar {
    width: 100vw;
    background: var(--color-grey-shade);
    position: fixed;
    top: -1rem;
    z-index: 900;
    padding: 0.5rem;
    padding-bottom: 0.75rem;
    transition: top 0.3s ease-in-out;

    display: grid;
    grid-template-columns: 1fr;
}

.nav_search_bar.active {
    top: 3.4rem;
}

.nav_search_bar .cover {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 0.25rem;
}

.nav_search_bar .cover>* {
    display: flex;
    align-items: center;
    padding: 0.4rem 0.5rem;
}

.nav_search_bar .cover i {
    font-size: 1.1rem;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
}

.nav_search_bar input {
    width: 100%;
    font-size: 1.1rem;
    padding: 0.2rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.nav_search_bar .clear_icon i {
    font-size: 1.3rem;
}


#nav_search_result {
    display: none;
    transition: all 0.5s ease;
    background: #fff;
    width: 100%;
    max-height: 40vh;
    overflow-y: auto;
    color: #000000;
    margin-top: 1rem;
    border-radius: 0.25rem;
}

#nav_search_result .search_result-item {
    padding: 0.75rem;
    border-bottom: 1px solid #eee;
    cursor: pointer;

    font-size: 0.9rem;
    white-space: nowrap;
    /* Prevent line breaks */
    overflow: hidden;
    /* Hide overflow */
    text-overflow: ellipsis;
}

#nav_search_result .search_result-item:hover {
    background-color: #f0f0f0;
}

.garage_pop {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
}

.garage_pop.active {
    display: block;
}

.garage_pop .blurer_garage_pop {
    width: 100%;
    height: 100%;
    background: rgba(48, 51, 61, 0.75);
}

.garage_pop .conatiner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96vw;
    height: 65vh;
    transition: height 0.5s ease;
    background: rgb(245, 245, 245);
    padding: 1rem 0.5rem;
    border-radius: 1rem;
    overflow-y: scroll;
    border: 5px solid var(--color-primary);
    box-shadow: inset 0 0 0.1rem black;
}

.garage_pop .close_pop {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 1.4rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.garage_pop .conatiner .title {
    width: 80%;
    margin: auto;
    font-family: "Lobster", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    border-bottom: solid 2px var(--color-grey-shade);
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.garage_pop .colection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem 0.25rem;
}

.garage_pop.add_nc_active .colection {
    display: none;
}

.garage_pop .colection article {
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 0.45rem rgba(0, 0, 0, 0.35);
}

.garage_pop .colection .img {
    width: 100%;
    background: var(--color-grey-shade);
}

.garage_pop .colection .brief {
    margin: 0.4rem;
    font-size: 0.7rem;
    font-weight: 700;
    height: 100%;
}

.garage_pop .colection .brand_model {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 900;
}

.garage_pop .colection span {
    opacity: 0.5;
}

.garage_pop .colection .buttons {
    background: var(--color-grey-shade);
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 0.5rem;
    letter-spacing: 1px;
}

.garage_pop .colection .buttons>* {
    padding: 0.5rem 0;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.garage_pop .colection .buttons i {
    margin-right: 0.1rem;
    font-size: 0.8rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.garage_pop .colection .add_new_car {
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 10rem;
    gap: 0.5rem;
    box-shadow: 0 0 0.45rem rgba(0, 0, 0, 0.35);
}

.garage_pop .colection .add_new_car .add_icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.4rem;
    border: 2px solid;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.garage_pop .colection .add_new_car .add_icon i {
    font-size: 2rem;
}

.garage_pop .colection .add_new_car .text {
    font-family: "Lobster", sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

.garage_pop .add_new_car_cont {
    display: none;
}

.garage_pop.add_nc_active .add_new_car_cont {
    display: block;
}

.garage_pop .add_new_car_cont .nc_head {
    width: fit-content;
    margin: 1.5rem auto;
    margin-top: 0.5rem;
    padding: 0 2rem;
    font-family: "Lobster", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    border-bottom: solid 2px var(--color-grey-shade);
}

.garage_pop .add_new_car_cont aside {
    width: 95%;
    margin: auto;
    display: grid;
    gap: 1.5rem;
}

.garage_pop .add_new_car_cont select {
    width: 100%;
    padding: 0.75rem 0.5rem;
    font-size: 1.075rem;
    font-weight: 600;
    letter-spacing: 0.075rem;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.6);
    overflow-y: scroll;
    max-height: 50vw;
}

.garage_pop .add_new_car_cont select option {
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.garage_pop .add_new_car_cont select#modification option {
    font-size: 0.45rem;
}

.garage_pop .add_new_car_cont .nc_bts {
    display: grid;
    grid-template-columns: 30% 70%;
    margin: 0 0.25rem;
    margin-top: 1.5rem;
}

.garage_pop .add_new_car_cont .nc_bts>* {
    background: rgba(0, 0, 0, 0.85);
    padding: 0.5rem 0;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
    border-radius: 0.25rem;
}

.garage_pop .add_new_car_cont .nc_bts .add_nc {
    margin-left: 0.5rem;
    opacity: 0.75;
}

.garage_pop .add_new_car_cont .nc_bts .add_nc.active {
    opacity: 1;
}

.home_pg {
    margin: 1rem 0;
}

.home_pg .poster {
    width: 100vw;
    padding: 1rem 0;
    overflow: hidden;
}

.home_pg .poster .poster_wrap {
    margin-bottom: 0.75rem;
}

.home_pg .poster .swiper-slide {
    width: 100vw;
}

.home_pg .poster article {
    width: 92.5vw;
    height: 12rem;
    margin: auto;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    border: 0.2rem solid #ffffff;
}

.home_pg .poster .swiper-pagination-bullet-active {
    background: var(--color-prime);
}

.home_pg .cate_home .head {
    width: 95vw;
    margin: auto;
    margin-bottom: 0.25rem;
    display: flex;
}

.home_pg .cate_home .head span {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.home_pg .cate_home .head label {
    margin-left: auto;
    margin-right: 0.5rem;
    letter-spacing: 1px;
    display: flex;
    align-items: end;
    font-size: 0.9rem;
    font-weight: 500;
}

.home_pg .cate_home .swiper-container {
    width: 100vw;
    margin: 0.75rem 0;
    height: fit-content;
    overflow: hidden;
}

.home_pg .cate_home .swiper-wrapper {
    margin: 0.5rem 0.75rem;
    display: flex;
    align-items: stretch;
}

.home_pg .cate_home .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #fff;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.home_pg .cate_home .swiper-slide img {
    width: 85%;
    object-fit: cover;
}

.home_pg .cate_home .swiper-slide span {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.home_pg .cate_home .swiper-slide span::first-letter {
    color: var(--color-prime);
    font-weight: 700;
}

.home_pg .flash_sale {
    margin-top: 1rem;
    width: 100vw;
    overflow: hidden;
}

.home_pg .flash_sale .head {
    width: 95vw;
    margin: auto;
    display: flex;
}

.home_pg .flash_sale .head span {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.home_pg .flash_sale .head .h_t {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
    margin-left: 4px;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .flash_sale .head .time_span {
    display: flex;
    align-items: end;
    margin-left: 0.5rem;
    height: 100%;
    background: black;
    color: #fff;
    padding: 0 0.75rem;
    font-weight: 600;
    transform: translateY(5px);
    letter-spacing: 0.05rem;
    border-radius: 0.2rem;
}

.home_pg .flash_sale .head label {
    margin-left: auto;
    margin-right: 0.5rem;
    letter-spacing: 1px;
    display: flex;
    align-items: end;
    font-size: 0.9rem;
    font-weight: 500;
}

.home_pg .flash_sale .flash_sale_swiper {
    width: 90vw;
    margin: 0.75rem auto;
    height: fit-content;
}

.home_pg .flash_sale .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 0.75rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);

    width: fit-content;
}

.home_pg .flash_sale article .img {
    background: transparent;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    width: 100%;
}

.home_pg .flash_sale article .img img {
    object-fit: fill;
    height: 40vw;
    width: 100%;
    max-height: 10rem;
    padding: 0.3rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.home_pg .flash_sale article .brief {
    width: 100%;
    padding: 0.5rem 0.65rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

.home_pg .flash_sale .brief .title {
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.3;
    height: 2.2rem;
}

.home_pg .flash_sale .brief .title span {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home_pg .flash_sale .brief .rating {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.25rem 0;
    padding-bottom: 0;
    text-align: center;
}

.home_pg .flash_sale .brief .rating i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .flash_sale .brief .rating .star_rate {
    border-right: 1px solid rgb(200, 200, 200);
}

.home_pg .flash_sale .brief .prod_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home_pg .flash_sale .brief .price {
    font-weight: 900;

}

.home_pg .flash_sale .brief .price .sale {
    font-size: 1rem;
    letter-spacing: 1px;
}

.home_pg .flash_sale .brief .price .sale span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
}

.home_pg .flash_sale .brief .price .mrp {
    opacity: 0.75;
}

.home_pg .flash_sale .brief .price .mrp span {
    text-decoration: line-through;
}

.home_pg .flash_sale .brief .offer {
    text-align: center;
    font-weight: 900;
    letter-spacing: 2px;
    color: var(--color-grey-shade);
    border: solid 2px var(--color-grey-shade);
    margin: 0.25rem auto;
    padding: 0.1rem 0;
    border-radius: 0.2rem;
    width: 100%;
}

.home_pg .flash_sale .brief .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .flash_sale .brief .prod_info {
    font-weight: 700;
    padding: 0 0.25rem;
}

.home_pg .flash_sale .brief .prod_info .origin {
    text-align: end;
}

.interlinker .recently_viewd {
    width: 100vw;
    max-width: 100vw;
}

.home_pg .recently_viewd {
    margin-top: 1rem;
    width: 100vw;
    overflow: hidden;
}

.home_pg .recently_viewd .head {
    width: 95vw;
    margin: auto;
    display: flex;
}

.home_pg .recently_viewd .head span {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.home_pg .recently_viewd .head .h_t {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
    margin-left: 4px;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .recently_viewd .head .time_span {
    display: flex;
    align-items: end;
    margin-left: 0.5rem;
    height: 100%;
    background: black;
    color: #fff;
    padding: 0 0.75rem;
    font-weight: 600;
    transform: translateY(5px);
    letter-spacing: 0.05rem;
    border-radius: 0.2rem;
}

.home_pg .recently_viewd .head label {
    margin-left: auto;
    margin-right: 0.5rem;
    letter-spacing: 1px;
    display: flex;
    align-items: end;
    font-size: 0.9rem;
    font-weight: 500;
}

.home_pg .recently_viewd .Related_parts_swiper {
    width: 90vw;
    margin: 0.75rem auto;
    height: fit-content;
}

.home_pg .recently_viewd .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 0.75rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);

    width: fit-content;
}

.home_pg .recently_viewd article .img {
    background: transparent;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    width: 100%;
}

.home_pg .recently_viewd article .img img {
    object-fit: fill;
    height: 40vw;
    width: 100%;
    max-height: 10rem;
    padding: 0.3rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.home_pg .recently_viewd article .brief {
    width: 100%;
    padding: 0.5rem 0.65rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

.home_pg .recently_viewd .brief .title {
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.3;
    height: 2.2rem;
}

.home_pg .recently_viewd .brief .title span {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home_pg .recently_viewd .brief .rating {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.25rem 0;
    padding-bottom: 0;
    text-align: center;
}

.home_pg .recently_viewd .brief .rating i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .recently_viewd .brief .rating .star_rate {
    border-right: 1px solid rgb(200, 200, 200);
}

.home_pg .recently_viewd .brief .prod_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home_pg .recently_viewd .brief .price {
    font-weight: 900;

}

.home_pg .recently_viewd .brief .price .sale {
    font-size: 1rem;
    letter-spacing: 1px;
}

.home_pg .recently_viewd .brief .price .sale span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
}

.home_pg .recently_viewd .brief .price .mrp {
    opacity: 0.75;
}

.home_pg .recently_viewd .brief .price .mrp span {
    text-decoration: line-through;
}

.home_pg .recently_viewd .brief .offer {
    text-align: center;
    font-weight: 900;
    letter-spacing: 2px;
    color: var(--color-grey-shade);
    border: solid 2px var(--color-grey-shade);
    margin: 0.25rem auto;
    padding: 0.1rem 0;
    border-radius: 0.2rem;
    width: 100%;
}

.home_pg .recently_viewd .brief .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_pg .recently_viewd .brief .prod_info {
    font-weight: 700;
    padding: 0 0.25rem;
}

.home_pg .recently_viewd .brief .prod_info .origin {
    text-align: end;
}

.home_pg .brands_trust {
    margin-top: 1rem;
    overflow: hidden;
}

.home_pg .brands_trust .head {
    width: 95vw;
    margin: auto;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.home_pg .brands_trust .head span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.35rem;
}

.home_pg .brands_trust .swiper-container {
    width: 90%;
    margin: 0.75rem 0;
    height: fit-content;
}

.home_pg .brands_trust .swiper-wrapper {
    margin: 0.5rem 0.75rem;
    display: flex;
    align-items: stretch;
}

.home_pg .brands_trust .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.home_pg .brands_trust .swiper-slide img {
    width: 85%;
    object-fit: cover;
}

.compatibiity_pop {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
}

.compatibiity_pop.active {
    display: block;
}

.compatibiity_pop .blurer_compatibiity_pop {
    width: 100%;
    height: 100%;
    background: rgba(48, 51, 61, 0.75);
    z-index: 920;
}

.compatibiity_pop .conatiner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96vw;
    height: 65vh;
    background: var(--color-primary);
    padding: 1rem 0.5rem;
    border-radius: 1rem;
    overflow-y: scroll;
    border: 5px solid var(--color-primary);
    box-shadow: inset 0 0 0.1rem black;
}

.compatibiity_pop .close_pop {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 1.4rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.compatibiity_pop .conatiner .title {
    width: 80%;
    margin: auto;
    font-family: "Lobster", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    border-bottom: solid 2px var(--color-grey-shade);
}

.compatibiity_pop .conatiner .title span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.compatibiity_pop .compatibiity_head {
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compatibiity_pop .compatibiity_head i {
    font-size: 1rem;
    margin-right: 0.3rem;
}

.compatibiity_pop .none_of_your {
    text-align: center;
    font-weight: 400;
    font-size: 0.8rem;
    background: var(--color-grey-shade);
    color: var(--color-primary);
    padding: 0.2rem 0;
    border-radius: 0.3rem;
    margin: 0 0.5rem;
}

.compatibiity_pop .none_of_your i {
    margin-right: 0.2rem;
}

.compatibiity_pop .my_carss {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0 0.25rem;
}

.compatibiity_pop article {
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.3);

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.compatibiity_pop article .img {
    width: 100%;
}

.compatibiity_pop article .brief {
    margin: 0.4rem;
    font-size: 0.7rem;
    font-weight: 700;
    height: 100%;
    text-align: center;
}

.compatibiity_pop article .brand_model {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 900;
}

.compatibiity_pop article span {
    opacity: 0.5;
}

.compatibiity_pop .comapactable_other_cars {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0 0.25rem;
}


.prd_ind_sec .prod_img {
    width: 100vw;
    overflow: hidden;
    margin-top: 1.5rem;
    height: 89vw;
}

.prd_ind_sec .prod_img .img_pannel {
    width: 100vw;
}

.prd_ind_sec .prod_img .img_pannel .img {
    width: 80vw;
    height: 80vw;
    background: #fff;
    margin: auto;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.75rem rgba(100, 100, 100, 0.15);
    overflow: hidden;
}

.prd_ind_sec .prod_img .img_pannel .img img {
    object-fit: contain;
}

.prd_ind_sec .prod_img .img_pannel .img .fav_icon {
    position: absolute;
    transform: translate(68vw, 69vw);
    font-size: 1.8rem;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .prod_img .swiper-pagination-bullet-active {
    background: var(--color-prime);
}

.prd_ind_sec .prod_info_main {
    margin: 1rem 0.6rem;
    margin-top: 0.3rem;
    font-weight: 700;
}

.prd_ind_sec .prod_info_main .title {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.prd_ind_sec .prod_info_main .brand_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0.6rem;
}

.prd_ind_sec .prod_info_main .brand_info span {
    font-weight: 500;
}

.prd_ind_sec .prod_info_main .brand_info .origin {
    text-align: end;
}

.prd_ind_sec .stock_info {
    display: grid;
    grid-template-columns: 45% 55%;
    margin: 0 0.25rem;
    font-size: 0.9rem;
}

.prd_ind_sec .stock_info .price_tag {
    background-image: linear-gradient(to bottom, #AE4B9D, #364C7D);
    border-radius: 1rem;
    margin-right: 0.75rem;
    display: grid;
    grid-template-columns: 1fr;
    padding: 1rem 0.75rem;
    line-height: 1;
    text-align: center;
}

.prd_ind_sec .stock_info .price_tag .offer {
    background: #fff;
    height: fit-content;
    border-radius: 0.4rem;
    letter-spacing: 2px;
    font-weight: 900;
    padding: 0.1rem 0;
}

.prd_ind_sec .stock_info .price_tag .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .stock_info .price_tag .price {
    font-size: 1.3rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    margin: auto;
}

.prd_ind_sec .stock_info .price_tag .mrp {
    font-size: 1rem;
    font-weight: 700;
    margin-top: auto;
}

.prd_ind_sec .stock_info .price_tag .mrp span {
    text-decoration: line-through;
    color: #ffffff;
    opacity: 0.7;
}

.prd_ind_sec .stock_info aside {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.prd_ind_sec .stock_info aside i {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .stock_info aside .in_ops {
    padding: 0 1rem;
    border-radius: 0.5rem;
    background: rgb(220, 220, 220, 0.75);
}

.prd_ind_sec .stock_info aside .in_ops>* {
    padding: 0.45rem 0;
}

.prd_ind_sec .stock_info aside .in_ops i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
}

.prd_ind_sec .stock_info aside .in_ops .is_stock {
    border-bottom: 1px solid rgb(60, 60, 60);
}

.prd_ind_sec .stock_info aside .in_ops span {
    font-weight: 400;
}

.prd_ind_sec .stock_info aside .prod_rating {
    background: rgb(220, 220, 220, 0.75);
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.8rem 1rem;
    border-radius: 0.5rem;
    text-align: center;
}

.prd_ind_sec .stock_info aside .prod_rating .reviews {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prd_ind_sec .stock_info aside .prod_rating i {
    font-size: 1.1rem;
    margin-right: 0.2rem;
}

.prd_ind_sec .stock_info aside .prod_rating .star_rate {
    border-right: 1px solid rgb(60, 60, 60);
}

.prd_ind_sec .delever_loc {
    display: flex;
    flex-direction: row;
    font-size: 0.9rem;
    width: fit-content;
    margin: auto;
    gap: 0.35rem;
    height: 1;
    margin-bottom: 0.75rem;
}

.prd_ind_sec .delever_loc i {
    font-size: 1rem;
}

.prd_ind_sec .delever_loc span {
    display: flex;
    align-items: center;
}

.prd_ind_sec .delever_loc .short_location {
    display: flex;
    align-items: center;
    font-weight: 800;
    text-decoration: underline;
}

.prd_ind_sec .buy_ops {
    position: fixed;
    bottom: 3.5rem;
    display: grid;
    grid-template-columns: 47.5% 47.5%;
    text-align: center;
    gap: 5%;
    width: 93vw;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    opacity: 1;
    transition: bottom 0.5s ease, opacity 0.2s;
}

.prd_ind_sec .buy_ops.deactive {
    bottom: -3.5vh;
    opacity: 0;
}

.prd_ind_sec .buy_ops>* {
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    padding: 0.75rem 0;
    border-radius: 0.4rem;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.2rem;
    line-height: 1;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}

.prd_ind_sec .buy_ops .add_cart {
    background: linear-gradient(to left, #AE4B9D, #364C7D);
}



.prd_ind_sec .added_cart,
.prd_ind_sec .added_cart_alt {
    position: fixed;
    background: linear-gradient(to left, #AE4B9D, #364C7D);
    color: var(--color-secoundary);
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0.5rem;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    text-align: center;
    z-index: 50;
    transition: top 0.7s ease, opacity 0.3s ease-in-out;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.5);
}

.prd_ind_sec .added_cart_alt.active,
.prd_ind_sec .added_cart.active {
    top: 80%;
    left: 50%;
    opacity: 1;
}

.prd_ind_sec .check_compt {
    width: 92.5vw;
    display: grid;
    grid-template-columns: 83% 17%;
    margin: auto;
    text-align: center;
    background-image: linear-gradient(to right, #AE4B9D, #364C7D);
    color: var(--color-grey-shade);
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 0.35rem 0.35rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    border-radius: 0.4rem;
    line-height: 1;
}

.prd_ind_sec .check_compt>* {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prd_ind_sec .check_compt span {
    padding: 0.5rem 0;
    color: var(--color-primary);
}

.prd_ind_sec .check_compt .fa-balance-scale {
    margin-right: 4px;
}

.prd_ind_sec .check_compt label {
    background: var(--color-primary);
    border-radius: 0.2rem;
    font-size: 1.5rem;
}

.prd_ind_sec .check_compt .fa-share-alt {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .prod_clasification {
    display: grid;
    grid-template-columns: 1fr;
    background: rgb(220, 220, 220, 0.75);
    padding: 0.2rem 1rem;
    width: 92.5%;
    margin: auto;
    border-radius: 0.5rem;
    letter-spacing: 1px;
    font-size: 0.9rem;
}

.prd_ind_sec .prod_clasification>* {
    padding: 0.5rem 0;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.prd_ind_sec .prod_clasification span {
    font-weight: 400;
    text-transform: none;
}

.prd_ind_sec .prod_clasification .part_num {
    border-bottom: 1px solid rgb(60, 60, 60);
}

.prd_ind_sec .return_invoice {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: rgb(220, 220, 220, 0.75);
    padding: 0.75rem 1rem;
    width: 92.5%;
    margin: auto;
    border-radius: 0.5rem;
    letter-spacing: 1px;
    font-size: 0.9rem;
    margin: 1rem auto;
    font-weight: 900;
    text-align: center;
}

.prd_ind_sec .return_invoice i {
    font-size: 1.3rem;
    color: var(--color-prime);
}

.prd_ind_sec .return_invoice span.active {
    text-decoration: line-through;
    opacity: 0.5;
}

.prd_ind_sec .return_invoice .return_idn {
    border-right: 1px solid rgb(60, 60, 60);
}

.prd_ind_sec .return_invoice>* {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
}

.prd_ind_sec .return_invoice .return_idn .icon {
    transform: rotate(90deg);
}

.prd_ind_sec .features {
    width: 95vw;
    margin: auto;
}

.prd_ind_sec .features .title {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 1px;
}

.prd_ind_sec .features .title span {
    color: var(--color-prime);
}

.prd_ind_sec .features article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    font-size: 0.9rem;
    padding: 0.2rem;
}

.prd_ind_sec .features article>* {
    padding: 0.2rem;
    border-radius: 0.3rem;
}

.prd_ind_sec .features article .head {
    font-weight: 900;
    color: rgb(131, 131, 131);
}

.prd_ind_sec .features article .brief {
    font-weight: 800;
}

.prd_ind_sec .add_details {
    width: 95vw;
    margin: auto;
}

.prd_ind_sec .add_details .title {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0.5rem 0;
}

.prd_ind_sec .add_details .title span {
    color: var(--color-prime);
}

.prd_ind_sec .add_details .brief {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    font-size: 0.9rem;
    padding: 0.2rem;
    padding-left: 0.5rem;
    font-weight: 800;
}


.prd_ind_sec .recently_viewd {
    margin-top: 1rem;
    width: 100vw;
    overflow: hidden
}

.prd_ind_sec .recently_viewd .head {
    width: 95vw;
    margin: auto;
    display: flex;
}

.prd_ind_sec .recently_viewd .head span {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.prd_ind_sec .recently_viewd .head .h_t {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 1px;
    margin-left: 4px;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .recently_viewd .head .time_span {
    display: flex;
    align-items: end;
    margin-left: 0.5rem;
    height: 100%;
    background: black;
    color: #fff;
    padding: 0 0.75rem;
    font-weight: 600;
    transform: translateY(5px);
    letter-spacing: 0.05rem;
    border-radius: 0.2rem;
}

.prd_ind_sec .recently_viewd .head label {
    margin-left: auto;
    margin-right: 0.5rem;
    letter-spacing: 1px;
    display: flex;
    align-items: end;
    font-size: 0.9rem;
    font-weight: 500;
}

.prd_ind_sec .recently_viewd .Related_parts_swiper {
    width: 90vw;
    margin: 0.75rem auto;
    height: fit-content;
}

.prd_ind_sec .recently_viewd .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 0.75rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);

    width: fit-content;
}

.prd_ind_sec .recently_viewd article .img {
    background: transparent;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    width: 100%;
}

.prd_ind_sec .recently_viewd article .img img {
    object-fit: fill;
    height: 40vw;
    width: 100%;
    max-height: 10rem;
    padding: 0.3rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.prd_ind_sec .recently_viewd article .brief {
    width: 100%;
    padding: 0.5rem 0.65rem;
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

.prd_ind_sec .recently_viewd .brief .title {
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.3;
    height: 2.2rem;
}

.prd_ind_sec .recently_viewd .brief .title span {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prd_ind_sec .recently_viewd .brief .rating {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.25rem 0;
    padding-bottom: 0;
    text-align: center;
}

.prd_ind_sec .recently_viewd .brief .rating i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prd_ind_sec .recently_viewd .brief .rating .star_rate {
    border-right: 1px solid rgb(200, 200, 200);
}

.prd_ind_sec .recently_viewd .brief .prod_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.prd_ind_sec .recently_viewd .brief .price {
    font-weight: 900;
}

.prd_ind_sec .recently_viewd .brief .price .sale {
    font-size: 1rem;
    letter-spacing: 1px;
}

.prd_ind_sec .recently_viewd .brief .price .sale span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
}

.prd_ind_sec .recently_viewd .brief .price .mrp {
    opacity: 0.75;
}

.prd_ind_sec .recently_viewd .brief .price .mrp span {
    text-decoration: line-through;
}

.prd_ind_sec .recently_viewd .brief .offer {
    text-align: center;
    font-weight: 900;
    letter-spacing: 2px;
    color: var(--color-grey-shade);
    border: solid 2px var(--color-grey-shade);
    margin: 0.25rem auto;
    padding: 0.1rem 0;
    border-radius: 0.2rem;
    width: 100%;
}

.prd_ind_sec .recently_viewd .brief .prod_info {
    font-weight: 700;
    padding: 0 0.25rem;
}

.prd_ind_sec .recently_viewd .brief .prod_info .origin {
    text-align: end;
}


.prd_ind_sec .recently_viewd .see_more {
    margin-top: 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: var(--color-prime);
    letter-spacing: 2px;
    font-weight: 600;
    cursor: pointer;
}

/*------------------------NOTIFICATION PAGE--------------------------*/

.notification {
    margin: 0;
}

.notification .noti_wrap {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 95vw;
    margin: 1.5rem auto;
}

.notification .noti_wrap .diff_head {
    font-family: "Lobster", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.notification .noti_wrap article {
    display: grid;
    grid-template-columns: 15% 70% 15%;
    text-align: center;
    background: rgb(240, 240, 240);
    border-radius: 0.5rem;
    box-shadow: 0 0 0.85rem rgba(0, 0, 0, 0.4);
}

.notification .noti_wrap article:nth-last-of-type(2n-1) {
    background: black;
    color: #fff;
}

.notification article .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.notification article .icon .fa-ticket {
    transform: rotate(-45deg);
}

.notification article .main_body {
    text-align: left;
    padding: 0.75rem 0;
}

.notification article .main_body .title {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}

.notification article .main_body .brief {
    text-align: justify;
    line-height: 1.2;
    font-size: 0.75rem;
    font-weight: 300;
}

.notification article .ago_tag {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 700;
    opacity: 0.7;
    font-size: 0.8rem;
}

/*------------------------FAVOURITE PAGE--------------------------*/

.favourite {
    margin: 1.25rem 0;
}

.favourite .head {
    font-family: "Lobster", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    width: 80vw;
    margin: auto;
    line-height: 1.5;
    border-bottom: 3px solid;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.favourite .empty_fav {
    width: 90vw;
    margin: 1.5rem auto;
    line-height: 1.3;
    font-size: 1.3rem;
    font-family: "Lobster", sans-serif;
    background: var(--color-grey-shade);
    padding: 1rem 0;
    text-align: center;
    font-weight: 100;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 0.75rem;
    border: 3px solid #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}

.favourite .empty_fav span {
    font-size: 0.9rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.favourite .fav_cover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5vw;
    width: 91vw;
    margin: 1rem auto;
}

.favourite .fav_cover article {
    background: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
}

.favourite .fav_cover article .img {
    background: transparent;
    padding: 5px;
}

.favourite .fav_cover article .img img {
    border-radius: 0.75rem;
    height: 43vw;
}

.favourite .fav_cover .brief {
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.favourite .fav_cover .brief>* {
    padding: 0 0.65rem;
}

.favourite .fav_cover .brief .title {
    font-weight: 600;
    margin-top: 0.25rem;
}

.favourite .fav_cover .brief .title span {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.favourite .fav_cover .brief .rating {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.1rem 0;
    text-align: center;
}

.favourite .fav_cover .brief .rating i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
}

.favourite .fav_cover .brief .rating .star_rate {
    border-right: 1px solid rgb(200, 200, 200);
}

.favourite .fav_cover .brief .price {
    font-weight: 900;
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
}

.favourite .fav_cover .brief .price .sale {
    font-size: 0.9rem;
    font-weight: 900;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.favourite .fav_cover .brief .price .mrp {
    opacity: 0.5;
    font-size: 0.9rem;
}

.favourite .fav_cover .brief .price .mrp span {
    text-decoration: line-through;
}

.favourite .fav_cover .brief .prod_info {
    display: flex;
    font-weight: 700;
    padding: 0 0.65rem;
}

.favourite .fav_cover .brief .prod_info span {
    opacity: 0.75;
}

.favourite .fav_cover .brief .prod_info .origin {
    text-align: end;
    width: 100%;
}

.favourite .fav_cover .brief .btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    background: var(--color-grey-shade);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.favourite .fav_cover .brief .btns .ad_cart {
    border-right: 2px solid var(--color-primary);
}

.favourite .fav_cover .brief .btns i {
    width: 90%;
    margin: auto;
    padding: 0.5rem 0;
}

/*------------------------CART PAGE--------------------------*/

.cart_pg {
    margin-top: 2rem;
}

.cart_pg .head {
    width: 95%;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cart_pg .head .title {
    font-size: 1.6rem;
    font-family: "Lobster", sans-serif;
    font-weight: 500;
    font-size: normal;
    line-height: 1.3;
    border-bottom: 3px solid;
    padding-left: 0.5rem;
    padding-right: 5rem;
}

.cart_pg .head .title span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: normal;
}

.cart_pg .head aside {
    margin-left: auto;
    display: flex;
    gap: 0.3rem;
    font-weight: 500;
    font-size: 0.8rem;
    flex-direction: row;
    letter-spacing: 0.05rem;
    align-items: center;
}

.cart_pg .head aside i {
    font-size: 1.1rem;
}

.cart_pg .empty_cart {
    width: 97vw;
    margin: 2rem auto;
    padding: 1rem;
    text-align: center;

    display: grid;
    grid-template-columns: 1fr;

    border: 3px solid transparent;
    border-radius: 0.5rem;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    box-shadow: 0 0 0.45rem rgba(0, 0, 0, 0.2);
}

.cart_pg .empty_cart span {
    font-weight: 700;
    letter-spacing: 1px;
}

.cart_pg .empty_cart .shop_btn {
    width: fit-content;
    margin: 1rem auto;
    margin-bottom: 0.15rem;
    padding: 0.25rem 0.75rem;
    background: var(--theme-gradient);
    border-radius: 0.3rem;
    color: #fff;
    font-size: 0.85rem;
    letter-spacing: 1px;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    font-weight: 700;
}

.cart_pg .cart_items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    width: 97vw;
    margin: 1.5rem auto;
}

.cart_pg .cart_items article .money,
.cart_pg .cart_items article .production,
.cart_pg .cart_items article .main_sec .quantity {
    display: flex;
    flex-direction: row;
}

.cart_pg .cart_items article {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: row;
    padding: 0.3rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.cart_pg .cart_items article .img {
    border-radius: 0.5rem;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    aspect-ratio: 1 / 1;
    min-width: 25vw;
    height: 100%;
    width: 25vw;
}

.cart_pg .cart_items article .img img {
    min-height: 25vw;
    min-width: 25vw;
    height: 25vw;
    width: 25vw;
    margin: 0 0.25rem;
    border-radius: 0.5rem;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.cart_pg .cart_items article aside {
    margin: 0.25rem 0.5rem;
    margin-right: 0.1rem;
    font-size: 0.8rem;
    display: grid;
    gap: 0.25rem;
}

.cart_pg .cart_items article .title {
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;

    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cart_pg .cart_items article .money {
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.7rem;
}

.cart_pg .cart_items article .money .price {
    font-weight: 900;
    font-size: 0.75rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cart_pg .cart_items article .money .mrp {
    font-weight: 500;
    padding: 0 0.3rem;
    border-right: 2px solid rgba(0, 0, 0, 0.3);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.cart_pg .cart_items article .money .mrp span {
    text-decoration: line-through;
    opacity: 0.6;
}

.cart_pg .cart_items article .money .offer {
    background: var(--color-grey-shade);
    color: var(--color-secoundary);
    padding: 0 0.5rem;
    border-radius: 0.2rem;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.cart_pg .cart_items article .money .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.75rem;
}

.cart_pg .cart_items article .production {
    font-weight: 600;
}

.cart_pg .cart_items article .production .origin {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.cart_pg .cart_items article .production span {
    opacity: 0.6;
}

.cart_pg .cart_items article .main_sec {
    display: flex;
    gap: 2.5rem;
}

.cart_pg .cart_items article .main_sec .quantity {
    background: var(--color-primary);
    width: fit-content;
    height: fit-content;
    line-height: 1;
    border-radius: 0.2rem;
    overflow: hidden;
}

.cart_pg .cart_items .main_sec .quantity .sub,
.cart_pg .cart_items .main_sec .quantity .add {
    font-size: 0.9rem;
    font-weight: 900;
    width: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-grey-shade);
    color: #fff;
}

.cart_pg .cart_items .main_sec .quantity .num {
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-weight: 900;
    color: var(--color-grey-shade);
}

.cart_pg .cart_items .main_sec .remove {
    display: flex;
    gap: 0.3rem;
    font-weight: 600;
}

.cart_pg .cart_items .main_sec .remove>* {
    display: flex;
    align-items: center;
}

.cart_pg .summary {
    display: grid;
    gap: 0.5rem;
    width: 97vw;
    padding: 0.5rem 0.75rem;
    margin: 1rem auto;
    margin-bottom: 0.25rem;
    background: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0.4rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);


    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.cart_pg .summary>* {
    display: flex;
}

.cart_pg .summary .title {
    letter-spacing: 1px;
}

.cart_pg .summary .title span {
    opacity: 0.7;
}

.cart_pg .summary .amount {
    margin-left: auto;
    font-weight: 900;
}

.cart_pg .summary .sub_total .amount {
    font-size: 1.1rem;
}

.cart_pg .summary .saving .amount {
    color: green;
}

.cart_pg .cart_buying_fix {
    flex-direction: column;
    text-align: center;
    display: grid;
    gap: 0.75rem;
}

.cart_pg .summary .add_more {
    font-size: 0.7rem;
    background: #fff;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    padding: 0.25rem 0;
    border-radius: 0.25rem;
    border: 1px solid;
}

.cart_pg .summary .add_more span {
    font-weight: 900;
    margin-left: 0.25rem;
}

.cart_pg .cart_buy {
    width: 100%;
    padding: 0.5rem 0;
    border-radius: 0.3rem;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--color-secoundary);
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.cart_pg .cart_buy span {
    color: #fff;
    font-size: 1rem;
    letter-spacing: 1px;
}

.cart_pg .cart_buy i {
    font-size: 1.3rem;
    margin-right: 0.5rem;
}

.cart_pg .cart_buying_fix.active {
    position: fixed;
    z-index: 500;
    width: 97vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4.5rem;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    padding: 0.5rem;
    border-radius: 0.35rem;
}

.cart_pg .cart_buying_fix.active .cart_buy {
    border: 2px solid #fff;
    font-weight: 900;
}

/*------------------------ORDER PAGE--------------------------*/

.order_pg {
    width: 96.5vw;
    margin: 1.5rem auto;
    margin-bottom: 0.5rem;
}

.order_pg #togglers {
    height: 2.8rem;
    overflow: hidden;
}

.order_pg #togglers.active {
    height: fit-content;
}

.order_pg>* {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}

.order_pg .recipient .head,
.order_pg .register_type .head,
.order_pg .order_prv .head {
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: row;
}

.order_pg .recipient .head label,
.order_pg .register_type .head label,
.order_pg .order_prv .head label {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.order_pg .recipient .head i,
.order_pg .register_type .head i,
.order_pg .order_prv .head i {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 1rem;
    font-weight: 900;
    transition: transform 0.5s ease;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.order_pg .recipient.active .head i,
.order_pg .register_type.active .head i,
.order_pg .order_prv.active .head i {
    transform: rotate(180deg);
}

.order_pg .pincode_error {
    display: none;
    margin: -0.5rem 0;
    margin-left: 0.5rem;
    font-weight: 600;
    color: rgb(241, 3, 3);
    letter-spacing: 1px;
}

.order_pg .recipient {
    background: #fff;
    padding: 0.35rem;
    border-radius: 0.4rem;
}

.order_pg .recipient .contact_drtails {
    display: grid;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.order_pg .recipient .contact_drtails>* {
    width: 95%;
    margin: auto;
    border: 1px solid;
    line-height: 1.3;
    padding: 0.25rem 0.3rem;
    font-size: 0.8rem;
    border-radius: 0.2rem;
}

.order_pg .recipient .contact_drtails .add_new {
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
}

.order_pg .recipient .contact_drtails .reciver {
    font-size: 0.85rem;
    font-weight: 700;
}

.order_pg .recipient .contact_drtails .rec_add {
    text-align: justify;
    margin-bottom: 0.25rem;
}

.order_pg .recipient .contact_drtails .selector {
    text-align: center;
    font-weight: 600;
    width: 90%;
    margin: 0.3rem auto;
    padding: 0.25rem 0;
    border: 1px solid;
    letter-spacing: 1px;
}

.order_pg .recipient .contact_drtails .selector .selected_add {
    display: none;
}

.order_pg .recipient .contact_drtails .selector.active {
    margin: 0 auto;
    border: none;
    border-top: 1px solid;
    padding: 0.35rem 0;
}

.order_pg .recipient .contact_drtails .selector .not_selected_add {
    opacity: 0.6;
}

.order_pg .recipient .contact_drtails .selector.active .not_selected_add {
    display: none;
}

.order_pg .recipient .contact_drtails .selector.active .selected_add {
    display: block;
}

.order_pg .recipient .new_address {
    margin-top: 0.25rem;
    display: none;
}

.order_pg .recipient .new_address .title {
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.order_pg .recipient .new_address .input_cover {
    width: 95%;
    margin: auto;
    display: grid;
    gap: 1rem;
}

.order_pg .recipient .new_address input,
.order_pg .recipient .new_address .pin_location,
.order_pg .recipient .new_address textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--color-grey-shade);
    font-size: 0.9rem;
    font-weight: 600;
}

.order_pg .recipient .new_address textarea {
    height: 5rem;
    overflow: hidden;
}

.order_pg .recipient .new_address .save_new_address {
    margin: 0.75rem auto;
    margin-top: 1rem;
    width: fit-content;
    padding: 0.35rem 4rem;
    background: var(--color-grey-shade);
    color: #fff;
    border-radius: 0.2rem;
    font-weight: 900;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.order_pg .register_type {
    background: #fff;
    padding: 0.35rem;
    border-radius: 0.4rem;
    margin: auto;
    margin-top: 1rem;
    letter-spacing: 1px;
}

.order_pg .register_type_cover {
    display: grid;
    width: 95%;
    gap: 0.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
    margin: 0.5rem auto;
}

.order_pg .register_type_cover>* {
    padding: 0.5rem 0;
    opacity: 0.6;
    border: 1px solid;
    border-radius: 0.2rem;
    transition: opacity 0.2s ease;
}

.order_pg .register_type .type.active {
    opacity: 1;
}

.order_pg .bill_add {
    margin: 0.5rem auto;
    margin-top: 1rem;
    height: 0;
    overflow: hidden;
}

.order_pg .bill_add.active {
    height: fit-content;
}

.order_pg .bill_add .title {
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.order_pg .bill_add .input_cover {
    width: 95%;
    margin: auto;
    display: grid;
    gap: 1rem;
}

.order_pg .bill_add input,
.order_pg .bill_add .india,
.order_pg .bill_add textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--color-grey-shade);
    font-size: 0.9rem;
    font-weight: 600;
}

.order_pg .bill_add #gts_number.disable {
    opacity: 0.4;
    pointer-events: none;
}

.order_pg .bill_add textarea {
    height: 5rem;
    overflow: hidden;
}

.order_pg .bill_add .toggle_gst {
    display: flex;
    gap: 0.5rem;
}

.order_pg .bill_add .toggle_gst>* {
    display: flex;
    align-items: center;
}

.order_pg .register_type .toggle_gst .toggle-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 14px;
    transform: translateY(3px);
}

.order_pg .register_type .toggle_gst .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.order_pg .register_type .toggle_gst .slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s;
}

.order_pg .register_type .toggle_gst .slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: -3px;
    background-color: var(--color-grey-shade);
    border-radius: 50%;
    transition: transform 0.3s;

    background: var(--theme-gradient);
}

.order_pg .register_type .toggle_gst .toggle-switch input:checked+.slider {
    background-color: var(--color-secnd);
}

.order_pg .register_type .toggle_gst .toggle-switch input:checked+.slider::before {
    transform: translateX(23px);
}

.order_pg .register_type .toggle_gst span {
    letter-spacing: 0;
    font-size: 0.9rem;
}

.order_pg .order_prv {
    background: #fff;
    padding: 0.35rem;
    border-radius: 0.4rem;
    margin: auto;
    margin-top: 1rem;
}

.order_pg .order_prv .order_items {
    margin: 0.75rem auto;
    width: 97%;
    display: grid;
    gap: 0.75rem;
}

.order_pg .order_prv article .money,
.order_pg .order_prv article .production,
.order_pg .order_prv article .main_sec .quantity {
    display: flex;
    flex-direction: row;
}

.order_pg .order_prv article {
    width: 100%;
    display: grid;
    grid-template-columns: 27% 73%;
    padding: 0.3rem;
    border-radius: 0.25rem;
    border: 1px solid;
}

.order_pg .order_prv article .img {
    border-radius: 0.3rem;
    overflow: hidden;
}

.order_pg .order_prv article aside {
    margin: 0.25rem 0;
    margin-left: 0.5rem;
    margin-right: 0.3rem;
    font-size: 0.8rem;
    display: grid;
    gap: 0.15rem;
}

.order_pg .order_prv article .title {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
}

.order_pg .order_prv article .money {
    gap: 0.25rem;
    font-weight: 600;
    font-size: 0.7rem;
}

.order_pg .order_prv article .money .price {
    color: var(--color-prime);
    font-weight: 900;
    font-size: 0.75rem;
}

.order_pg .order_prv article .money .mrp {
    font-weight: 500;
    padding: 0 0.3rem;
    border-right: 2px solid rgba(0, 0, 0, 0.3);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.order_pg .order_prv article .money .mrp span {
    text-decoration: line-through;
    opacity: 0.6;
}

.order_pg .order_prv article .money .offer {
    background: var(--color-grey-shade);
    color: var(--color-secoundary);
    padding: 0 0.5rem;
    border-radius: 0.2rem;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.order_pg .order_prv article .money .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.75rem;
}

.order_pg .order_prv article .production {
    font-weight: 600;
}

.order_pg .order_prv article .production .origin {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.order_pg .order_prv article .production span {
    opacity: 0.6;
}

.order_pg .order_prv article .item_qty {
    font-weight: 600;
}

.order_pg .order_prv article .item_qty span {
    opacity: 0.6;
}

.order_pg .order_prv .shipping_add .title {
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 0.25rem;
}

.order_pg .order_prv .shipping_add .details {
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.3;
    width: 95%;
    margin: auto;
}

.order_pg .order_prv .shipping_add .details .name_num {
    font-weight: 900;
}

.order_pg .order_prv .shipping_add .details .address {
    text-align: justify;
}

.order_pg .order_prv .deliver_method {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.order_pg .order_prv .deliver_method .title {
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 1px;
}

.order_pg .order_prv .deliver_method .detail {
    font-size: 1rem;
    font-weight: 500;
    width: 95%;
    margin: auto;
}

.order_pg .order_prv .deliver_method .detail span {
    font-weight: 900;
}

.order_pg .order_prv .total_amt {
    width: 98%;
    margin: 1rem auto;
    padding: 0.5rem;
    border: 1px solid;
    border-radius: 0.2rem;
}

.order_pg .order_prv .brief_off>*,
.order_pg .order_prv .grand_total {
    display: flex;
    flex-direction: row;
    margin: 0.25rem 0;
    font-size: 1.1rem;
    font-weight: 900;
}

.order_pg .order_prv .brief_off .title {
    opacity: 0.6;
}

.order_pg .order_prv .brief_off .amount,
.order_pg .order_prv .grand_total .amount {
    margin-left: auto;
}

.order_pg .order_prv .brief_off .total_save .amount {
    color: green;
}

.order_pg .order_prv .grand_total {
    margin-top: 0.5rem;
    padding: 0 0.5rem;
    padding-top: 0.25rem;
    border-top: 2px solid;
    font-size: 1.3rem;
}

.order_pg .continue_btn {
    width: 95%;
    background: var(--color-grey-shade);
    margin: 1rem auto;
    padding: 0.75rem 0;
    border-radius: 0.3rem;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    color: var(--color-secoundary);
    text-align: center;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
}

.order_pg .continue_btn span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.profile_pg {
    margin: 1.5rem auto;
    width: 100vw;
    overflow: hidden;
}

.profile_pg .info_profile {
    width: 97.5vw;
    margin: auto;
}

.profile_pg .head {
    width: 95%;
    margin: 1rem auto;
    margin-bottom: 1.5rem;
    display: flex;
}

.profile_pg .head .title {
    font-size: 1.75rem;
    font-family: "Lobster", sans-serif;
    font-weight: 500;
    font-size: normal;
    line-height: 1.4;
    border-bottom: 3px solid;
    padding-left: 0.25rem;
    padding-right: 5rem;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.profile_pg .head aside {
    margin-left: auto;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    margin-right: 0.25rem;
}
.profile_pg .head aside .log_in_btn_ov {
    width: fit-content;
    padding: 0.25rem 1rem;
    color: #fff;
    background: var(--theme-gradient);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.35);
}

.profile_pg .personal_info {
    background: #fff;
    width: 92.5%;
    margin: auto;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.25);
}

.profile_pg .personal_info .dp {
    width: 10rem;
    height: 10rem;
    margin: 1rem auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    border: 5px solid transparent;
    border-radius: 12px;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#000000, #000000),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.profile_pg .personal_info .dp span {
    font-size: 5rem;
    font-weight: bold;
    background: linear-gradient(270deg, #AE4B9D, #364C7D, #AE4B9D);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: animateGradient 3s linear infinite;
}

@keyframes animateGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.profile_pg .personal_info .cover {
    display: grid;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
}

.profile_pg .personal_info .cover>* {
    width: 100%;
    border-bottom: 1px solid;
    padding: 0.2rem 0.5rem;
    padding-bottom: 0.1rem;
}

.profile_pg .personal_info .save_btn {
    margin: 1rem auto;
    margin-bottom: 0.25rem;
    background: var(--color-grey-shade);
    width: fit-content;
    padding: 0.15rem 3rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 0.2rem;
}

.profile_pg .log_out_sure {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 50;
}

.profile_pg .log_out_sure.active {
    display: block;
}

.profile_pg .log_out_sure .sure_blur {
    width: 100%;
    height: 100%;
    background: rgba(48, 51, 61, 0.75);
}

.profile_pg .log_out_sure .sure_cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-primary);
    width: 80vw;
    text-align: center;
    border-radius: 0.75rem;
    letter-spacing: 0.05rem;
}

.profile_pg .log_out_sure .sure_head {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}

.profile_pg .log_out_sure .sure_brief {
    width: 90%;
    margin: auto;
    font-weight: 400;
}

.profile_pg .log_out_sure .sure_btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(0, 0, 0, 0.9);
    ;
    margin-top: 0.25rem;
}

.profile_pg .log_out_sure .sure_btns>* {
    padding: 0.5rem 0;
    font-weight: 600;
}

.profile_pg .log_out_sure .sure_btns .yes_sure {
    border-left: 1px solid rgba(0, 0, 0, 0.9);
    color: var(--color-prime);
    font-weight: 800;
}

.profile_pg .follow_links {
    margin: 1rem auto;
    width: 95%;
}

.profile_pg .follow_links .title {
    width: fit-content;
    padding-left: 0.25rem;
    padding-right: 5rem;
    font-size: 1.2rem;
    font-family: "Lobster", sans-serif;
    font-weight: 500;
    font-size: normal;
    line-height: 1.4;
    border-bottom: 3px solid;
    margin-bottom: 1rem;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.profile_pg .follow_links .cover {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-area: 0.5rem;
    margin: 0.5rem;
    text-align: center;
}

.profile_pg .follow_links .cover>* {
    background: var(--color-grey-shade);
    width: 3.5rem;
    height: 3.5rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}

.profile_pg .follow_links i {
    font-size: 2.5rem;
    color: #fff;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.orderstatus_pg {
    margin: 1.5rem auto;
    width: 97.5vw;
}

.orderstatus_pg .head {
    width: 75%;
    margin: auto;
    margin-bottom: 1rem;
    font-size: 1.75rem;
    font-family: "Lobster", sans-serif;
    font-weight: 500;
    font-size: normal;
    line-height: 1.4;
    border-bottom: 2px solid;
    text-align: center;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orderstatus_pg .order_cover {
    display: grid;
    gap: 0.75rem;
    width: 99%;
    margin: auto;
}

.orderstatus_pg .order_cover .type_title {
    margin: auto;
    margin-bottom: 0.2rem;
    padding: 0 1rem;
    font-family: "Lobster", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 2px solid rgba(0, 0, 0, 0.85);
    width: fit-content;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orderstatus_pg .order_cover article.active {
    height: fit-content;
}

.orderstatus_pg .order_cover article {
    overflow: hidden;
    height: 6.75rem;
    display: grid;
    gap: 1rem;
    background: #fff;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.orderstatus_pg .order_cover article .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.orderstatus_pg .order_cover article .icon_cover {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.75);
    border-radius: 0.35rem;
}

.orderstatus_pg .order_cover article .icon_cover #qty_of_order {
    position: absolute;
    font-size: 1.3rem;
    font-weight: 900;
    transform: translateY(0.45rem);
}

.orderstatus_pg .order_cover article aside {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 800;
}

.orderstatus_pg .order_cover article aside span {
    opacity: 0.6;
    font-size: 0.9rem;
    font-weight: 700;
    color: black;
}

.orderstatus_pg .order_cover article aside .order_status {
    color: green;
    font-weight: 800;
    letter-spacing: 0.05rem;
}


.orderstatus_pg .order_details .seperator_line {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    width: 80%;
    margin: auto;
    margin-bottom: 0.2rem;
}

.orderstatus_pg .order_details .top_head {
    display: flex;
    flex-direction: row;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.05rem;
    padding-top: 0.5rem;
}

.orderstatus_pg .order_details .top_head #brief_order_id {
    margin-left: auto;
}

.orderstatus_pg .order_details .items_pannel {
    display: grid;
    gap: 0.5rem;
    margin: 0.5rem auto;
}

.orderstatus_pg .order_details .item {
    width: 100%;
    display: grid;
    grid-template-columns: 25% 75%;
    padding: 0.3rem;
    border-radius: 0.25rem;
    border: 1px solid;
}

.orderstatus_pg .order_details .item .img {
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orderstatus_pg .order_details .item .img img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.orderstatus_pg .order_details .items_pannel .money,
.orderstatus_pg .order_details .items_pannel .production {
    display: flex;
    flex-direction: row;
}

.orderstatus_pg .order_details .item aside {
    margin: 0.25rem 0;
    margin-left: 0.5rem;
    margin-right: 0.3rem;
    font-size: 0.8rem;
    display: grid;
    gap: 0.1rem;
}

.orderstatus_pg .order_details .item .title {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
}

.orderstatus_pg .order_details .item .money {
    gap: 0.15rem;
    align-items: center;
    font-weight: 600;
    font-size: 0.7rem;
}

.orderstatus_pg .order_details .item .money .price {
    color: var(--color-secoundary);
    font-weight: 900;
    font-size: 0.75rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orderstatus_pg .order_details .item .money .mrp {
    font-weight: 700;
    padding: 0 0.3rem;
    border-right: 2px solid rgba(0, 0, 0, 0.3);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.orderstatus_pg .order_details .item .money .mrp span {
    text-decoration: line-through;
    opacity: 0.6;
}

.orderstatus_pg .order_details .item .money .offer {
    background: var(--color-grey-shade);
    color: var(--color-prime);
    padding: 0.2rem 0.5rem;
    border-radius: 0.2rem;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.orderstatus_pg .order_details .item .production {
    font-weight: 600;
}

.orderstatus_pg .order_details .item .production .origin {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.orderstatus_pg .order_details .item .production span {
    opacity: 0.6;
}

.orderstatus_pg .order_details .item .item_qty {
    font-weight: 600;
}

.orderstatus_pg .order_details .item .item_qty span {
    opacity: 0.6;
}

.orderstatus_pg .order_details .order_amount {
    padding: 0 0.5rem;
    font-weight: 800;
    margin-top: 0.75rem;
}

.orderstatus_pg .order_details .order_amount>* {
    display: flex;
    flex-direction: row;
}

.orderstatus_pg .order_details .order_amount .price_title {
    opacity: 0.6;
}

.orderstatus_pg .order_details .order_amount .price_value {
    margin-left: auto;
    letter-spacing: 1px;
}

.orderstatus_pg .order_details .order_amount .saving_price .price_value {
    color: green;
}

.orderstatus_pg .order_tracking {
    width: 90%;
    margin: 0.75rem auto;
    padding: 0.5rem;
    padding-bottom: 0.75rem;
    border: 1px solid;
    border-radius: 0.35rem;
}

.orderstatus_pg .order_tracking .ot_head {
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0.5rem;
}

.orderstatus_pg .tracker_path {
    display: flex;
    flex-direction: column;
    width: 97%;
    margin: auto;
}

.orderstatus_pg .tracker_path .tr_row {
    display: grid;
    grid-template-columns: 10% 90%;
    height: 4.25rem;
}

.orderstatus_pg .tracker_path .tr_row:nth-of-type(4) {
    height: fit-content;
}

.orderstatus_pg .tracker_path .indi {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.3;
}

.orderstatus_pg .tr_row.active .indi {
    opacity: 1;
}

.orderstatus_pg .tracker_path .indi .box {
    min-width: 1.2rem;
    min-height: 1.2rem;
    border-radius: 50%;
    border: 4px solid var(--color-grey-shade);
}

.orderstatus_pg .tr_row.active .indi .box {
    background: var(--theme-gradient);
}

.orderstatus_pg .tracker_path .indi .liner_path {
    width: 4px;
    height: 100%;
    background: var(--color-grey-shade);
}

.orderstatus_pg .order_tracking .tr_body {
    font-size: 0.8rem;
    opacity: 0.6;
    padding-left: 0.5rem;
}

.orderstatus_pg .tr_row.active .tr_body {
    opacity: 1;
}

.orderstatus_pg .tr_body .tr_body_head {
    font-weight: 800;
    letter-spacing: 0.05rem;
}

.orderstatus_pg .tr_body .tr_body_brief {
    font-size: 0.7rem;
    line-height: 1.3;
    font-weight: 500;
    padding: 0 0.25rem;
    text-align: justify;
}

.orderstatus_pg .request_cancle {
    margin: 1.5rem auto;
    margin-bottom: 1rem;
    width: fit-content;
    padding: 0.2rem 2rem;
    border: 3px solid rgba(0, 0, 0, 0.75);
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.075rem;
}

/*------------------------Logs PAGE--------------------------*/

.log_pg {
    margin: 1.5rem auto;
}

.log_pg .particle_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(245, 245, 245);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1;
}

.log_pg .container {
    position: fixed;
    background: #fff;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 85vw;
    padding: 2rem 0;
    padding-bottom: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.4);

    border: 5px solid transparent;
    border-radius: 12px;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.log_pg .container .head {
    font-size: 1.7rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05rem;
    font-weight: 500;
    font-family: "Lobster", sans-serif;
    margin-right: 0.25rem;
}

.log_pg .container .head span {
    font-weight: 900;
    font-size: 2rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.log_pg .log_with {
    background: black;
    margin: auto;
    margin-top: 0.75rem;
    gap: 0.75rem;
    border-radius: 2rem;
    width: fit-content;

    border: 3px solid transparent;
    border-radius: 2rem;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to left, #AE4B9D, #364C7D);
    /* border */

}

.log_pg .pp_tc {
    width: 90%;
    margin: auto;
    margin-top: 1rem;
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 0.02rem;
}

.log_pg .pp_tc a {
    font-size: 1rem;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.log_pg .pp_tc a:hover {
    text-decoration: underline;
    text-decoration-color: #AE4B9D;
}


/*------------------------Category PAGE--------------------------*/

.category_pg {
    margin: 1.5rem auto;
    width: 98vw;
}

.category_pg .cate_pannel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0.75rem;
}

.category_pg .cate_pannel>* {
    padding: 0.5rem 0;
    background-color: #fff;
    grid-column: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.category_pg .cate_pannel .deactive {
    opacity: 0.3;
}

.category_pg .cate_pannel img {
    width: 8rem;
    height: 8rem;
    margin: 0.25rem 0;
}

.category_pg .cate_pannel span {
    font-size: 1.05rem;
    font-weight: bolder;
    letter-spacing: 0.05rem;
    margin-top: 0.25rem;

    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.category_pg .sub_cate {
    grid-column: 1/-1;
    display: none;
    grid-template-columns: 1fr 1fr;
    padding: 1rem;
    gap: 0.75rem;
    border-radius: 0.5rem;
}

.category_pg .sub_cate.active {
    display: grid;
}

.category_pg .sub_cate .subs {
    padding: 0.25rem;
    text-align: center;
    border: 0.1rem solid var(--color-grey-shade);
    font-weight: 500;
    letter-spacing: 0.05rem;
    border-radius: 0.25rem;
    color: #000;
}

/*------------------------Search Result PAGE--------------------------*/

.result_pg {
    margin: 1.5rem auto;
    width: 99vw;
    min-height: 65vh;
}

.result_pg .sort_filt {
    width: 100vw;
    position: fixed;
    left: 0;
    bottom: 3.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 0 2vw;
    z-index: 100;
}

.result_pg .sort_filt>* {
    padding: 0 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.result_pg .sort_filt i {
    margin-right: 0.25rem;
    font-size: 1.5rem;
    font-weight: 900;
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.result_pg .sort_filt>* span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: 1px;
}

.result_pg .sort_filt .uil-exchange-alt {
    transform: rotate(90deg);
}

.result_pg .prd_container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.5rem;
}

.result_pg .prd_container article {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;

    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
    padding: 0.75rem 0.5rem;
    border-radius: 0.75rem;


    border: 4px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.result_pg .prd_container article .img {
    aspect-ratio: 1/1;
    width: 35vw;
    height: 35vw;
    position: relative;
}

.result_pg .prd_container article img {
    border-radius: 0.5rem;
}

.ribbon {
    z-index: 10;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    --r: .4em;
    /* control the ribbon shape (the radius) */
    --c: #AE4B9D;

    position: absolute;
    bottom: 0.9rem;
    left: calc(-1.5*var(--r));
    line-height: 1.8;
    padding: calc(2*var(--r)) .5em 0;
    border-radius: var(--r) 0 0 var(--r);
    background:
        radial-gradient(100% 50% at left, var(--c) 98%, #0000 101%) 100% 100%/.5lh calc(100% - 2*var(--r)),
        radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0 0/var(--r) calc(2*var(--r)),
        conic-gradient(at var(--r) calc(2*var(--r)), #0000 25%, var(--c) 0) 0 0/calc(101% - .5lh) 100%;
    background-repeat: no-repeat;
}

.ribbon span {
    margin-left: 0.6rem;
    margin-right: 0.35rem;
    letter-spacing: 0.05rem;
}

.result_pg .prd_container article .brief {
    width: 100%;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    margin: 0 0.5rem;
}

.result_pg .prd_container .brief i {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.result_pg .prd_container .brief .title {
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 0.2rem;
}

.result_pg .prd_container .brief .title span {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.85rem;
    letter-spacing: 0.05rem;
}

.result_pg .prd_container .brief .rating {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 0.25rem 0;
    padding-bottom: 0;
    text-align: center;
}

.result_pg .prd_container .brief .rating i {
    font-size: 1.1rem;
    margin-right: 0.1rem;
}

.result_pg .prd_container .brief .rating .star_rate {
    border-right: 1px solid rgb(150, 150, 150);
}

.result_pg .prd_container .brief .prod_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.result_pg .prd_container .brief .price {
    font-weight: 900;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.result_pg .prd_container.brief .price .sale {
    letter-spacing: 1px;
    flex: 1;
}

.result_pg .prd_container .brief .price .sale span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.3rem;
    font-weight: 900;
}

.result_pg .prd_container .brief .price .mrp {
    opacity: 0.5;
    margin-left: 0.25rem;
    font-size: 0.9rem;
}

.result_pg .prd_container .brief .price .mrp span {
    text-decoration: line-through;
    color: red;
}

.result_pg .prd_container .brief .offer {
    text-align: center;
    font-weight: 900;
    letter-spacing: 2px;
    color: var(--color-grey-shade);
    border: solid 2px var(--color-grey-shade);
    margin: 0.25rem auto;
    padding: 0.1rem 0;
    border-radius: 0.2rem;
    width: 100%;
}

.result_pg .prd_container .brief .offer span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 1rem;
}

.result_pg .prd_container .brief .prod_info {
    font-weight: 700;
    padding: 0 0.25rem;
}

.result_pg .prd_container .brief .prod_info .origin {
    text-align: end;
}

.result_pg .prd_container .brief .prod_info .origin span {
    opacity: 0.75rem;
}

.result_pg .searched_by {
    position: relative;
    margin: 0.5rem auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;

    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
    border-radius: 0.5rem;

    font-size: 0.8rem;
    font-weight: 600;

    border: 4px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.result_pg .searched_by span {
    opacity: 0.5;
    font-size: 0.7rem;
}

.result_pg .searched_by label {
    flex: 1;
    letter-spacing: 0.05rem;
    text-align: center;
}

.result_pg .sort_pop {
    position: fixed;
    bottom: -100%;
    /* Start off-screen */
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem 1.5rem 0 0;
    transition: bottom 0.3s ease-in-out;
    padding-bottom: 5rem;
    z-index: 200;
}

.result_pg .sort_pop.show {
    bottom: 0;
}

.result_pg .sort_pop .mob_grab {
    width: 15%;
    height: 4px;
    border-radius: 2rem;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    margin: 1rem auto;
    margin-bottom: 0.75rem;
}

.result_pg .sort_pop .title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.result_pg .sort_pop .ops {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    width: 85%;
    margin: auto;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.result_pg .sort_pop .ops .ops_btn {
    padding: 0.25rem 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    opacity: 0.5;
    gap: 0.5rem;
}

.result_pg .sort_pop .ops .btw {
    width: 100%;
    height: 1px;
    background: black;
    opacity: 0.8;
}

.result_pg .sort_pop .ops .ops_btn i {
    opacity: 0.5;
}

.result_pg .sort_pop .ops .ops_btn.active {
    opacity: 1;
}

.result_pg .sort_pop .ops .ops_btn.active i {
    color: green;
    opacity: 1;
}



.result_pg .filter_pop {
    position: fixed;
    bottom: -100%;
    /* Start off-screen */
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem 1.5rem 0 0;
    transition: bottom 0.3s ease-in-out;
    padding-bottom: 5rem;
    z-index: 200;
}

.result_pg .filter_pop.show {
    bottom: 0;
}

.result_pg .filter_pop .mob_grab {
    width: 15%;
    height: 4px;
    border-radius: 2rem;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    margin: 1rem auto;
    margin-bottom: 0.75rem;
}

.result_pg .filter_pop .title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 1rem;
}

.result_pg .filter_pop .cars_list {
    width: 90vw;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6vw;
}

.result_pg .filter_pop .no_cars_in {
    display: none;
}

.result_pg .filter_pop .cars_list article {
    position: relative;
    background: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    opacity: 0.75;
}

.result_pg .filter_pop .cars_list article .ind {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(#ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.result_pg .filter_pop .cars_list article img {
    width: 42vw;
    height: 42vw;
}

.result_pg .filter_pop .cars_list .car_name {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.55rem;
    font-weight: 700;
    text-align: center;
    background: #000;
    color: #fff;
    letter-spacing: 0.05rem;
    padding: 0.35rem 0;
}

.result_pg .filter_pop .cars_list .car_name .sub {
    font-size: 0.45rem;
    margin-top: -0.1rem;
}

.result_pg .filter_pop .cars_list article.active {
    opacity: 1;
}

.result_pg .filter_pop .cars_list article.active .ind {
    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #AE4B9D, #364C7D),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
    /* border */
}

.result_pg .filter_pop .fits_note {
    width: 90%;
    margin: 1.5rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 0.7rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 0.25rem;

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #000000, #000000),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.result_pg .filter_pop .fits_note .note {
    background: #000;
    color: #fff;
    padding: 0.55rem;
    line-height: 1.2;
}

.result_pg .filter_pop .fits_note .fits {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 100%;
    border-radius: 0.35rem;
}

.result_pg .filter_pop .fits_note .fits span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.result_pg .filter_pop .no_cars_in {
    width: 90%;
    margin: auto;
    padding: 0.25rem 1.5rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.result_pg .filter_pop .no_cars_in span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    letter-spacing: 1px;
}

.result_pg .filter_pop .clear_filter {
    width: fit-content;
    margin: auto;
    padding: 0.25rem 1.5rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);

    border: 3px solid transparent;
    background: linear-gradient(to right, #AE4B9D, #364C7D);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(to right, #ffffff, #ffffff),
        /* inner background */
        linear-gradient(to right, #AE4B9D, #364C7D);
}

.result_pg .filter_pop .clear_filter span {
    background: var(--theme-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    letter-spacing: 1px;
}

.result_pg .filter_pop .uil-filter-slash {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.result_pg .filter_pop .clear_filter label {
    font-weight: 900;
}


/*-----------FOOTER-------------*/

footer {
    background: rgba(0, 0, 0);
    padding: 3rem 1rem;
    margin-top: 4rem;
    position: relative;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.35);
}
footer h4 {
    color: #fff;
    text-align: center;
    margin: 0.5rem;
    margin-top: 1.5rem;
    letter-spacing: 3px;
}
footer p {
    color: #fff;
    text-align: justify;
    opacity: 0.9;
    letter-spacing: 0.05rem;
    font-size: 0.95rem;
}
footer .footer-col a {
    opacity: 0.9;
    margin-bottom: 0.25rem;
    letter-spacing: 0.05rem;
}
footer .footer-col a:hover {
    text-decoration: underline;
}
footer .footer-subscribe {
    display: flex;
    flex-direction: row;
    border-radius: 2rem;
    padding: 0.25rem;
    background: #fff;
    
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.35);

    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}
footer .footer-subscribe input {
    padding: 0.75rem;
    padding-right: 0.15rem;
    flex: 1;
    border: none;
    outline: none;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.05rem;
}
footer .footer-subscribe button {
    border: none;
    background: var(--theme-gradient);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2rem;
    padding: 0 1rem;
}
footer .footer-subscribe button span {
    color: #fff;
}
footer .footer-col {
    text-align: center;
}
footer .footer-bottom {
    color: #fff;
    margin-top: 2rem;
}
footer .footer-bottom .cpy {
    text-align: center;
    letter-spacing: 1px;
    font-size: 0.9rem;
}