@import url(fonts.css);

:root {
    /* colors */
    --clr-navy: #21234a;
    --clr-navy72: #21234ab8;
    --clr-navy50: rgba(33, 35, 74, 0.5);
    --clr-navy24: rgba(33, 35, 74, 0.24);
    --clr-blush: #ffcdd2;
    --clr-blush50: #FFE5E8;
    --clr-blush24: #FFF3F4;
    --clr-red: #ff4632;
    --clr-red72: rgba(255, 70, 50, 0.72);
    --clr-red50: rgba(255, 70, 50, 0.5);
    --clr-red24: rgba(255, 70, 50, 0.24);
    --clr-yellow: #fee100;
    --clr-forrest: #145041;
    --clr-forrest-hover: rgba(20, 80, 65, 0.72);
    --clr-black: #000000;
    --clr-black72: #474747;
    --clr-black50: #808080;
    --clr-black24: #C2C2C2;
    --clr-black08: #EBEBEB;
    --clr-black04: #F5F5F5;
    /* --clr-black72: rgba(0, 0, 0, 0.72);
    --clr-black50: rgba(0, 0, 0, 0.50);
    --clr-black24: rgba(0, 0, 0, 0.24);
    --clr-black08: rgba(0, 0, 0, 0.08);
    --clr-black04: rgba(0, 0, 0, 0.04); */

    --clr-white: #ffffff;
    --clr-skeleton: #F6F6F8;
    --clr-btn-primary: var(--clr-red);
    --clr-btn-primary-hover: var(--clr-red72);
    --clr-link-primary: var(--clr-red);
    --clr-link-primary-hover: var(--clr-red72);
    --clr-link-secondary: var(--clr-yellow);
    --clr-input: var(--clr-black);
    /* fonts */
    --font-heading: "founders-grotesk-x-cnd-bold", Impact;
    --font-paragraph: "founders-grotesk-regular", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* border radius */
    --br-default: 8px !important;
    --br-default-extra: 16px !important;
    --br-items: 0;
    /* box shadows */
    --shadow-header: 0px 0px 30px rgb(127 137 161 / 30%);
    /* transitions */
    --cubic-bezier: cubic-bezier(0, 0, .25, 1);
    /* custom colors */
    --clr-stc: #4F008D;
    /* overwrite bs5 */
    --bs-accordion-btn-icon: url("/assets/images/chevron-down.svg") !important;
}

.clr-white {
    color: var(--clr-white);
}

.clr-red {
    color: var(--clr-red) !important;
}


.delete {
    display: none;
}

/* OVERWRITE */

* {
    font-family: var(--font-paragraph);
    border-radius: 0;
}

body {
    color: var(--clr-black);
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased
}


    h1 span, h1 a {
        font-family: var(--font-heading);
        color: inherit;
    }

        h1 a:hover {
            text-decoration: underline;
            color: inherit;
        }

.section-heading {
    display: inline-block;
    margin-top: 63px;
    margin-bottom: 45px;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
}

.title-small {
    font-family: var(--font-heading);
    font-size: 2rem;
}

.title-smaller {
    font-family: var(--font-heading);
    margin-bottom: 0;
    font-size: 1.5rem;
}

.title-banner {
    font-size: 5.625rem;
    line-height: 5.625rem;
    text-transform: capitalize;
    line-height: 5rem;
}

@media screen and (max-width: 768px) {
    .title-banner {
        font-size: 4rem;
        line-height: 4rem;
    }
}

@media screen and (max-width: 400px) {
    .title-banner {
        font-size: 3rem;
        line-height: 3rem;
    }
}

p {
    color: var(--clr-black);
}

.content-text {
    max-width: 760px;
    margin: 0 auto;
    padding-bottom: 40px;
    max-width: 760px;
    text-align: center;
    line-height: 32px;
}

/* uncomment */
.btn {
    border: none;
    border-radius: 8px !important;
    display: flex;
    gap: 6px;
    align-items: center;
}

    .btn:hover {
        border: none;
    }

    .btn:active, .btn.show {
        /* box-shadow: 0 0 0 0.25rem var(--clr-blush50) !important; */
        /* border-color: var(--clr-black24) !important; */
    }

/* .btn.show {
    background-color: var(--clr-white);
    color: var(--clr-black);
} */

.btn-close {
    background: transparent url("/assets/images/icon-x-thin.svg ") center/1em auto no-repeat;
    color: var(--clr-black);
    opacity: 1;
    padding: 0;
}

.modal-title {
    font-size: 1.5rem;
}

.modal-content {
    border-radius: var(--br-default);
}

a {
    color: var(--clr-red);
    text-decoration: none;
    transition: color ease-out .1s;
}

    a:hover {
        color: var(--clr-red);
    }

ul {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    list-style-type: none;
}

.text-danger {
    color: #F55353 !important;
}

.dv-edit-delete .text-danger:hover {
    color: #a71d2a !important;
}

.container-fluid {
    /* max-width: 2500px; */
    max-width: 1600px;
}

@media only screen and (min-width:1200px) {
    .container-fluid {
        /* padding: 0 32px; */
    }
}

.dropdown-item.active {
    background-color: var(--clr-blush) !important;
    color: inherit;
}

input:focus {
    outline: 1px solid var(--clr-black);
    /* box-shadow: 1px 1px 3px 1px var(--clr-blush50); */
}


.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--clr-black) !important;
    background-color: var(--clr-blush24);
}


/* override accordion styles */

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--clr-black);
    background-color: transparent;
    box-shadow: none;
}

.accordion-button {
    border: none;
}

/* lang ar rtl */
/* html[dir='rtl'] .accordion-button {
    justify-content: space-between;
}
html[dir='rtl'] .accordion-button::after {
    margin: 0;
} */

.accordion-item {
    border: none;
}

    .accordion-item:last-of-type .accordion-collapse {
        border-bottom-width: 0 !important;
        border-bottom: 0 !important;
    }

.modal-open {
    overflow: hidden;
    padding-right: 0;
}

.accordion-button::after {
    background-image: url('/assets/images/chevron-down.svg');
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/assets/images/chevron-down.svg');
}

/* removes dark background when clicking outside of focused input (BS5) */
.btn.show {
    color: var(--clr-black);
    background-color: transparent;
    border-color: var(--clr-black);
}

.input-group-text {
    background-color: var(--clr-black04);
    border:;
}

/* overwrite */

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.container-small > .container {
    max-width: 900px;
}

.container-xsmall {
    max-width: 450px !important;
}


.dropdown-divider {
    border-top: 1px solid var(--clr-black24);
}

/* BUTTONS */

/* spacing for buttons with icons */
.btn > svg,
.btn > img {
    /* margin-right: 5px; */
}

.btn > .btn-icon {
    width: 24px;
    margin-right: 5px;
}

.btn:focus {
    /* box-shadow: 0 0 0 0.25rem var(--clr-blush50) !important; */
    /* border: none; */
}

.btn-link {
    color: var(--clr-link-primary);
}

    .btn-link:hover {
        color: var(--clr-link-primary-hover);
    }

.btn-primary, .btn-secondary, .btn-danger {
    font-family: var(--font-heading);
    height: 48px;
    border-radius: var(--br-default);
    font-size: 1.5rem !important;
    /* line-height: 25px; */

    display: inline-flex;
    /* text-align: center; */
    justify-content: center;
    align-items: center;
    /* width: 300px; */
    /* transition: transform background-color .2s ease-in-out; */
    transition: ease-out .1s;
}

    .btn-secondary:active {
        background-color: #eee !important;
        color: var(--clr-black) !important;
    }

    .btn-primary:active, .btn-secondary:active {
        transform: scale(0.95);
    }

.btn-primary {
    color: var(--clr-white);
    background-color: var(--clr-btn-primary);
    border: none;
    min-width: 140px;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus {
        background-color: var(--clr-btn-primary-hover) !important;
        border-color: var(--clr-red) !important;
    }

        .btn-primary:focus.btn-primary:active {
            box-shadow: 0 0 0 0.25rem var(--clr-blush);
        }

    .btn-primary:disabled {
        background-color: var(--clr-red72);
    }

.btn-secondary {
    color: var(--clr-black);
    background-color: transparent;
    /* border: 1px solid var(--clr-black); */
    border: 1px solid var(--clr-black50);
}

    .btn-secondary:hover {
        background-color: transparent;
        color: var(--clr-black72);
        border: 1px solid var(--clr-black72);
    }

    .btn-secondary:hover,
    .btn-secondary:active,
    .btn-secondary:focus {
        background-color: transparent;
        color: var(--clr-black72);
    }

    .btn-secondary:disabled {
        background-color: var(--clr-black24);
        border: none;
    }

.btn-lg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: block;
}

.btn-sm {
    font-size: 1rem !important;
    height: 32px;
}

.owl-carousel {
    direction: ltr !important;
}

.owl-nav {
    pointer-events: none;
}

    .owl-nav > button {
        pointer-events: auto !important;
    }

/* buttons */

/* HEADER */

/* location modal */
.dropdown-country .dropdown-menu {
    max-height: 450px;
    overflow-y: scroll;
}

    .dropdown-country .dropdown-menu::-webkit-scrollbar {
        /* display: none; */
    }

.dropdown-country > button {
    height: 44px;
    display: flex;
    align-items: center;
    /* gap: 8px; */
}

    .dropdown-country > button > span {
        flex-grow: 1;
        text-align: left;
    }

    .dropdown-country > button > img:first-child {
        margin-right: 8px;
    }

.dropdown-country .dropdown-item.disabled {
    color: var(--clr-black);
}

.dropdown-country .dropdown-item {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .dropdown-country .dropdown-item:not(.city) span {
        font-size: 1.2rem;
    }

    .dropdown-country .dropdown-item > span {
        font-family: var(--font-heading);
        font-size: 1rem;
    }

    .dropdown-country .dropdown-item.city {
        font-family: var(--font-paragraph);
    }

        .dropdown-country .dropdown-item.city img {
            visibility: hidden;
        }

        .dropdown-country .dropdown-item.city span {
            font-family: var(--font-paragraph);
        }

.dv-group-text {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.dv-location-lable {
    display: inline-block;
    margin-bottom: 8px;
}

.input-location {
    height: 39px;
}

.btn-auto-loc {
    /* width: 48px; */
    /* padding: 0 !important; */
}

    .btn-auto-loc > svg {
    }

.dv-dropdown-signup {
    font-size: 1rem;
    color: var(--clr-black);
    padding-top: 8px;
}

    .dv-dropdown-signup a {
        color: var(--clr-red);
    }

        .dv-dropdown-signup a:hover {
            color: var(--clr-black);
        }

.dropdown-custom .dropdown-item-custom {
    border: 1px solid red;
}

.dropdown-custom::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 4px !important;
    height: 4px !important;
}

.dropdown-custom .dropdown-menu {
    border-radius: var(--br-default);
    border: none;
    box-shadow: 0px 10px 50px rgb(0 0 0 / 10%);
    width: 270px;
}

.dropdown-custom .dropdown-item > div:first-child {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-size: 1.2rem;
}

.dropdown-custom .dropdown-item > div:not(:first-child) {
    color: var(--clr-black50);
    font-size: 1rem;
}

.dropdown-custom .dropdown-item {
    padding: 8px 32px;
    font-size: 1rem;
}

.dropdown-custom .dropdown-divider {
    margin-left: 32px;
    margin-right: 32px;
}

.btn-login .dropdown-item-custom {
    border: 1px solid red;
}

.header {
    z-index: 1000;
    transition: all .3s ease-in-out;
    /* position: fixed;
    top: 0;
    width: 100%; */
}

.header-top {
    border-bottom: 1px solid var(--clr-black24);
    display: flex;
    justify-content: space-between;
    height: 80px;
    padding: 0 24px;
    background-color: #fff;
}

.hamburger-menu {
    padding: 6px;
}

@media only screen and (max-width: 800px) {
    .header-top {
        /* margin-top: 64px; */
        border-top: 1px solid var(--clr-black24);
        height: 48px;
    }

    .header .a-logo {
        position: absolute;
        top: 0;
    }

        .header .a-logo img {
            margin-top: 16px;
        }

    .header .logo {
        height: 35px;
    }
}

@media only screen and (max-width: 640px) {
    .header .logo {
        height: 35px !important;
    }
}

@media only screen and (max-width: 400px) {
    .header-top {
        padding: 16px;
    }
}

@media (max-width:880px) {
    .header-top {
        padding-top: 88px;
        padding-bottom: 24px;
    }

    .header .a-logo img {
        margin-top: 16px;
    }
}

@media only screen and (max-width:680px) {
    .header .logo {
        margin-top: 16px !important;
    }

    .dv-account-block {
        position: absolute;
        top: 15px;
        /* left: 30px; */
    }

    html.smart-banner .dv-account-block {
        top: calc(15px + 84px);
    }

    /* menu button */
    .dropdown-account .spn-user-name {
        display: none;
    }

    .dropdown-account .dropdown-toggle::after {
        display: none;
    }

    .dropdown-account > button {
        padding-left: 0;
        padding-right: 0;
    }


    .dv-location-block {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }


    /* lang ar rtl */
    /* html[dir='rtl'] .ul-search-block {
        right: auto;
        left: 30px;
    } */

    .ul-navigation {
        width: 100% !important;
        justify-content: space-between;
    }

    .li-navigation {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 600px) {
}

.header .logo {
    height: 45px;
    margin: 21px 0 13px;
}

.header .a-logo {
    position: absolute;
    z-index: 1000;
    margin: 0 50%;
    transform: translate(-50%);
}

html.smart-banner .header .a-logo {
    top: 84px !important;
}

.smartbanner--android .smartbanner__info {
    width: fit-content;
    right: calc(12% + 20px + 20px);
}

/* lang ar rtl */
/* html[dir='rtl'] .header .a-logo {
    transform: translate(50%);
} */

.dv-location-block,
.dv-account-block {
    display: flex;
    align-items: center;
}


.spn-signup {
    font-size: 1rem;
    background-color: transparent !important;
}

    .spn-signup > a {
        color: rgba(88, 91, 92, 0.5);
        text-decoration: none;
        font-weight: 500;
    }

        .spn-signup > a:hover {
            text-decoration: underline;
        }

.btn-location {
    padding-left: 0;
}

.input-date {
    background-color: transparent;
    border: none;
    color: var(--clr-black);
    background-image: url(/assets/images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 18px;
    padding-left: 26px;
}

    .input-date:focus {
        border: none !important;
        outline: none !important;
    }

.btn-date {
    padding-right: 0;
    flex-shrink: 0;
}

    .btn-date::after {
        display: none;
    }

    .btn-date .icon-calendar {
        color: var(--clr-red);
    }

.btn-location,
.btn-date {
    /* max-width: 50vw; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-grow: 1;
}

@media only screen and (min-width:882px) {
    .btn-location {
        max-width: calc(50vw - 230px);
    }
}

.location-selection,
.date-selection {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.dv-filter-container .date-img {
    fill: var(--clr-black);
}

.dv-location-block .location-text,
.dv-location-block .date-text {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 100px; */
}

.dv-location-block .location-text {
    max-width: 300px;
}

.location-img {
    width: 22px;
    height: 14px;
}


/* navbar */

.dv-navigation {
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    border-bottom: 1px solid var(--clr-black24);
    background-color: #fff;
}

    .dv-navigation > * {
        margin-bottom: 0;
    }

    .dv-navigation > .ul-navigation {
        display: flex;
        align-items: center;
        list-style: none;
        color: var(--clr-black);
        padding: 0;
        width: fit-content;
        /* margin: 0 auto; */
    }

    .dv-navigation .li-navigation:not(:last-child) {
        /* padding-right: 36px; */
    }

    .dv-navigation > .ul-navigation > li {
        /* padding: 0 32px; */
        padding: 0 16px;
    }

/* lang ar rtl */
/* html[dir='rtl'] .dv-navigation .li-navigation {
    padding-left: 36px;
    padding-right: 0;
} */

.li-navigation {
    cursor: pointer;
}

    .li-navigation > a {
        color: var(--clr-black);
        /* font-weight: 600; */
        /* text-transform: uppercase; */

        text-decoration: none;
        display: inline-block;
        position: relative;
    }

        .li-navigation > a::afterdelete {
            background: none repeat scroll 0 0 transparent;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 0;
            position: absolute;
            background: var(--clr-blush);
            transition: width 0.3s ease 0s, left 0.3s ease 0s;
            transform: .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
            width: 0;
        }

    .li-navigation:hover > a::after {
        width: 100%;
        left: 0;
    }

.dv-navigation > ul * {
    text-decoration: none;
}

.dv-navigation > ul > li > a {
    font-size: 1.2rem;
}


/* nav only desktop */
@media only screen and (min-width:680px) {

    .spn-dots {
        display: none !important;
    }

    .btn-lang > span:first-child {
        display: none;
        font-weight: 500;
    }

    .dv-nav-dropdown .accordion-button {
        display: none;
    }

    .dv-nav-dropdown {
        pointer-events: none;
    }

    .li-navigation:hover > a + .dv-nav-dropdown {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s;
        display: flex;
    }

    /* collapsed navigation accordion on desktop */


    .header .accordion-collapse.collapse {
        display: flex;
    }

    .dv-nav-products .accordion {
        display: flex;
    }

    .dv-nav-products .accordion-item {
        padding-right: 8px;
        width: 170px;
    }

    .dv-nav-dropdown .dv-nav-occasions {
    }

    .li-navigation {
        position: relative
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items {
        /* width: fit-content */
    }

    .dv-nav-dropdown.dv-nav-shops .accordion .nav-title {
        width: 100%;
        text-align: center;
    }

    .dv-nav-dropdown.dv-nav-shops .accordion .accordion-header {
        width: 100%;
        text-align: center;
        padding: 8px;
    }

    .dv-nav-dropdown.dv-nav-shops .nav-sub-items {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
        white-space: nowrap;
        width: auto !important;
    }

        .dv-nav-dropdown.dv-nav-shops .nav-sub-items li {
            max-width: 120px;
            padding: 2px 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dv-nav-dropdown.dv-nav-shops .nav-sub-items a {
            /* font-size: 13px; */
            /* font-family: 'avenirnext-medium' !important; */

            overflow: hidden;
            text-overflow: ellipsis;
        }

    .dv-nav-dropdown .accordion-item ul li {
        padding: 6px 0px 6px 0px;
    }
}

.dv-nav-dropdown .dv-nav-occasions {
}

    .dv-nav-dropdown.dv-nav-occasions .accordion-header {
        display: none;
    }

    .dv-nav-dropdown.dv-nav-occasions .accordion-collapse {
        padding-left: 0;
        border-left: none !important;
    }

    .dv-nav-dropdown.dv-nav-occasions .accordion-item a {
        white-space: nowrap;
    }

.dv-nav-dropdown,
.accordion-item:not(:last-child) {
    margin-bottom: 16px;
}

.dv-nav-dropdown {
    display: flex;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    border-radius: var(--br-default);
    position: absolute;
    padding: 40px;
    box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);
    z-index: 10;
    transition-property: opacity, visibility, height;
    transition-duration: .4s, 0s;
    transition-delay: 0s, .4s;
}

.dv-navigation a {
    color: var(--clr-black);
}

.dv-nav-dropdown .accordion-item a:hover {
    color: var(--clr-red);
}

.dv-nav-dropdown .accordion-header > .nav-title {
    flex-shrink: 0;
    font-family: var(--font-heading);
    font-size: 1.4rem;
}

/* nav only mobile */
@media only screen and (max-width: 680px) {

    .li-navigation > a {
        pointer-events: none;
    }

    /* MOBILE DROPDOWN STYLES */

    .ul-navigation {
        /* position: relative; */
    }

    .dv-nav-dropdown {
        display: none;
        visibility: hidden;
        opacity: 0;
        flex-direction: column;
        position: absolute;
        /* border-radius: 0 0 16px 16px; */
        border-radius: var(--br-default);
        width: 100%;
        left: 0;
        margin-top: 9px;
        overflow: scroll;
        box-shadow: 0px 100vh 0px 200px rgba(0, 0, 0, 0.24);
        -webkit-box-shadow: 0px 400px 0px 200px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0px 100vh 0px 200px rgba(0, 0, 0, 0.24);
        max-height: calc(100vh - 155px);
        /* header height is 155px  */
        background-color: #fff !important;
        padding: 20px;
    }

        .dv-nav-dropdown.show {
            visibility: visible !important;
            opacity: 1 !important;
            display: flex !important;
            height: auto !important;
        }

        .dv-nav-dropdown .accordion {
            width: 100%;
        }


        .dv-nav-dropdown .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 12px;
            padding-bottom: 12px;
        }

            .dv-nav-dropdown .accordion-header > .accordion-button {
                padding: 0;
                width: fit-content;
            }

        .dv-nav-dropdown .accordion-item > li:nth-child(2) {
            border-left: 1px solid var(--clr-blush);
            padding-left: 20px;
        }

    .nav-sub-items {
    }

        .nav-sub-items > li {
            padding: 6px 0;
        }

    /* mobile dropdown styles */

}

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

    .dv-nav-dropdown.dv-nav-shops {
        display: none;
    }
}


.ul-search-block {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
}

    .ul-search-block > li {
        margin: 0 16px;
    }

@media only screen and (max-width: 600px) {
    .dv-navigation {
        padding: 8px 16px;
    }
}


@media only screen and (max-width: 800px) {
    .menu-search-input {
        background-color: #fff;
    }
}

@media only screen and (max-width: 862px) {
    .li-partner {
        display: none;
    }
}

/* SEARCH ALT */
.ul-search-block > li:nth-child(2) > #searchText {
    display: none;
}

.ul-search-block > li:nth-child(2).show-search > #searchText {
    border: none;
    display: inline !important;
}

    .ul-search-block > li:nth-child(2).show-search > #searchText:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

.ul-search-block > li:nth-child(2).show-search {
    border-bottom: 1px solid var(--clr-black);
}

@media only screen and (max-width:640px) {
    .show-search {
        margin-left: 0 !important;
        padding-bottom: 10px;
        width: 85vw;
        margin-top: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 1000 !important;
        background-color: #fff;
    }

        .show-search + li {
            display: none;
        }

        .show-search imput {
            width: calc(100% - 28px);
        }
}


/* .cart::after {
    content: '1';
    background-color: #F55353;
    color: #fff;
    border-radius: 100px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    position: absolute;
}
.cart-count {
    color: #fff;
    background-color: #F55353;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    border-radius: 50%;
    transform: translate(-10px,-10px);
    text-align: center;
} */

.cart .dropdown-toggle {
}

    .cart .dropdown-toggle .icon-cart {
        width: 19.19px;
        height: 19.19px;
    }

#dropdownCart::after {
    display: none;
}

.dropdown-cart {
    padding: 10px 16px;
}

.dropdown-cart-item {
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
    text-overflow: ellipsis;
}

    .dropdown-cart-item > img {
        width: 72px;
        height: 72px;
        border-radius: var(--br-default);
        margin-right: 8px;
    }

.dropdown-cart-item-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-right: 16px;
}

.dropdown-cart-item-name {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-size: 1.2em;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-cart-shop-name {
    font-size: 1rem;
    opacity: 0.5;
}

.dropdown-cart-remove {
    margin-left: 8px;
    background-color: var(--clr-black24);
    border: none;
    font-weight: bold;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1rem;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .dropdown-cart-remove:hover {
        background-color: var(--clr-black72);
        color: var(--clr-white);
    }

.dropdown-cart-subtotal {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .dropdown-cart-subtotal > span {
        font-size: 1.5em;
        font-family: var(--font-heading);
    }

/* ---------header---------- */


/* MAIN BANNER */

.section-banner,
.main-banner {
    overflow: hidden;
}

.section-banner {
    border-radius: var(--br-default);
    margin-bottom: 48px;
}

@media (min-width: 920px) {
    .section-banner {
        border-radius: 16px !important;
    }
}

.main-banner .item {
    position: relative;
}

    .main-banner .item .banner-captions {
        position: absolute;
        z-index: 1000;
        top: 50%;
        transform: translateY(-50%);
        /* left: 0; */
        /* background-color: red; */
    }

.main-banner .owl-nav,
.center-nav .owl-nav {
    position: absolute;
    bottom: 50%;
    width: calc(100% - 24px);
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%, 50%);
}

@media only screen and (max-width: 640px) {
    .main-banner .owl-nav,
    .center-nav .owl-nav {
        /* width: 100%; */
        width: calc(100% - 16px);
    }
}

.main-banner .owl-nav img,
.center-nav .owl-nav img {
    width: 24px;
    height: 24px;
}

.main-banner .owl-nav [class*=owl-] {
    transition: .1s ease-in-out;
}

    .main-banner .owl-nav [class*=owl-]:hover,
    .center-nav .owl-nav [class*=owl-]:hover {
        /* background-color: var(--clr-black); */
        opacity: .5;
    }

.owl-theme .owl-nav [class*='owl-'] {
    border-radius: var(--br-default);
}

.main-banner .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
}

/* .main-banner .owl-dots .owl-dot span {
    width: 30px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
}

.main-banner .owl-dots .owl-dot:hover span {
    background-color: rgb(255, 255, 255);
}

.main-banner .owl-dots .owl-dot.active span {
    height: 3px;
    background-color: #fff;
} */

.main-banner .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--clr-black24);
}


/* main banner */

/* SMALL BANNER */

.section-small-banner {
    background-color: #F1F0EC;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    border-radius: var(--br-default);
}

    .section-small-banner img {
        width: 100%;
    }

.section-banner .small-banner-small {
    max-width: 300px;
    margin: auto;
}

.section-small-banner .small-banner-large {
    max-width: 768px;
}

.section-small-banner .small-banner-small {
    display: none;
}

@media (max-width: 560px) {
    .section-small-banner .small-banner-small {
        display: block;
    }

    .section-small-banner .small-banner-large {
        display: none;
    }
}

/* small banner */

/* CUSTOM ROWS */

.custom-row {
    margin-bottom: 48px;
}

    .custom-row .dv-category-heading {
        padding: 0;
    }

    .custom-row .a-view-all {
    }


.dv-custom-box-container {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
}

    .dv-custom-box-container > a {
        flex-grow: 1;
        /* flex-shrink: 1; */
    }

    .dv-custom-box-container .dv-custom-box {
        background-color: var(--clr-blush);
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px;
        /* padding: 16px; */

        aspect-ratio: 1;
        min-width: 100px;
        /* max-width: 300px; */

        width: calc(20% - 20px);
        flex-shrink: 0;
        overflow: hidden;
        margin: 0;
    }

        .dv-custom-box-container .dv-custom-box .dv-custom-box-content {
            width: 100%;
            height: 100%;
            padding: 8px;
            font-size: 1rem;
            background-size: cover;
            background-image: url(/assets/images/placeholder-img.png);
        }

    .dv-custom-box-container .spn-custom-box-text {
        font-family: var(--font-heading);
        color: var(--clr-black);
        line-height: 100%;
    }



/* Custom Box Responsive */
@media (min-width: 576px) {
    .dv-custom-box .spn-custom-box-text {
        font-size: 1.4rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 920px) {
    .dv-custom-box-container {
        gap: 24px;
    }

        .dv-custom-box-container .dv-custom-box .dv-custom-box-content {
            padding: 16px;
        }

    .dv-custom-box .spn-custom-box-text {
        font-size: 1.6rem;
    }

    .dv-custom-box {
        border-radius: 16px !important;
    }
}

.dv-custom-box-container,
.dv-featured-items-scroll {
    padding-bottom: 10px;
}


    .dv-custom-box-container::-webkit-scrollbar,
    .dv-featured-items-scroll::-webkit-scrollbar {
        /* scrollbar-width: 20px; */
        width: 8px !important;
        height: 8px !important;
    }

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
    .dv-custom-box .spn-custom-box-text {
        font-size: 2rem;
    }
}


/* custom rows */


section {
    margin-bottom: 32px;
}

/* CATEGORIES SECTIONS */

.section-categories {
    margin-top: 72px;
}

.dv-category-head {
    overflow: hidden;
    border-radius: var(--br-items);
}

    .dv-category-head img {
        width: 100%;
        transition: transform .5s cubic-bezier(0, 0, .25, 1);
    }

    .dv-category-head:hover img {
        transform: scale(1.1);
    }

.dv-category-body {
    text-align: center;
}

    .dv-category-body:last-child,
    .dv-category-head:last-child {
        margin-top: 18px;
    }

    .dv-category-body h3 {
        /* margin-top: 18px; */
        margin-bottom: 0;
        font-weight: 400;
    }

    .dv-category-body a {
        color: var(--clr-black);
        font-size: 1.25rem;
        text-transform: capitalize;
        font-weight: 100;
        height: 35px;
        margin-bottom: 13px;
    }

.section-categories > div > .row {
    padding-top: 32px;
}

@media only screen and (max-width:991px) {
    .section-categories {
        margin-top: 5vw;
    }
}

@media only screen and (max-width:768px) {
    .dv-category-body h4 {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .dv-category-body a {
        font-size: 1rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dv-category-body:last-child,
    .dv-category-head:last-child {
        margin-top: 8px;
    }

    .section-categories > div > .row > *:nth-child(2) {
        display: flex;
        flex-direction: column-reverse
    }

        .section-categories > div > .row > *:nth-child(2) .dv-category-head {
            margin-top: 0;
        }

        .section-categories > div > .row > *:nth-child(2) .dv-category-body {
            margin-top: 8px;
        }
}

@media only screen and (max-width:576px) {
}

/* categories section */

/* SHOP CARD - FEATURED SHOPS*/

.dv-card {
    overflow: hidden;
    border-radius: 8px;
}

    .dv-card img {
        border-radius: 8px;
    }

.dv-card-body {
    border-radius: 8px;
}


.dv-shop-card {
    text-decoration: none;
    transition: transform .1s ease-in-out;
}

    .dv-shop-card:hover {
        transform: scale(1.03);
    }

    .dv-shop-card:active {
        transform: scale(0.975) !important;
    }

.dv-shop-card-head {
    border-radius: var(--br-default);
    overflow: hidden;
    position: relative;
    /* height: 132px; */
    /* height: 100px; */
    /* aspect-ratio: 16/9; */
    /* border: 1px solid var(--clr-black04); */
    border: 1px solid rgba(0, 0, 0, 0.03);
    /* box-shadow: var(--bs-box-shadow-sm); */
    /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); */
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
}

    .dv-shop-card-head .card-img-top {
        /* transition: transform 1.2s cubic-bezier(0, 0, .25, 1); */
        /* transform: scale(1.2); */
        border-radius: 0;
        aspect-ratio: 1;
        object-fit: cover;
    }

.dv-shop-card:hover .dv-shop-card-head .card-img-top {
    transform: scale(1);
}

.dv-shop-card:hover .dv-shop-card-body {
    background-color: rgba(255, 255, 255, 1);
}

.dv-shop-card .card-shop-logo {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%), 0 6px 20px 0 rgb(0 0 0 / 30%);
    height: calc(100% - 48px);
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.dv-shop-card-body {
    margin: 0 auto;
    position: relative;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}


    .dv-shop-card-body .dv-card-text {
        text-decoration: none;
        color: var(--clr-black);
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

.dv-card-shop-name {
    color: var(--clr-black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-card-desc {
    opacity: 0.5;
    font-size: 1rem;
}

.dv-shop-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    white-space: nowrap;
    flex-wrap: wrap;
}

    .dv-shop-rating span {
        font-size: 1rem;
    }

    .dv-shop-rating #icon-star {
        fill: var(--clr-yellow) !important;
        width: 16px;
        height: 16px;
        margin: 0;
    }

    /* website */
    .dv-shop-rating .rating-holder .icon {
        margin: 0;
    }

    .dv-shop-rating #icon-star:first-child:last-child {
        margin: 0;
    }

/* shop card */


/* FEATURED ITEMS */
.section-featured-items {
    /* margin-top: 72px; */
}

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

    .section-featured-items {
        /* margin-top: 5vw; */
    }
}

#myTab {
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
}

@media only screen and (max-width:520px) {
    #myTab {
        overflow-x: scroll;
    }
}

#myTab::-webkit-scrollbar {
    display: none;
}


.nav-link-custom {
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    color: var(--clr-black24);
    white-space: nowrap;
}

.nav-link.nav-link-custom {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-family: var(--font-heading);
    text-transform: capitalize;
    font-size: 1.5rem;
}

    .nav-link.nav-link-custom:hover {
        color: var(--clr-black72) !important;
    }

.nav-link-custom::after {
    content: "";
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    background: var(--clr-blush);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transform: .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
    width: 0;
}

.nav-link-custom.active {
    color: var(--clr-black);
}

    .nav-link-custom.active::after {
        width: 100%;
    }

@media only screen and (max-width: 430px) {
    .nav-link.nav-link-custom {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.section-featured-items .tab-content {
    background-color: var(--clr-blush24);
    padding: 32px 0;
}

/* featured items */

/* ITEM GROUP */

.dv-item-group {
}

.dv-item-card {
    padding: 8px;
    border-radius: 12px;
    /* transition: all .3s ease-in-out; */
    transition: transform 100ms ease;
    /* backface-visibility: hidden; */
    -webkit-font-smoothing: subpixel-antialiased;
}

@media (max-width: 575.98px) {
    .dv-item-card {
        padding: 4px;
    }
}

@media only screen and (min-width:840px) {
    .dv-item-card:hover {
        box-shadow: 0 10px 35px rgb(0 0 0 / 8%);
        transform: scale(1.02) !important;
        background-color: var(--clr-white);
        /* border: 1px solid var(--clr-black); */
    }
}

.dv-item-card:active {
    transform: scale(0.975) !important;
}

@media only screen and (max-width:640px) {
    .dv-item-card {
        /* padding: 0; */
    }

    .dv-item-body {
        padding: 4px !important;
    }

    .dv-badges > div {
        /* font-size: 11px; */
        font-size: 1rem;
        padding: 4px 8px !important;
    }

    .shop-name {
        font-size: 1rem;
    }

    .item-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width:330px) {
    .dv-badges > div {
        font-size: 3vw;
    }
}

@media only screen and (max-width:576px) {
    .dv-badges > div {
        font-size: calc(1rem - 0.3vw);
    }
}

.dv-item-head {
    position: relative;
    overflow: hidden;
    border-radius: var(--br-default);
}

    .dv-item-head .dv-same-day-banner {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        text-align: center;
        color: var(--clr-white);
        padding: 4px;
    }

.item-img {
    width: 100%;
}

    .item-img img {
        width: 100%;
        transition: transform 1.2s cubic-bezier(0, 0, .25, 1);
        transform: scale(1);
        aspect-ratio: 1;
        background-color: var(--clr-skeleton);
        background-image: url(/assets/images/placeholder-img.png) !important;
        background-size: cover;
        object-fit: cover;
        object-position: center;
    }

@media (hover: hover) {
    .dv-item-card:hover .item-img img:first-child {
        transform: scale(1.2);
    }

    .dv-item-card:hover .item-img img:nth-child(2) {
        transform: scale(1.2);
        opacity: 1;
    }
}



.item-img img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1.2s cubic-bezier(0, 0, .25, 1);
}


.btn-wishlist {
    position: absolute;
    border: hidden;
    background: none;
    opacity: 1;
    line-height: 0;
    padding: 6px;
    border-radius: 100%;
    background-color: var(--clr-white);
    transition: opacity .2s ease-in-out;
}

.dv-item-head .btn-wishlist {
    /* top: 8px; */
    right: 8px;
    bottom: 8px;
}

.btn-wishlist.btn-wishlist-product {
    z-index: 2;
    right: 0;
    margin-top: 24px;
    margin-right: calc(var(--bs-gutter-x) * .5 + 24px);
}

@media (hover: hover) {
    .btn-wishlist {
        /* opacity: 0; */
    }
}

.icon-wishlist {
    width: 17px;
    height: 17px;
}

.btn-wishlist:focus-within {
    border: hidden;
}

.dv-item-card:hover .btn-wishlist {
    opacity: 1;
}

@media only screen and (max-width:500px) {
    .btn-wishlist {
        /* top: 0; */
        /* right: 0; */
    }
}

.dv-ad-badge {
    position: absolute;
    top: 8px;
    left: 8px;
}

.dv-cb-badge {
    position: absolute;
    top: 0;
    left: 8px;
    background-color: var(--clr-red);
    font-family: var(--font-heading);
    color: var(--clr-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

    .dv-cb-badge span {
        font-family: inherit;
        line-height: 18px;
    }


    .dv-cb-badge::after {
        content: '';
        background-color: var(--clr-red);
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: -9px;
        left: 16px;
        right: 0;
        transform: rotate(45deg);
    }



.dv-badges {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: flex;
    gap: 8px;
}

.dv-discount-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 8px;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-color: var(--clr-blush);
    border-radius: 0 0 0 var(--br-default);
    font-family: var(--font-heading);
    color: var(--clr-red);
    font-size: 1rem;
    line-height: 1rem;
}


.dv-badges > div {
    padding: 2px 4px;
    white-space: nowrap;
    text-transform: capitalize;
    text-decoration: none;
    background-color: var(--clr-blush);
    border-radius: var(--br-default);
    font-family: var(--font-paragraph);
    font-size: 1rem;
}

.dv-badges-product {
    position: inherit !important;
}

    .dv-badges-product > div {
        font-size: 1rem;
        padding: 2px 4px;
        font-family: var(--font-paragraph);
    }

.dv-same-day {
    color: var(--clr-forrest);
    border-radius: var(--br-default);
}

.dv-new {
    color: var(--clr-red);
    font-style: italic;
}

.dv-item-body {
    text-align: center;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dv-item-body-alt {
    display: flex;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */

    padding: 16px 0;
    gap: 4px;
    flex-direction: column;
}

    .dv-item-body-alt > .item-name {
        /* order: 1; */
        /* padding-right: 8px; */

        font-size: 1.25rem;
    }

    .dv-item-body-alt > .shop-name {
        /* order: 3; */
        font-size: 1rem;
        color: var(--clr-black50);
        /* padding-top: 8px; */
    }

        .dv-item-body-alt > .shop-name:hover {
            text-decoration: none;
            color: var(--clr-red);
        }

    .dv-item-body-alt > .item-price {
        /* order: 1; */
        color: var(--clr-black);
        font-size: 1.125rem;
        font-weight: 600;
        white-space: nowrap;
        flex-grow: 0;
        align-self: flex-start;
    }

.item-name {
    text-decoration: none;
    color: var(--clr-black);
    font-size: 1rem;
    max-width: 190px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    flex-basis: 50%;
    align-self: flex-start;
}

    .item-name:hover {
        color: var(--clr-black);
    }

.shop-name {
    width: fit-content;
    text-decoration: none;
    color: var(--clr-red);
    line-height: 100%;
    /* margin: 4px 0; */
    /* margin: 0 auto; */
    width: 100%;
    /* padding-top: 8px; */

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

    .shop-name:hover {
        text-decoration: underline;
        color: var(--clr-primary);
    }

    .shop-name > span {
        color: var(--clr-black);
        text-decoration: none;
    }

        .shop-name > span:hover {
            text-decoration: none !important;
        }

.item-price {
    /* font-family: var(--font-heading); */
    font-size: 1.3rem;
    white-space: nowrap;
}

/* item group */


/* PARTNER WITH US */
.section-partner {
    background-color: var(--clr-blush24);
    margin: 0;
}

    .section-partner p {
        color: var(--clr-black);
        font-size: 1.5rem;
    }

/* partner with us */


/* STATS SECTION */

.section-stats {
    background-color: var(--clr-navy);
    position: relative;
    /* padding-top: 120px; */
    /* height: 311px; */
}

    .section-stats > div {
        max-width: 785px;
    }

    .section-stats .row {
        padding-top: 120px;
        padding-bottom: 48px;
    }

        .section-stats .row > div {
            padding-bottom: 48px;
        }

    .section-stats h1 {
        font-size: 4rem;
        line-height: 60px;
        color: var(--clr-white);
    }

    .section-stats .text {
        color: var(--clr-white);
        font-size: 1.5rem;
        /* white-space: nowrap; */
    }


.flower-item,
.flower-item-2 {
    position: absolute;
}

.flower-item {
    left: 0;
    top: 50%;
    transform: translateY(-50%) !important;
}

.flower-item-2 {
    right: 0;
    bottom: 50%;
    transform: translateY(50%) !important;
}


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

    .flower-item,
    .flower-item-2 {
        width: 18vw;
    }

    .flower-item {
        top: 31px;
    }

    .flower-item-2 {
        bottom: 31px;
    }

    .section-stats > .container {
        max-width: 60vw !important;
    }
}

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

    .flower-item,
    .flower-item-2 {
        width: 35vw;
    }
}

/* stats section */


/* FOOTER */
.footer {
    background-color: var(--clr-white);
    color: var(--clr-black);
    background-image: url(/assets/images/footer-flowers.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    border-top: 1px solid rgba(33, 35, 74, 0.16);
}

    .footer p {
        margin-bottom: .5rem;
    }

    .footer h6 {
        color: var(--clr-black);
        font-size: 1.5rem;
    }

    .footer a {
        color: var(--clr-black50);
        text-transform: capitalize;
        font-size: 1.2rem;
    }

        .footer a:hover {
            color: var(--clr-link-primary-hover);
        }

    .footer .dv-store-badge-wrapper {
    }

        .footer .dv-store-badge-wrapper img {
            max-width: 140px;
        }

.dv-social-icons {
    align-content: center;
}

    .dv-social-icons ul {
        list-style: none;
        display: flex;
        padding: 0;
        width: fit-content;
        margin: 0 auto;
    }

        .dv-social-icons ul li {
            padding: 0 10px;
        }

.footer hr {
    visibility: hidden;
}

.footer .copyright {
    color: var(--clr-black50);
}

/* footer */

.breadcrumb {
    background-color: var(--clr-blush24) !important;
    padding: 8px;
    width: max-content;
    max-width: 100%;
    border-radius: var(--br-default);
    color: var(--clr-black);
}

    .breadcrumb .breadcrumb-item a {
        color: var(--clr-red);
        text-decoration: none;
    }

.breadcrumb-item.active {
    color: var(--clr-black);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--clr-black);
}

.product-count {
    color: var(--clr-black50)
}

    .product-count::before {
        content: "(";
    }

    .product-count::after {
        content: ")";
    }

/* SORT BUTTON */

.dv-title-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .dv-title-items h1 {
        flex-grow: 1;
    }

.dv-filter-sort {
    display: flex;
    flex-shrink: 0;
}

    .dv-filter-sort > * {
        white-space: nowrap !important;
    }

        .dv-filter-sort > *:last-child {
            display: none;
        }

@media only screen and (max-width: 840px) {
    .dv-filter-sort > *:last-child {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .dv-title-items {
        flex-direction: column;
        align-items: stretch;
    }

    .dv-filter-sort > * {
        width: 50% !important
    }
}

.dropdown-sort .dropdown-item div {
    font-family: var(--font-paragraph) !important;
    font-size: 1rem !important;
}

.dropdown-sort .dropdown-toggle::after {
    border: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(/assets/images/chevron-up.svg);
    transform: translateY(30%);
}

.dropdown-sort .dropdown-menu {
    max-width: fit-content;
}

.dropdown-sort button {
    font-family: var(--font-paragraph);
    font-size: 1rem !important;
    white-space: nowrap;
}


/* sort button */



/* ITEM DETAILS / PRODUCT DETAILS */

.product-title {
    margin-bottom: 6px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: normal;
    -webkit-font-smoothing: antialiased
}

.dv-price {
    align-items: baseline;
    color: var(--clr-black);
    /* margin-top: 24px; */

    font-family: var(--font-heading);
}

    .dv-price .price {
        font-size: 2rem;
        font-family: inherit;
    }

    .dv-price .discount {
        font-size: 1.5rem;
        font-family: inherit;
        color: var(--clr-black50);
    }

.discount {
    text-decoration: line-through;
    /* opacity: 0.72; */
}

.ul-attributes {
    display: flex;
    /* font-size: 14px; */
    position: relative;
    overflow: scroll;
    list-style: none;
    padding-left: 0;
    scrollbar-width: none;
}

    .ul-attributes::-webkit-scrollbar {
        display: none;
    }

    .ul-attributes > li {
        padding: 0 10px;
        width: fit-content;
    }

        .ul-attributes > li:not(:last-child) {
            border-right: 1px solid var(--clr-black24);
        }

        .ul-attributes > li:first-child {
            padding-left: 0;
        }

        .ul-attributes > li:last-child {
            padding-right: 0;
        }

.form-control, .input-group-text {
    border-radius: var(--br-default);
    border: 1px solid var(--clr-black50);
    height: 48px;
}

    .form-control:focus {
        border-color: var(--clr-black);
        /* box-shadow: 0 0 0 0.25rem var(--clr-blush50); */
        box-shadow: 0 0 0 0.1rem var(--clr-black24);
        outline: 0;
    }

    .form-control::placeholder {
        color: var(--clr-black50)
    }

select {
    /* -moz-appearance: checkbox; */
    /* background: transparent; */
    /* background: url('/assets/images/arrow-select1.svg') no-repeat right white; */
    /* background-size: 24px; */
    /* -webkit-appearance: none; */
    /* left: 0; */
    /* top: 0; */
}

    select option:disabled {
        color: red !important;
        font-weight: bold;
    }

    select option {
        color: green;
    }

@media screen and (min-width: 992px) {
    .dv-item-options {
        width: 75%;
    }

    .dv-item-options-old {
        width: 100%;
    }
}

.dv-item-options label {
    font-family: var(--font-heading);
    margin-bottom: .5rem;
    font-size: 1.45rem;
}

.dv-item-options select,
.dv-item-options .delivery-date {
    height: 48px;
    border: 1px solid var(--clr-black);
}

.dv-item-options .delivery-date {
    background: url('/assets/images/icon-calendar.svg') no-repeat center right 8px white;
    background-size: 12px;
    -webkit-appearance: none;
}

.text-area {
    border: 1px solid var(--clr-black);
    border-radius: var(--br-default);
    /* height: 96px; */
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    transition: .3s;
}

    .text-area:focus {
        outline: none;
        box-shadow: 0 0 0 0.25rem var(--clr-blush50);
        /* border-color: rgba(150, 214, 0, 0.5); */
    }

.dv-qty {
    border: 1px solid var(--clr-red);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
}

    .dv-qty > button {
        border-radius: 0;
        color: var(--clr-red);
    }

        .dv-qty > button:focus {
            border: 1px solid var(--clr-black);
        }

.input-qty {
    text-align: center;
    border: none;
    outline: none;
    max-width: 32px;
    height: 46px;
    font-family: var(--font-heading);
    font-size: 1.5rem;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    display: none;
}

.spn-heading-view-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;
}

/* TOPPER */

.dv-topper-select {
    display: flex;
    width: 100%;
    overflow: scroll;
}

    .dv-topper-select::-webkit-scrollbar {
        /* display: none; */
        width: 1em;
        height: 1em;
    }

    .dv-topper-select::-webkit-scrollbar-thumb {
        background-color: var(--clr-black24);
        outline: 1px solid var(--clr-black50);
    }



.dv-topper-head {
    position: relative;
    /* margin-bottom: 16px; */
    margin-right: 8px;
    /* height: 100px !important; */
    width: 100px !important;
    overflow: hidden;
    flex-shrink: 0;
}

    .dv-topper-head input {
        cursor: pointer;
    }

        .dv-topper-head input:focus {
            /* box-shadow: 0 0 0 0.25rem var(--clr-blush50); */
            outline: transparent !important;
            box-shadow: none !important;
        }

.dv-topper-content {
    border-radius: 8px;
    align-items: center;
    background-color: #fff;
}

    .dv-topper-content img:last-child {
        width: 100%;
    }

    .dv-topper-content > span {
        height: fit-content;
    }

    .dv-topper-content .img-topper-check {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 4px;
        right: 4px;
    }

.radio-topper {
    height: 100px;
    width: 100px;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    position: absolute;
}

    .radio-topper:checked:after {
        content: '';
        display: block;
        color: red;
        background-image: url(/assets/images/Radio\ Button.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        margin-top: 4px;
        right: 4px;
    }

    .radio-topper:checked {
        border: 3px solid var(--clr-black);
    }

/* topper */

/* item details / product details */


/* CHECKOUT */

.dv-box {
    background-color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / 8%);
    padding: 30px;
    margin-bottom: 32px;
    border-radius: var(--br-default);
}

    .dv-box h4 {
        font-size: calc(1.5rem + .3vw);
    }

.heading-underline {
    position: relative;
    width: fit-content;
    display: inline-block;
    margin-bottom: 32px;
}


    .heading-underline::after {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        margin: 10px auto;
        width: 50px;
        height: 3px;
        background: var(--clr-red);
    }

/* lang ar rtl */
/* html[dir='rtl'] .heading-underline::after {
    right: 0 ;
    left: auto;
} */

.dv-checkout-login {
    display: flex;
    flex-direction: column;
}

    .dv-checkout-login > button {
        /* margin: 16px 0 8px; */
        margin: 12px 0;
        height: 48px;
        white-space: nowrap;
        border: none;
        border-radius: var(--br-default);
        transition: background-color .15s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .2s ease-in-out;
    }

        .dv-checkout-login > button:active {
            transform: scale(0.975);
        }

        .dv-checkout-login > button svg {
            margin: 0 4px;
        }

    .dv-checkout-login input[readonly] {
        background-color: var(--clr-black04);
    }

.btn-facebook {
    background-color: #4267B2;
    color: #fff;
    box-shadow: 0px 6px 16px rgb(66 103 178 / 24%);
}

.icon-facebook {
    width: 23px !important;
    height: 25px !important;
}

.btn-facebook:hover {
    background-color: #2b4e92;
}

.btn-google {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
}

.icon-google {
    height: 20px !important;
    width: 20px !important;
}

.btn-google:hover {
    background-color: #f1f1f1;
}

.btn-apple {
    background-color: #000;
    color: #fff;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
}

.icon-apple {
    width: 24px !important;
    height: 24px !important;
}

.btn-email {
    background-color: var(--clr-btn-primary);
    color: #fff;
    border: none;
    /* box-shadow: 0px 2px 8px rgb(149 214 0 / 24%); */
    box-shadow: 0px 2px 8px var(--clr-blush50);
}

    .btn-email:hover {
        background-color: var(--clr-btn-primary-hover);
    }


/* DO YOU KNOW THE ADDRESS */

.dv-checkout-address-container .nav-item {
    background-color: var(--clr-black24);
    border-radius: var(--br-default);
    margin-right: 16px;
    font-family: var(--font-heading);
    color: navy;
}

.dv-checkout-address-container .nav-link.active {
    background-color: var(--clr-black);
}

.dv-checkout-address-container .nav-link {
    border-radius: var(--br-default);
    color: var(--clr-black50);
}

    .dv-checkout-address-container .nav-link:hover {
        color: var(--clr-black);
    }

    .dv-checkout-address-container .nav-link.active:hover {
        color: #fff;
    }

.dv-checkout-address {
    display: flex;
}

    .dv-checkout-address .icon-location-marker {
        width: 24px;
        height: 24px;
    }

    .dv-checkout-address > div {
        padding-left: 8px;
        padding-top: 2px;
    }

    .dv-checkout-address a {
        text-decoration: underline;
        color: var(--clr-black);
    }

.title-underline {
    position: relative;
    width: fit-content;
    display: inline-block;
    margin-bottom: 16px;
}

    .title-underline::after {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        margin: 8px auto;
        width: 120%;
        height: 2px;
        border-radius: 2px;
        background: var(--clr-black24);
    }

.dv-checkout-address > div > div {
    font-size: 1rem;
    line-height: 24px;
    color: var(--clr-black50);
}

#pills-no input {
    margin-bottom: 16px;
    padding-left: 16px;
    position: relative;
    margin-right: 8px;
    width: 100%;
    transition: .3s;
}

/* do you know the address */

/* CART */

.dv-cart ul {
    list-style: none;
    padding-left: 0;
}

@media only screen and (max-width:600px) {
    .dv-cart {
        padding: 20px;
    }
}

.dv-cart-item {
    display: flex;
    justify-content: space-between;
}

.img-cart-item {
    width: 120px;
    height: 120px;
    margin-right: 24px;
    border-radius: var(--br-default);
}

.dv-cart-item-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 8px;
    padding-bottom: 0;
}

.spn-cart-name,
.dv-cart-item-price {
    font-size: 1.25rem;
    line-height: 1;
}

.dv-cart-item-price {
    flex-shrink: 0;
    padding: 8px;
    height: fit-content;
    font-size: 1.25rem;
    text-align: right;
    color: var(--clr-black);
    display: flex;
    flex-direction: column;
    font-family: var(--font-heading);
    font-size: 1.5rem;
}

    .dv-cart-item-price * {
        font-family: var(--font-heading);
    }

.spn-cart-shop {
    font-size: 1.125rem;
    color: var(--clr-black72);
    padding-bottom: 12px;
}

.dv-cart-options {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font-size: 1.125rem;
    color: var(--clr-black72);
}

    .dv-cart-options > span {
        margin-bottom: 8px;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

        .dv-cart-options > span > svg {
            margin-right: 8px;
            flex-shrink: 0;
        }

/* lang ar rtl */
/* html[dir='rtl'] .dv-cart-options>span>svg {
    margin-right: 0;
    margin-left: 8px;
} */

.dv-cart-message {
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-remove-cart {
    border: none;
    background-color: transparent;
    padding: 8px;
    height: fit-content;
}

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

    .dv-cart-item {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .img-cart-item {
        order: -3;
        margin: 8px;
        width: 75px;
        height: 75px;
    }

    .dv-cart-item-price {
        order: -2;
        flex-grow: 1;
    }

    .btn-remove-cart {
        /* order: -1; */
    }

    .dv-cart-item-content {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 405px) {
    .btn-remove-cart {
        order: -1;
    }
}

.cart-total {
}

.dv-cart-item .icon-close {
    opacity: 0.72;
}

/* cart */

/* ORDER SUMMARY */

.ul-order-summary {
    list-style: none;
    padding-left: 0;
    /* border-top: 1px solid var(--clr-black24); */
    border-bottom: 1px solid var(--clr-black24);
    margin-bottom: 24px !important;
    font-family: var(--font-heading);
    font-size: 1.4rem;
}

    .ul-order-summary > * {
        display: flex;
        justify-content: space-between;
        margin-top: 24px;
        margin-bottom: 24px;
        font-family: var(--font-heading);
    }

    .ul-order-summary * * {
        font-family: inherit;
    }

    .ul-order-summary > li > span:last-child {
        white-space: nowrap;
        margin-left: 8px;
    }

.input-promo {
    overflow: hidden;
    border: 1px solid var(--clr-black50);
    border-radius: 8px !important;
}

    .input-promo button {
        border-radius: 0;
        z-index: 1000;
    }

        .input-promo button:focus, .input-promo button:active {
            box-shadow: none !important;
            /* transform: none; */
        }

    .input-promo > input {
        border: none;
    }

        .input-promo > input:focus {
            box-shadow: none;
        }

.btn-bleems-points {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 0;
    background-color: transparent;
}

    .btn-bleems-points:active {
        border-radius: 4px;
        box-shadow: 0px 0px 2px 1px var(--clr-blush);
    }

    .btn-bleems-points:hover {
        cursor: pointer;
    }

    .btn-bleems-points > div {
        text-align: left;
    }

.spn-caption {
    font-size: 1rem;
    color: var(--clr-black50);
}

.btn-bleems-points input {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .btn-bleems-points input:focus {
        border-color: var(--clr-black);
        outline: 0;
        box-shadow: 0 0 0 0.25rem var(--clr-blush50);
    }

    .btn-bleems-points input:checked {
        background-color: var(--clr-black);
        border-color: var(--clr-white);
        background-image: url(/assets/images/check.svg);
    }

.dv-payment-option {
    position: relative;
    margin-bottom: 16px;
    border: none;
}

    .dv-payment-option .icon-payment {
        height: 100%;
        width: 2rem;
        object-fit: contain;
    }

.radio-payment {
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    width: 100%;
    height: 44px;
    position: absolute;
    border-radius: var(--br-default);
}

    .radio-payment:checked {
        border: 2px solid var(--clr-black);
    }

    .radio-payment:focus {
        outline-color: transparent;
    }

    .radio-payment:hover {
        cursor: pointer;
    }

.dv-payment-content {
    border: none;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
}

    .dv-payment-content > span {
        height: fit-content;
    }

    .dv-payment-content .spn-exp {
        color: var(--clr-black50);
    }

.receipt-disclaimer {
    font-family: var(--font-paragraph);
    font-size: 1rem;
}

/* order summary */

.bg-stc {
    background-color: var(--clr-stc) !important;
}

    .bg-stc:hover {
        background-color: #50008dce !important;
    }

    .bg-stc img {
        vertical-align: baseline !important;
    }

/* checkout */

/* ACCOUNT PAGE */

.verified {
    background: url('/assets/images/icon-verified.svg') no-repeat white;
    background-size: 20px;
    background-position: calc(100% - 8px) center;
}

.ul-addresses {
    padding-inline-start: 0 !important;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

    .ul-addresses > li {
        flex-grow: 1;
    }

@media (min-width: 992px) {
    .ul-addresses > li {
        flex: 0 0 calc(50% - 10px);
    }
}

.dv-address-card {
    border: 1px solid var(--clr-black08);
    border-radius: var(--br-default);
    width: 100%;
    padding: 15px;
    transition: background-color .3s;
}

.dv-address-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .dv-address-content .google-map {
        /* margin-right: 16px; */
    }

.google-map {
    background-color: var(--clr-black24);
    width: 125px;
    min-width: 95px !important;
    height: 95px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

@media only screen and (max-width:574px) {
    .dv-address-content {
        flex-wrap: wrap;
        gap: 16px;
    }

    .google-map, .dv-edit-delete {
        width: 100%;
    }

    .dv-address-card .dv-edit-delete {
        visibility: visible !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    .dv-address-card .dv-edit-delete,
    .dv-content-list .dv-edit-delete {
        visibility: visible !important;
    }
}

.dv-address-details {
    color: var(--clr-black);
    flex-grow: 1;
}

    .dv-address-details span {
        color: var(--clr-black50)
    }

        .dv-address-details span:nth-child(4) {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.2; /* Adjust the line height as needed */
            height: 2.4em; /* Calculate the height based on line height (line height * number of lines) */
        }

.dv-address-card .dv-edit-delete {
    visibility: hidden;
    display: flex;
    gap: 8px;
}

    .dv-address-card .dv-edit-delete span {
        /* margin: 0 4px; */
    }

        .dv-address-card .dv-edit-delete span button,
        .dv-content-list .dv-edit-delete span button {
            padding: 0;
            white-space: nowrap;
        }

.dv-address-card:hover .dv-edit-delete {
    visibility: visible;
}


.dv-address-card .dv-edit-delete span:first-child button {
    color: var(--clr-black);
}

.dv-address-card .dv-edit-delete span button:hover {
    opacity: 50%;
}

.dv-address-card .dv-edit-delete span:last-child button {
    color: var(--clr-red);
}

.ul-account-content {
    list-style: none;
    padding-inline-start: 0;
}

.dv-content-list {
    border-top: 1px solid var(--clr-black24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color .2s;
    padding: 16px;
}

    .dv-content-list > img {
        margin-right: 16px;
    }

    .dv-content-list > input {
        flex-shrink: 0;
        margin-right: 8px;
    }

li:last-of-type .dv-content-list:last-child {
    border-bottom: 1px solid var(--clr-black24);
}

.dv-content-list:hover, .dv-address-card:hover {
    background-color: var(--clr-blush24);
}

    .dv-content-list:hover .dv-edit-delete {
        visibility: visible;
    }

.spn-card-number {
    flex-grow: 1;
}

.dv-content-list .dv-edit-delete {
    visibility: hidden;
}


    .dv-content-list .dv-edit-delete span:first-child button {
        color: var(--clr-black);
    }

    .dv-content-list .dv-edit-delete span button:hover {
        opacity: 50%;
    }

    .dv-content-list .dv-edit-delete span:last-child button {
        color: var(--clr-red);
    }

.dv-box-footer-text {
    font-size: 1rem;
    color: var(--clr-black24);
    margin-left: 16px;
    margin-right: 16px;
}

/* account page */

/* BLEEMS CREDIT */
.ul-bleems-credit .dv-content-head span {
    font-weight: 600;
    font-size: 1rem;
    color: var(--clr-black);
}

/* bleems credit */

/* ORDERS */
.dv-orders-card {
    border: 1px solid var(--clr-black72);
    width: 100%;
    padding: 15px;
    /* transition: background-color .3s; */
    margin-bottom: 24px;
    cursor: pointer;
    overflow: hidden;
    border-radius: var(--br-default);
}

    .dv-orders-card:hover {
        background-color: var(--clr-blush24);
    }

.dv-orders-content {
    display: flex;
    align-items: center;
}

.img-order {
    width: 56px;
    height: 56px;
    overflow: hidden;
    flex-shrink: 0;
}

    .img-order img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.dv-order-details {
    flex-grow: 1;
    margin-left: 16px;
}

.spn-order-status,
.spn-order-details {
    font-size: 1rem;
    color: var(--clr-black50);
}

.spn-order-id {
    color: var(--clr-black);
    font-family: var(--font-heading);
    font-size: 1.5em;
}

.dv-order-ratings:not(:last-child) {
    margin-bottom: 16px;
}

.dv-order-ratings {
    border-radius: 4px;
    transition: background-color .3s;
    display: flex;
    margin-top: 16px;
}

    .dv-order-ratings:hover {
        background-color: var(--clr-blush50);
    }

.spn-shop-name {
    margin-right: 16px;
    width: 160px;
}

/* orders */

/* ORDER RATING MODAL */
.dv-ratings-modal {
}

.dv-ratings-modal-content {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */

    text-align: center;
}

.ratings-shop-logo {
    box-shadow: 0px 10px 70px rgb(0 0 0 / 15%);
    width: 88px;
    display: block;
    margin: auto;
}


/* TAP TO RATE CODEPEN */
.dv-tap-to-rate {
    /* background-color: red; */
}

    .dv-tap-to-rate input:focus {
        outline: none;
        box-shadow: none;
    }

.rating {
    /* margin: auto; */
    /* width: fit-content; */
    flex-shrink: 0;
}

.rating__display {
    font-size: 1em;
    font-weight: 500;
    min-height: 1.25em;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
}

.rating__stars {
    display: flex;
    padding-bottom: 0.375em;
    position: relative;
}

.rating__star {
    display: block;
    overflow: visible;
    pointer-events: none;
    width: 2em;
    height: 2em;
}

.rating__star-ring, .rating__star-fill, .rating__star-line, .rating__star-stroke {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.rating__star-ring, .rating__star-fill, .rating__star-line {
    stroke: var(--clr-yellow);
}

.rating__star-fill {
    fill: var(--clr-yellow);
    transform: scale(0);
    transition: fill var(--trans-dur) var(--bezier), transform var(--trans-dur) var(--bezier);
}

.rating__star-stroke {
    stroke: var(--clr-black24);
    transition: stroke var(--trans-dur);
}

.rating__label {
    cursor: pointer;
    padding: 0.125em;
}

.rating__label--delay1 .rating__star-ring, .rating__label--delay1 .rating__star-fill, .rating__label--delay1 .rating__star-line, .rating__label--delay1 .rating__star-stroke {
    animation-delay: 0.05s;
}

.rating__label--delay2 .rating__star-ring, .rating__label--delay2 .rating__star-fill, .rating__label--delay2 .rating__star-line, .rating__label--delay2 .rating__star-stroke {
    animation-delay: 0.1s;
}

.rating__label--delay3 .rating__star-ring, .rating__label--delay3 .rating__star-fill, .rating__label--delay3 .rating__star-line, .rating__label--delay3 .rating__star-stroke {
    animation-delay: 0.15s;
}

.rating__label--delay4 .rating__star-ring, .rating__label--delay4 .rating__star-fill, .rating__label--delay4 .rating__star-line, .rating__label--delay4 .rating__star-stroke {
    animation-delay: 0.2s;
}

.rating__input {
    -webkit-appearance: none;
    appearance: none;
}

    .rating__input:hover ~ [data-rating]:not([hidden]) {
        display: none;
    }

    .rating__input-1:hover ~ [data-rating="1"][hidden], .rating__input-2:hover ~ [data-rating="2"][hidden], .rating__input-3:hover ~ [data-rating="3"][hidden], .rating__input-4:hover ~ [data-rating="4"][hidden], .rating__input-5:hover ~ [data-rating="5"][hidden], .rating__input:checked:hover ~ [data-rating]:not([hidden]) {
        display: block;
    }

.rating__input-1:hover ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:hover ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:hover ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:hover ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:hover ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    stroke: var(--clr-yellow);
    transform: scale(1);
}

.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-ring, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-ring, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-ring, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-ring, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-ring {
    animation-name: starRing;
}

.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    animation-name: starStroke;
}

.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-line, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-line, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-line, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-line, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-line {
    animation-name: starLine;
}

.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-fill, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-fill, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-fill, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-fill {
    animation-name: starFill;
}

.rating__input-1:not(:checked):hover ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:not(:checked):hover ~ .rating__label:nth-of-type(2) .rating__star-fill, .rating__input-3:not(:checked):hover ~ .rating__label:nth-of-type(3) .rating__star-fill, .rating__input-4:not(:checked):hover ~ .rating__label:nth-of-type(4) .rating__star-fill, .rating__input-5:not(:checked):hover ~ .rating__label:nth-of-type(5) .rating__star-fill {
    fill: var(--clr-yellow)
}

.rating__sr {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

@keyframes starRing {
    from, 20% {
        animation-timing-function: ease-in;
        opacity: 1;
        r: 8px;
        stroke-width: 16px;
        transform: scale(0);
    }

    35% {
        animation-timing-function: ease-out;
        opacity: 0.5;
        r: 8px;
        stroke-width: 16px;
        transform: scale(1);
    }

    50%, to {
        opacity: 0;
        r: 16px;
        stroke-width: 0;
        transform: scale(1);
    }
}

@keyframes starFill {
    from, 40% {
        animation-timing-function: ease-out;
        transform: scale(0);
    }

    60% {
        animation-timing-function: ease-in-out;
        transform: scale(1.2);
    }

    80% {
        transform: scale(0.9);
    }

    to {
        transform: scale(1);
    }
}

@keyframes starStroke {
    from {
        transform: scale(1);
    }

    20%, to {
        transform: scale(0);
    }
}

@keyframes starLine {
    from, 40% {
        animation-timing-function: ease-out;
        stroke-dasharray: 1 23;
        stroke-dashoffset: 1;
    }

    60%, to {
        stroke-dasharray: 12 12;
        stroke-dashoffset: -12;
    }
}

/* tap to rate codepen */


/* order rating modal */

.password-label {
    width: 100%;
}

    .password-label a {
        font-weight: normal;
        float: right;
        position: relative;
        font-size: 1rem;
    }

.dv-category-heading {
    margin-bottom: 16px;
}

.dv-category-heading,
.dv-subcat-heading {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    align-items: center;
    padding: 0 8px;
}

    .dv-category-heading h1 {
        text-transform: capitalize;
        margin-bottom: 0;
    }

    .dv-category-heading > .btn {
    }

    .dv-category-heading > .btn-sm {
        font-size: 1rem;
    }

.dv-subcat-heading {
    margin-bottom: 12px;
}


/* SHOP HEADER */

.section-shop-header {
    overflow: hidden;
    position: relative;
}

    .section-shop-header h1,
    .section-shop-header span {
        color: #fff;
    }

    .section-shop-header > .container {
        padding: 80px 0;
        z-index: 1000 !important;
    }

        .section-shop-header > .container .btn {
            margin: 0 auto;
        }

.dv-shop-banner-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    /* background-color: rgba(17, 27, 86, 0.4); */

    z-index: -1000;
}

/* shop header */


/* ABOUT HERO */

.section-hero {
    background-color: var(--clr-blush);
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

    .section-hero > .container {
        max-width: 810px;
        font-size: 2.5rem;
        line-height: 1.15;
        padding-top: 250px;
        padding-bottom: 250px;
    }

    .section-hero h1 {
        font-size: 2em;
        line-height: 1.28;
        padding-bottom: 20px;
    }

.about-flower {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

.section-banner .row {
    --bs-gutter-x: 0;
}

/* about hero */

/* ABOUT US */

.section-about-us *:not(:first-child) {
    margin-top: 30px;
}

/* about us */

/* TEAM SECTION */

.member-image-wrapper {
    /* aspect-ratio: 1; */
    overflow: hidden;
    border-radius: var(--br-default);
}

    .member-image-wrapper > img {
        width: 100%;
        height: 100%;
        /* filter: grayscale(100%); */
        transition: transform 0.3s ease-in-out;
        object-fit: cover;
    }

.member-head {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    margin: 0;
    margin-top: 8px;
    white-space: nowrap;
}

.member-sub-head {
    color: var(--clr-black50);
    margin: 0;
    margin-top: -6px;
}

.toggle-desc {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.54;
    padding: 0;
    cursor: pointer;
    display: block;
    /* margin: 2px 0 0; */
    margin-top: -4px;
    position: relative;
}

    .toggle-desc p {
        margin: 0;
    }

.member-desc {
    padding-right: 24px;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* team section */




/* REVIEWS MODAL */


@media only screen and (min-width:600px) {
    #reviewsModal .modal-content {
        max-height: 80%;
    }
}

.li-reviews {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px;
}

.dv-reviews-text {
    background-color: var(--clr-blush24);
    border-radius: var(--br-default);
    padding: 20px 15px;
    flex-grow: 1;
    flex-basis: 100%;
    margin-bottom: 12px;
}

.dv-rating-holder {
    position: relative;
    width: fit-content;
}

    .dv-rating-holder > * {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
    }

.dv-reviews-name {
}

.dv-reviews-rating {
    flex-shrink: 0;
    display: flex;
}

    .dv-reviews-rating > svg {
        width: 14px;
    }


.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.1em;
}

svg {
    /* color: red; */
    pointer-events: none;
}

.glyph {
    font-size: 16px;
    width: 14em;
    margin-right: 1.5em;
    float: left;
    overflow: hidden;
}

/* CONTACT US */
.section-contact {
    background-size: cover;
}

    .section-contact h1 {
        color: var(--clr-white);
        font-size: 5.625rem;
        padding: 80px 0;
    }

@media only screen and (max-width:882px) {
    .section-contact h1 {
        font-size: 3.5rem;
    }
}

.section-contact-info .contact-details {
    width: 45%;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}

    .section-contact-info .contact-details table {
        width: 100% !important;
        table-layout: auto;
        text-align: initial;
    }

        .section-contact-info .contact-details table td {
            padding: 10px;
            white-space: nowrap;
        }

/* contact us */

/* ORDER RECIEPT NEW */
.li-r-item-block {
    margin-bottom: 16px;
}

.dv-r-item-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    gap: 8px;
}

    .dv-r-item-details > img {
        width: 72px;
        height: 72px;
    }

.dv-r-price {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    white-space: nowrap;
    /* margin-left: 10px; */
}

.dv-r-item-desc {
    flex-grow: 1;
}

.dv-r-item-options {
    display: flex;
    gap: 8px;
    /* align-items: center; */

    margin-bottom: 16px;
}

    .dv-r-item-options > .icon {
        /* margin: 4px 8px 2px 0px; */
        margin-top: 4px;
    }

.li-receipt-text {
    opacity: 0.72;
    display: flex;
    justify-content: space-between;
    /* padding-bottom: 8px; */
    margin-bottom: 8px;
}

    .li-receipt-text > :first-child {
        background-color: transparent;
        width: 60%;
    }
/* order reciept new */

/* LOADER */
.dv-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(33, 35, 74, 0.24);
}

    .dv-loader lottie-player {
        margin: auto auto;
        margin-top: 50vh;
        transform: translateY(-50%);
    }
/* loader */

/* LOADER OVERLAY LOTTIE*/
.dv-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(33, 35, 74, 0.24);
    width: 100%;
    height: 100%;
    z-index: 100;
    margin: auto;
}

    .dv-loader-overlay lottie-player {
        width: 300px;
        height: 300px;
        margin: auto;
    }
/* loader overlay lottie*/

/* LOADER OVERLAY GIF */
.loader-gif {
    width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* loader overlay gif */

.container-wishlist .btn-wishlist {
    opacity: 1 !important;
}

/* EMPTY STATE */
.container-empty-state {
}

    .container-empty-state > * {
        width: fit-content;
        max-width: 100%;
        display: block;
        margin: auto;
    }

.dv-empty-state-icon {
    /* background-color: #eee; */
    width: 100px;
    height: 100px;
}

    .dv-empty-state-icon > img {
        width: 100%;
        height: 100%;
    }

/* empty state */

/* SHIMMER EFFECT */


.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--clr-skeleton);
    border-color: var(--clr-skeleton);
}

    .loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
    .loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
    .loading-skeleton .btn::placeholder,
    .loading-skeleton label::placeholder,
    .loading-skeleton .form-control::placeholder {
        color: transparent;
    }

.loading-skeleton button::after, .loading-skeleton input {
    /* display: none; */
}

    .loading-skeleton input, .loading-skeleton input:checked {
        background-image: none !important;
        background-color: var(--clr-skeleton);
        border-color: var(--clr-skeleton)
    }

.loading-skeleton .heading-underline::after {
    background: var(--clr-skeleton);
}

.loading-skeleton .dropdown-divider {
    border-top-color: var(--clr-skeleton);
}


/* SKELETON LOADER FOR FILTERS */
.loading-skeleton h2:not(.accordion-header) {
    width: fit-content;
    color: transparent;
}

.loading-skeleton .accordion-header {
    background-color: transparent;
}

    .loading-skeleton .accordion-header * {
        background-color: var(--clr-skeleton);
        color: transparent;
    }

        .loading-skeleton .accordion-header *::after,
        .loading-skeleton .button-main-filter:not(.collapsed)::after {
            background-image: none !important;
        }

.loading-skeleton .btn-close-round {
    display: none;
}

.loading-skeleton .btn-filter-option *,
.loading-skeleton .btn-filter-option .spn-filter-count,
.loading-skeleton .btn-filter-option .dv-clr-filter {
    background-color: var(--clr-skeleton) !important;
    color: transparent;
}

.loading-skeleton .a-view-more {
    background-color: transparent;
    color: transparent !important;
    width: fit-content;
}

.loading-skeleton .dv-clr-filter {
    display: none;
}
/* skeleton loader for filters */

/* SKELETON FOR ITEMS */
.loading-skeleton .item-name,
.loading-skeleton .item-price,
.loading-skeleton .shop-name,
.loading-skeleton .shop-name span,
.loading-skeleton .dv-badges > *,
.loading-skeleton .dv-same-day-banner {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--clr-skeleton);
    border-color: var(--clr-skeleton);
}
/* skeleton for items */


@keyframes loading-skeleton {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.loading-skeleton {
    pointer-events: none;
    animation: loading-skeleton 1s infinite alternate;
}

    .loading-skeleton img {
        filter: grayscale(100) contrast(0%) brightness(1.8);
    }

/* shimmer effect */

/* TIME SLOTS */

.dv-time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

    .dv-time-slots > button {
        white-space: nowrap;
        width: calc(50% - 4px);
        font-family: var(--font-paragraph);
        font-size: 1rem !important;
    }

@media only screen and (max-width: 500px) {
    .dv-time-slots {
        flex-direction: column;
    }

        .dv-time-slots > button {
            width: 100%;
        }
}

/* time slots */

/* VERIFY MODAL STYLES */
.verify-footer > * {
    flex-grow: 1;
}

.input-otp {
    max-width: 200px;
    margin: 0 auto;
    letter-spacing: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 7px 7px 7px 15px;
    height: auto;
}

.input-number {
    max-width: 200px;
    margin: 0 auto;
    letter-spacing: 2px;
}

/* verification modal styles */

.cart-count {
    color: #fff;
    background-color: #F55353;
    width: 20px;
    height: 20px;
    position: absolute;
    display: inline-block;
    font-size: 1rem;
    /* line-height: 1.2rem; */
    /* font-size: 0.75rem; */
    line-height: 1.2rem;
    border-radius: 50%;
    transform: translate(-10px,-6px);
    text-align: center;
}

.img-404 {
    width: 40%;
    max-width: 300px;
}

.body-404 {
    background-image: url(/assets/images/404-bg-desktop.svg);
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100vh;
}

@media only screen and (max-width: 767px) {
    .body-404 {
        background-image: url(/assets/images/404-bg-mobile.svg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100vh;
    }
}

/* RECIPIENT ADDRESS */

.recipient-header .btn-lang {
    position: absolute;
    top: 29px;
    right: 30px;
    text-align: right;
}

.recipient-header .logo, .recipient-header .logo_ar {
    height: 45px;
    margin: 21px 0px 13px;
    ;
}

html .logo_ar {
    display: none;
}

/* recipient address */

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
    scrollbar-width: thin;
    width: 4px !important;
    height: 4px !important;
}

::-webkit-scrollbar-thumb {
    background: var(--clr-black24);
    border-radius: var(--br-default);
}

::-webkit-scrollbar-track {
    width: 5px;
    border-radius: var(--br-default);
}

/* custom scrollbar */

/* FIX PAGE WIDTH AR */
.datepickers-container {
    display: none;
}
/* fix page width ar */

/* PAYMENT FAILED PAGE */

.dv-payment-failed-container {
    /* border: 1px solid black; */
}

    .dv-payment-failed-container img {
        max-width: 400px;
    }

.dv-payment-failed-table {
}

    .dv-payment-failed-table .row {
        margin-bottom: 16px;
    }

    .dv-payment-failed-table *:first-child {
        color: var(--clr-black50);
        text-transform: uppercase;
        text-align: left;
    }

    .dv-payment-failed-table *:last-child {
        text-align: right;
    }

/* payment failed page */

/* MEDIA QUERIES FOR NON-TOUCH DEVICES */
@media (hover: hover) {
}

/* media queries for non-touch devices */


/* MEDIA QUERIES FOR TOUCH DEVICES */
@media (hover: none) and (pointer: coarse) {
}

/* media queries for touch devices */


/* ADDRESS SELECTOR ITEM DETAILS */
.dv-item-address-selector {
    border-radius: var(--br-default);
    padding: 12px;
    width: fit-content;
}

    .dv-item-address-selector.address-deliverable {
        background-color: var(--clr-black04);
    }

    .dv-item-address-selector.address-undeliverable {
        background-color: var(--clr-red24);
        display: flex;
        gap: 8px;
    }

    .dv-item-address-selector .spn-address-name {
        font-family: var(--font-heading);
        font-size: 1.2rem;
    }

/* address selector item details */

/* ACCOUNT PAGE TWEAKS */
.input-group .btn:last-child {
    border-radius: 0px 8px 8px 0px !important;
}

.form-control:disabled, .form-select:disabled {
    background-color: var(--clr-black04);
    color: var(--clr-black72);
}

.input-group.flex-nowrap > div > *:not(:last-child) {
    /* border-radius: 8px 0px 0px 8px !important; */
}

.input-group.input-group.flex-nowrap .intl-tel-input:not(:last-child) input {
    border-radius: 8px 0px 0px 8px !important;
}

/* account page tweaks */

.no-min-width {
    min-width: fit-content;
}

.min-width {
    min-width: 140px;
}

/* ALTERNATIVE ITEM OPTIONS */
.form-floating .form-control:disabled {
    background-color: transparent
}

.dv-item-options-alt {
}

    .dv-item-options-alt label {
        font-family: var(--font-paragraph);
    }

    .dv-item-options-alt .form-floating {
        margin-bottom: 1rem;
        height: 68px;
    }

        .dv-item-options-alt .form-floating select, .dv-item-options-alt .form-floating input {
            height: 68px;
        }

        .dv-item-options-alt .form-floating > label {
            font-size: 1rem;
            padding: 12px 0 0 12px;
        }

            .dv-item-options-alt .form-floating > label::after {
                background-color: transparent !important;
            }

.dv-custom-card {
    border-radius: var(--br-default);
    border: 1px solid black;
    padding: 12px;
    padding-top: 4px;
}

    .dv-custom-card .label {
        font-size: 1rem;
        opacity: .65;
    }

.bloom-chevron-right {
    background-image: url(/assets/images/chevron__right.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px 12px;
}

.form-select:focus {
    border-color: var(--clr-black);
    outline: 0;
    box-shadow: 0 0 0 0.1rem var(--clr-black24);
}

#cardModal .form-floating textarea {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#cardModal .form-floating label {
    font-family: var(--font-paragraph);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    opacity: 0.65;
}

.dv-address-error {
    /* background-color: var(--clr-red24); */
    background: url(/assets/images/icon-info.svg) 12px 30px / 24px no-repeat;
    margin-bottom: 40px !important;
}

    .dv-address-error input {
        background-color: var(--clr-red24) !important;
        padding-left: 40px !important;
    }

    .dv-address-error label {
        color: var(--clr-red) !important;
    }

/* alternative item options */

/* CHECKOUT ALT */
.dv-checkout-address-container {
}

.dv-cart-item-alt {
    padding: 0;
    display: flex;
    border-radius: var(--br-default);
    overflow: hidden;
}

    .dv-cart-item-alt .dv-order-img {
        width: 210px;
    }

        .dv-cart-item-alt .dv-order-img img {
            width: 100%;
        }

    .dv-cart-item-alt .dv-order-content {
        padding: 16px;
        width: 100%;
    }

        .dv-cart-item-alt .dv-order-content h4 {
            font-size: 1.2rem;
        }

/* IDK */

.idk-address {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.drop-down-button {
    background-image: url(/assets/images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: 16px 12px;
    font-size: 1.2rem !important;
}

.dropdown-item-new-address {
}

/* ITEMS HEADER */
.dv-items-header {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    gap: 16px;
}

    .dv-items-header > *:not(.dv-header-center) {
        /* flex: 1; */
        width: 150px;
        flex-shrink: 0;
        display: flex;
    }


.dv-header-left {
    flex-shrink: 0;
}

.dv-header-center {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* max-width: 100%; */
}

.dv-header-right {
    flex-shrink: 0;
    justify-content: end;
}

    .dv-header-left button,
    .dv-header-right button {
        padding: 6px 12px;
        height: fit-content;
    }

/* items header */


.dv-item-options-old {
    /* display: flex; */
    /* max-width: 500px; */
    max-width: 600px;
}

    .dv-item-options-old + .row {
        /* max-width: calc(500px + 24px); */
        max-width: calc(600px + 20px);
    }

    .dv-item-options-old + br + .row {
        max-width: calc(600px + 20px);
    }

@media only screen and (max-width: 1241px) {
    .dv-item-options-old + br + .row > col:last-child {
        /* padding-right: 0; */
    }

    .dv-item-options-old + br + .row {
        /* padding-right: 0; */
    }
}


.dv-item-options-old > * {
    display: flex;
    margin-bottom: 12px;
    /* align-items: center; */
}

    .dv-item-options-old > * > :first-child {
        width: 190px;
        flex-shrink: 0;
    }

    .dv-item-options-old > * label {
        font-family: var(--font-paragraph);
        font-size: 1rem;
    }

@media screen and (max-width: 500px) {
    .dv-item-options-old > * {
        flex-direction: column;
        align-items: stretch;
    }
}

.dv-item-options-old select,
.dv-item-options-old textarea,
.dv-item-options-old input {
    border: none;
    /* border-bottom: 1px solid var(--clr-black); */
    border-radius: 0;
}

.dv-item-options-old select,
.dv-item-options-old input {
    cursor: pointer;
}

.dv-item-options-old label {
    margin: 0;
    /* background-color: rebeccapurple; */
    /* color: var(--clr-red); */
}

.dv-item-options-old > * > input {
    /* background-color: lightblue; */
    color: var(--clr-red);
    height: 24px;
    padding: 0;
}

    .dv-item-options-old > * > input::placeholder {
        color: var(--clr-red);
    }

.dv-item-options-old select {
    /* background-color: lightcoral; */
    color: var(--clr-red);
    height: 24px;
    padding: 0;
}

.dv-item-options-old textarea {
    /* background-color: lightgoldenrodyellow; */
    color: var(--clr-red);
}

.dv-item-options input:focus,
.dv-item-options select:focus {
    box-shadow: none;
}

/* PRODUCT PAGE THUMBNAILS */


.product-thumbnail {
    /* border-radius: var(--br-default); */
    /* overflow: hidden; */

    position: absolute;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
}

    .product-thumbnail .owl-stage {
        /* margin: auto; */
    }

    .product-thumbnail .item {
        margin: 0;
        width: 7vw;
        max-width: 100px;
        border-radius: var(--br-default);
        overflow: hidden;
        cursor: pointer;
    }

        .product-thumbnail .item.active {
            border: 2px solid var(--clr-black);
        }

/* product page thumbnails */

/* PRODUCT PAGE LEFT SECTION */

.dv-product-left-section .btn-wishlist {
    position: absolute;
    right: 24px;
    top: 40px;
    z-index: 10000;
    width: 32px;
    height: 32px;
}

@media (min-width: 768px) {

    .dv-product-left-section {
        /* display: flex; */
        /* gap: 12px; */

        position: relative;
    }

        .dv-product-left-section .product-carousel-section {
            /* overflow: hidden; */
            /* width: calc(100% - 7vw); */
        }

        .dv-product-left-section .product-thumbnail {
            width: fit-content;
        }

        .dv-product-left-section .product-carousel {
            /* position: absolute; */
            top: 0;
            /* right: 0; */
            left: calc(7vw + 24px);
            width: calc(100% - 7vw - 24px);
        }

        .dv-product-left-section .btn-wishlist {
            right: calc(calc(var(--bs-gutter-x) * .5) + 16px);
            top: 16px;
        }
}

@media (min-width: 1600px) {
    .dv-product-left-section .product-carousel {
        left: 124px;
        /* width: calc(100% - 137px); */
        width: calc(100% - 124px);
    }
}

@media (max-width: 767px) {
    .product-thumbnail {
        display: none;
    }
}

.dv-product-left-section .product-carousel {
    border-radius: var(--br-default-extra);
    overflow: hidden;
}

/* product page left section */



/* AIR DATEPICKER OVERWRITE */

.air-datepicker {
    --adp-font-family: var(--font-heading) !important;
    --adp-day-name-color: var(--clr-black) !important;
    --adp-padding: 0 !important;
    --adp-background-color-active: var(--clr-blush24) !important;
    --adp-color: var(--clr-black) !important;
    --adp-color-current-date: var(--clr-black) !important;
    --adp-background-color-hover: var(--clr-navy24) !important;
    --adp-border-radius: 0 !important;
    --adp-cell-border-radius: 0 !important;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--clr-blush) !important;
    --adp-cell-background-color-selected-hover: var(--clr-red50) !important;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-color-other-month: var(--clr-black08) !important;
    --adp-color-other-month-hover: var(--clr-black) !important;
    --adp-color-disabled: var(--clr-black08) !important;
    --adp-day-cell-height: 40px;
    --adp-background-color-selected-other-month: var(--clr-blush50);
}

.air-datepicker-cell.-day-:not(.-disabled-) {
    /* background-color: var(--clr-blush24); */
    /* background-color: rgba(255, 205, 210, 0.5); */
    background-color: rgba(33, 35, 74, 0.24);
}

.air-datepicker-cell.-current- {
    background-color: var(--clr-blush24);
}

.air-datepicker-cell.-selected- {
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-red) !important;
}

.air-datepicker .-disabled-.-focus- {
    background-color: transparent;
}

.air-datepicker .air-datepicker-cell.-current- {
    color: var(--clr-red) !important;
}

.air-datepicker .-focus-:not(.-disabled-) {
    background-color: var(--clr-navy72) !important;
    color: var(--clr-white) !important;
}

.air-datepicker-cell {
    transition: ease-out .1s;
    margin: 2px;
    user-select: none;
}

    .air-datepicker-cell:active {
        transform: scale(.8);
    }

    .air-datepicker-cell.-day.-current.-selected- {
        color: var(--clr-red) !important;
    }

        .air-datepicker-cell.-day.-current.-selected-.-focus- {
            color: var(--clr-red) !important;
        }

    .air-datepicker-cell.-day-.-selected- {
        background-color: var(--adp-cell-background-color-selected);
    }

    .air-datepicker-cell.-day-.-other-month-:not(.-disabled-) {
        /* background-color: orange; */
        /* background-color: rgba(255, 205, 210, 0.16); */
        background-color: rgba(33, 35, 74, 0.1);
        color: var(--clr-black);
    }

/* [class^="air-datepicker-cell -day-"]:not(.disabled) {} */


/* air datepicker overwrite */


/* CALENDAR FILTER */

#calendarContainer .air-datepicker {
    border: none;
    --adp-width: 100%;
    --adp-day-cell-height: 34px !important;
}

#calendarContainer .air-datepicker-cell .-day- {
    border: none;
    --adp-width: 100%;
    --adp-day-cell-height: 40px !important;
}


/* #calendarContainer .air-datepicker--content {
    padding: 0 !important;
}

#calendarContainer .air-datepicker-body--day-name {
    color: var(--clr-black);
    font-family: var(--font-paragraph);
}


#calendarContainer .air-datepicker-nav--title,
#calendarContainer .air-datepicker-nav--title i {
    font-family: var(--font-paragraph);
}

#calendarContainer .air-datepicker-cell.-current- {
    border-radius: 0;
}  */

/* calendar filter */

/* CALENDAR GENERAL */

#air-datepicker-global-container {
    padding: 10px;
}

    #air-datepicker-global-container .air-datepicker {
        padding: 8px;
        border-radius: 8px;
        width: 280px;
    }


/* calendar general */

/* MAP */
.dv_map .dv_buttons {
    position: fixed !important;
    bottom: 20px !important;
    text-align: center !important;
    left: auto !important;
    /* display: inline-block !important; */
    width: 100vw !important;
    margin-left: auto !important;
    padding: 10px !important;
    display: flex !important;
    gap: 10px;
    justify-content: center;
}

    .dv_map .dv_buttons .btn {
        /* width: 100% !important; */
        flex-grow: 1;
        max-width: 200px;
        white-space: nowrap;
    }

    .dv_map .dv_buttons .btn-secondary {
        background-color: var(--clr-white);
    }
/* map */


/* MAP MODAL */

.dv-pick-from-map {
    position: relative;
}

.dv-location-pointer-center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.location-pointer-center {
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
}

.dv-map-search {
    background-color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / 8%);
    border-radius: var(--br-default);
    margin: 12px;
    position: relative;
    z-index: 1000;
}

.dv-map-controls {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    justify-content: center;
    margin: auto 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .dv-map-controls button {
        background-color: var(--clr-white);
        border: none;
        margin: 0;
        padding: 0;
        appearance: none;
        cursor: pointer;
        width: 40px;
        height: 40px;
        outline: none;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        border-radius: 2px;
    }

/* map modal */

/* SUBCAT PLUS */
.filter-subcat-section {
}

    .filter-subcat-section .accordion-button::after {
        background-image: url(/assets/images/plus.svg);
    }

    .filter-subcat-section .accordion-button:not(.collapsed)::after {
        background-image: url(/assets/images/minus.svg) !important;
        transform: rotate(0deg);
    }
/* subcat plus */

.dv-date-container {
    /* border-radius: 100px; */
    /* border: 1px solid var(--clr-black24); */

    padding: 24px;
    max-width: 850px;
    width: fit-content;
    margin: 40px auto;
}

.dv-date-wrapper {
    border: 1px solid var(--clr-black24);
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    /* gap: 20px; */
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    /* padding: 20px 16px; */
}

    .dv-date-wrapper .dv-date-button {
        border-radius: 100px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

        .dv-date-wrapper .dv-date-button:hover {
            background-color: var(--clr-black08);
        }

        .dv-date-wrapper .dv-date-button.active {
            background-color: var(--clr-navy24);
        }

.dv-filter-section-new .d-flex {
    align-items: center;
    gap: 8px;
}

/* INPUT RADIO & CHECKBOX */
.filter-input {
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--clr-black50);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    transition: transform 300ms;
    flex-shrink: 0;
}

    .filter-input:active {
        transform: scale(.8);
    }

    .filter-input:checked {
        background-color: var(--clr-black);
        border-color: var(--clr-black);
    }

        .filter-input:checked[type=checkbox],
        .filter-input:checked[type=radio] {
            background-image: url(/assets/images/check.svg);
        }

    .filter-input:focus {
        outline: none;
    }

    .filter-input[type=radio] {
        border-radius: 50%;
    }

    .filter-input:checked[type=checkbox] {
        border-radius: 4px;
    }

    .filter-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
        background-color: #eee;
        cursor: progress;
    }

/* input radio & checkbox */


/* FILTERS */

.dv-filters {
    width: 100%;
    /* max-width: 336px; */
    max-width: 260px;
    height: fit-content;
    /* max-height: calc(100vh - 24px); */
    max-height: calc(100vh - 55px);
    overflow-x: scroll;
    padding-right: 16px;
    padding-left: 8px;
    padding-bottom: 24px;
    position: sticky;
    top: 59px;
    transition: all .1s;
}

    .dv-filters:not(.dv-filters-mobile) {
        /* display: none; */
    }

    .dv-filters #filterDataContainer {
        width: 232px;
    }

    .dv-filters.filters-scroll-up {
        top: calc(24px + 126px);
        max-height: calc(100vh - 24px - 126px);
    }

    .dv-filters.hidden {
        width: 0;
        padding: 0;
        margin: 0 !important;
        overflow-x: hidden;
        /* display: none; */
    }


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

    .dv-filters {
        display: none;
    }

    .dv-mobile-filter-button {
        /* display: block; */
        font-family: var(--font-paragraph);
        font-size: 1rem !important;
    }

    .dv-items-header {
        flex-wrap: wrap;
    }

    .dv-header-center {
        /* display: none; */
        order: 3;
        width: 100%;
        justify-content: start;
    }

    .dv-filter-chips-wrapper {
        justify-content: start !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }

    .dv-header-left,
    .dv-header-right {
        /* flex-grow: 1; */
        flex: 1 1 0px;
    }

    .dv-items-header > * {
        flex-grow: 1;
    }

        .dv-items-header > * > * {
            width: 100%;
        }

    .dv-items-header .dropdown-sort button {
        width: 100%;
    }
}

.button-main-filter {
    padding: 0;
}

    .button-main-filter::after {
        /* background-image: url(/assets/images/chevron-down.svg) !important; */
    }

    .button-main-filter:not(.collapsed)::after {
        /* background-image: url(/assets/images/chevron-up.svg) !important; */
    }

.dv-filters .accordion-button {
    padding: 0;
}

.filter-list {
    display: flex;
    flex-direction: column;
}

    .filter-list > label {
        transition: transform 300ms;
    }

    .filter-list label:active > input {
        transform: scale(0.8);
    }

.accordion-sub-category {
}

    .accordion-sub-category .accordion-header {
        display: flex;
        justify-content: space-between;
    }

    .accordion-sub-category .accordion-button {
        flex-grow: 0;
        flex-shrink: 1;
        width: fit-content;
    }

    .accordion-sub-category .filter-list {
        padding-left: 26px;
    }


    .accordion-sub-category .accordion-button::after {
        background-image: url('/assets/images/plus.svg');
    }

    .accordion-sub-category .accordion-button:not(.collapsed)::after {
        background-image: url('/assets/images/minus.svg');
    }

.dv-filters .filter-input[type=checkbox] {
    border-radius: 4px;
    height: 18px;
    width: 18px;
    /* flex-shrink: 0; */
}


.input-shop-search-filter {
    height: 32px;
}

.dv-filters .accordion-item {
    padding: 0;
    margin: 0;
}

.dv-filters .accordion {
    --bs-accordion-btn-icon-transition: 100ms;
}

.dv-filters .accordion-collapse {
    transition: 100ms;
}

.dv-filters > div > .accordion > .accordion-item > .accordion-header {
    margin-bottom: 16px;
}

    .dv-filters > div > .accordion > .accordion-item > .accordion-header > .accordion-button {
        font-size: 1.375rem;
    }

.dv-filters .accordion-item > .accordion-collapse > *:not(.accordion) {
    /* border: 1px solid red; */
}

    .dv-filters .accordion-item > .accordion-collapse > *:not(.accordion) .filter-list {
        margin-bottom: 12px;
    }

.dv-filters .accordion-item > .accordion-collapse .accordion > .filter-list {
    margin-bottom: 12px;
    /* border: 1px solid slateblue; */
}

.dv-filters .accordion-collapse label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dv-filters .filter-list > *:not(:last-child) {
    margin-bottom: 12px;
}

.dv-filters .filter-list label span {
    line-height: 1rem;
    /* line-height: 10px; */
}

.dv-filters .filter-list > .accordion-item .filter-list {
    margin-top: 12px;
}

.dv-filters .filter-list .input-shop-search-filter {
    border-color: var(--clr-black24);
}

.dv-filters .filter-list .btn-close.btn-close-round {
    margin-left: auto;
}

.dv-filters label {
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dv-filters .a-view-more {
    text-decoration: underline;
    color: var(--clr-black50);
}

.filter-list.disabled {
    pointer-events: none;
    opacity: .5;
}

.dv-clr-filter {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 1px solid var(--clr-black24);
}

.spn-filter-count {
    margin-left: auto;
    color: var(--clr-black24);
    /* hide filter count */
    /* display: none; */
}

/* filters */



/* FILTER CHIPS */
.dv-filter-chips-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dv-filter-chip {
    background-color: rgba(33, 35, 74, 0.08);
    /* box-shadow: 0 2px 4px 0px rgb(0 0 0 / 8%); */

    border-radius: 100px;
    padding: 6px 12px;
    align-items: center;
    justify-content: center;
    /* font-size: 1.2rem; */

    display: inline-flex;
    flex-wrap: nowrap;
    gap: 8px;
}

    .dv-filter-chip span {
        white-space: nowrap;
    }

.btn-close.btn-close-round {
    /* background: transparent url("/assets/images/icon-x-round.svg") center/1em auto no-repeat; */
    /* padding: 0; */
}

#toggle-filters {
    /* display: flex !important; */
    justify-self: center;
    align-items: center;
}

    #toggle-filters span {
        /* font-size: 1.2rem; */
        font-size: 1rem;
        white-space: nowrap;
    }

.icon-show-hide-filters {
    width: 20px;
    height: 20px;
}

.dv-filters-mobile {
    display: block;
    /* width: 262px; */
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    height: fit-content !important;
    max-height: none;
    overflow-y: visible;
    position: sticky;
    top: 16px;
    transition: all .1s;
}

/* filter chips */

/* HEADER STICKY */

.header-scroll-up {
    position: sticky !important;
    top: 0;
    box-shadow: var(--shadow-header);
}

.header-scroll-down {
    position: sticky !important;
    /* top: calc(-150px + 70px); */
    /* top: -65px; */
    top: -72px;
    box-shadow: var(--shadow-header);
}


/* Filter Grid */
.filter-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Color Checkbox */
.filter-grid-color {
    /* gap: 20px; */
    /* width: 150px; */
    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */

    gap: 11px;
    width: fit-content;
}

.checkbox-color-lable {
    /* border: none; */

    width: 24px;
    aspect-ratio: 1 !important;
    /* border: 1px solid var(--clr-black24); */
    border: none;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
    transition: ease-out .1s;
}

    .checkbox-color-lable:active {
        transform: scale(0.95);
    }

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

    .checkbox-color-lable {
        width: 28px !important;
    }

    .filter-grid-color {
        gap: 12.75px !important;
    }
}

.checkbox-color-input {
    width: 100%;
    height: 100%;
}


    .checkbox-color-input + span {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }

/* style to add border to white color filter */
.checkbox-color-lable[style="background-color: white;"] span,
.checkbox-color-lable[style="background-color: white"] span,
.checkbox-color-lable[style="background-color:#ffffff;"] span,
.checkbox-color-lable[style="background-color:#fff;"] span,
.checkbox-color-lable[style="background-color:#fff"] span,
.checkbox-color-lable[style="background-color:#ffffff"] span {
    border: 1px solid var(--clr-black24);
}

.checkbox-color-input {
    position: absolute;
    padding: 0;
    margin: 0;
    outline: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    visibility: hidden;
    overflow: visible;
}

    .checkbox-color-input:checked {
        /* background-color: green; */
        /* background-image: none; */
    }

        .checkbox-color-input:checked + span {
            border: 2px solid var(--clr-black);
            border: 1px solid var(--clr-black);
            background-color: rgba(255, 255, 255, 0.4);
            background-image: url('/assets/images/check-black.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 14px;
        }

/* Discount Checkbox */
.filter-grid-discount {
    column-gap: 16px;
    row-gap: 8px;
}


/* NEW HEADER STYLES */

.header-new {
    background-color: var(--clr-white);
    /* border-bottom: 1px solid var(--clr-black04); */

    transition: 300ms;
    position: relative;
    z-index: 1000;
}

    .header-new > * {
        width: 100%;
        /* max-width: 1600px; */

        margin: 0 auto;
    }


.dv-header-top {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    max-width: 1600px;
}

    .dv-header-top > .a-logo {
        height: 40px;
    }

        .dv-header-top > .a-logo .logo {
            height: 100%;
        }

    .dv-header-top > *:not(.a-logo) {
        /* flex: 1 1 auto !important; */
        flex: 1;
        /* gap: 12px; */
    }

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

    .header-new .a-logo {
        height: 30px;
    }

    .header-new .dv-header-top-left .btn.btn-lang {
        display: none;
    }
}

.dv-header-top > .dv-header-top-left {
    display: flex;
    justify-content: start;
}

.dv-header-top > .dv-header-top-right {
    display: flex;
    justify-content: end;
}

/* header bottom */
.dv-header-bottom {
    display: flex;
    gap: 32px;
    /* padding: 8px 16px; */
    /* padding-bottom: 0; */
    padding: 0;
    border-bottom: 1px solid var(--clr-black08);
    border-top: 1px solid var(--clr-black08);
    justify-content: center;
    /* max-width: 1600px; */
    padding: 0 16px;
}


    .dv-header-bottom .dropdown-toggle {
        border-radius: var(--br-default);
        padding: 10px 16px;
        color: var(--clr-black72);
        cursor: pointer !important;
    }

.custom-navbar {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    /* padding-bottom: 8px; */
    padding-top: 6px;
    padding-bottom: 6px;
}

    .custom-navbar li {
        list-style: none;
    }

    .custom-navbar > li > a {
        font-size: 1.2rem;
        /* font-weight: 600 !important; */

        color: var(--clr-black);
    }

    .custom-navbar .dropdown-toggle::after {
        display: none;
    }

.dv-header-bottom .tab-content > .active {
    display: flex;
}

.dv-header-bottom > .custom-navbar > .dropdown-megamenu-list {
    position: static;
}

.dropdown-megamenu-list .dropdown-toggle {
    /* left: 0;
    top: 100%;
    margin: 10px auto;
    width: 100%;
    height: 3px;
    background: var(--clr-red); */

    position: relative;
    cursor: default;
}

.dropdown-megamenu-list:hover .dropdown-toggle {
    /* background-color: var(--clr-black04); */
    border-radius: 0;
    /* box-shadow: inset 0 0 0 2px var(--clr-red); */

    box-shadow: inset 0px -2px 0px var(--clr-red);
}

/* new header styles */




/* NEW NEW HEADER STYLES */


.header-new .dv-header-top-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .header-new .dv-header-top-right .btn-login {
        /* padding-right: 0; */
        padding-inline-end: 0;
        padding-inline-start: 0;
    }

.dropdown-container-alt2 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 40px 32px;
    text-align: start;
    margin-top: 0 !important;
    border: none;
    /* border-top: 1px solid var(--clr-black24); */
    border-radius: 1px 1px 20px 20px;
    box-shadow: 0px 100vh 0px 100vh rgba(0,0,0,0.3);
    overflow: hidden;
    /* max-height: calc(100vh - 112px); */
    /* height: 450px; */
    min-height: 450px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, visibility 300ms;
    background-color: var(--clr-white);
}

    .dropdown-container-alt2.show {
        opacity: 1;
        visibility: visible;
    }

    .dropdown-container-alt2 .container-fluid {
        padding: 0 32px;
    }



    .dropdown-container-alt2 a {
        color: var(--clr-black);
    }

        .dropdown-container-alt2 a:hover {
            color: var(--clr-red);
        }

/* Megamenu List Links */
.dv-megamenu-list-links {
    /* font-size: 1.2rem; */
}

    .dv-megamenu-list-links .list-links > * {
        margin: 8px 0;
    }

    .dv-megamenu-list-links .list-links a {
        color: var(--clr-black50);
    }

        .dv-megamenu-list-links .list-links a:hover {
            color: var(--clr-red);
        }

.dv-megamenu-list-links-title {
    font-weight: 600;
}

/* Megamenu Image Card */
.dv-megamenu-img-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: transform 300ms ease;
}

    .dv-megamenu-img-card:hover {
        transform: scale(1.03);
    }

        .dv-megamenu-img-card:hover .dv-megamenu-img-card-title {
            color: var(--clr-red);
        }

    .dv-megamenu-img-card img {
        width: 100%;
        aspect-ratio: 1;
        border-radius: var(--br-default);
        border: 1px solid rgba(0, 0, 0, 0.04);
        /* box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05); */
        box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.05);
    }

    .dv-megamenu-img-card .dv-megamenu-img-card-title {
        /* font-size: 1.2rem; */
        font-stretch: 1rem;
        color: var(--clr-black50);
    }

    .dv-megamenu-img-card .a-megamenu-card-link {
        color: var(--clr-black50);
        text-decoration: underline;
    }

    .dv-megamenu-img-card .dv-megamenu-img-card-desc {
        font-size: 1rem;
        color: var(--clr-black50);
    }


/* Megamenu Second Level */
.dv-second-level-side {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .dv-second-level-side::after {
        content: "";
        background-color: #eee;
        position: absolute;
        width: 100vw;
        height: 1500px;
        z-index: -1;
        right: 16px;
        /* right: 0; */
        top: -500px;
    }

    .dv-second-level-side > * {
        margin: 8px 0;
    }

        .dv-second-level-side > *:not(.second-level-list-links):not(.dropdown-divider) {
            /* margin: 4px 0; */
        }

    .dv-second-level-side > .dropdown-divider {
        margin-right: 16px;
    }

    .dv-second-level-side .dv-second-level-title {
        text-transform: uppercase;
        font-weight: 600;
        color: var(--clr-black50);
    }

    .dv-second-level-side > a {
        color: var(--clr-black50);
    }

        .dv-second-level-side > a:hover {
            /* color: var(--clr-black) */
        }

    .dv-second-level-side .second-level-list-links:hover {
        color: var(--clr-black);
    }

    .dv-second-level-side .second-level-list-links.active {
        color: var(--clr-black);
        font-weight: 600;
    }

    .dv-second-level-side .second-level-list-links[data-bs-target]::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(/assets/images/chevron__right.svg);
        background-size: cover;
        right: 50px;
        opacity: 0;
        transition: 300ms right;
    }

    .dv-second-level-side .second-level-list-links[data-bs-target=""]::after {
        content: none;
    }

    .dv-second-level-side .second-level-list-links.active::after {
        right: 24px;
        opacity: 1;
    }



/* test code */
.dropdown-container-alt2 .row > * {
    /* background-color: orange; */
}


.dv-megamenu-custom-row {
    gap: 0px;
}


/* Hide megamenu items */

@media (max-width: 1200px) {
    .dv-megamenu-custom-row > .col:nth-child(n+5) {
        display: none;
    }
}

@media (max-width: 992px) {
    .dv-megamenu-custom-row > .col:nth-child(n+4) {
        display: none;
    }
}



/* new new header styles */


/* NEW NEW HEADER MOBILE STYLES */

.header-new .btn-navbar-hamburger {
    background-color: transparent;
    border: none;
    display: none;
    padding: 6px 0;
    width: 20px;
}

@media (max-width: 768px) {

    .header-new {
        position: sticky;
        top: 0;
    }

        .header-new .btn-navbar-hamburger {
            display: block;
        }

        .header-new .dv-header-bottom {
            display: none;
        }
}

/* new new header mobile styles */






/* OFFCANVAS MENU STYLES */

.nav-title {
    color: var(--clr-red) !important;
    font-size: 2.4rem !important;
    line-height: 20px !important;
    padding: 16px 12px !important;
}

    .nav-title .nav-title {
        padding: 0 !important;
    }

.nav-item-link {
    /* padding-left: 17px !important; */
    padding: 16px !important;
    font-size: 1rem !important;
}

    .nav-item-link > *:nth-child(1) {
        font-size: 1.2rem;
    }

    .nav-item-link > *:nth-child(2):not(span) {
        /* font-size: 1rem; */
        color: var(--clr-black50);
    }

    .nav-item-link > .btn + div:nth-child(2) {
        margin-top: 8px;
    }

    .nav-item-link .accordion-button {
        /* padding: 0; */
        /* font-family: var(--font-paragraph); */
    }

    .nav-item-link .accordion-body {
        /* padding: 0; */
    }

.nav-content ul {
    /* margin: 0 1px; */
}

.nav-back-button {
    padding-left: 32px !important;
    padding-right: 16px !important;
}

    .nav-back-button span {
        left: 0;
    }

.li-bottom-section {
    position: absolute !important;
    /* background-color: var(--clr-black04); */
    bottom: 0;
}

.dv-megamenu-img-card.nav-item-link {
    display: flex;
    gap: 8px;
    color: var(--clr-black);
    padding: 32px !important;
}

    .dv-megamenu-img-card.nav-item-link .dv-megamenu-img-card-title {
        color: var(--clr-black);
    }

    .dv-megamenu-img-card.nav-item-link .a-megamenu-card-link {
        text-decoration: underline;
    }

/* Mobile Nav Accordion Styless   */
.accordion-item.nav-item-link {
    padding: 0;
}

    .accordion-item.nav-item-link .accordion-body {
        padding: 0 var(--bs-accordion-body-padding-x);
        padding-left: 32px;
    }

        .accordion-item.nav-item-link .accordion-body > * {
            margin-bottom: 8px;
            color: var(--clr-black72);
        }

#main-nav .dropdown-divider {
    /* padding: 10px 17px; */
}

.hc-offcanvas-nav .nav-content > h2 {
    padding: 20px 16px;
    margin-bottom: 0;
}

.hc-offcanvas-nav .btn-lang {
    font-family: var(--font-paragraph);
    height: 40px;
    font-size: 1.2rem !important;
    line-height: 0;
}


.nav-content {
    display: flex;
    flex-direction: column;
}

    .nav-content .level-title {
        order: 2;
        border-bottom: 1px solid var(--clr-black04);
    }

    .nav-content .nav-back {
        order: 1;
        border: none;
    }

        .nav-content .nav-back .nav-back-button {
            border: none;
        }

    .nav-content > ul {
        order: 3;
    }

    .nav-content .dv-megamenu-img-card-title {
        font-size: 1rem !important;
    }

/* offcanvas menu styles */



/* MOBILE HEADER NEW  */

.dv-header-bottom-mobile {
    padding: 8px 16px;
    padding-top: 0;
    border-bottom: 1px solid var(--clr-black04);
}

    .dv-header-bottom-mobile .btn-address {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        width: 100%;
        /* background-image: url(/assets/images/chevron__right.svg); */
        /* background-image: url(/assets/images/map-pin.svg); */
        background-repeat: no-repeat;
        background-position: right;
        background-size: 20px;
    }

        /* bg btn-address */
        .dv-header-bottom-mobile .btn-address.btn-address-bg {
            background-color: var(--clr-black04);
            padding: 8px 16px;
            border-radius: 100px !important;
            background-image: url(/assets/images/chevron__right.svg);
            background-size: 16px;
            background-position: right 16px center;
        }

        .dv-header-bottom-mobile .btn-address > *:nth-child(2) {
            /* flex-grow: 1; */
            /* width: calc(100% - 56px); */
            text-align: start;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
        }




.header-new .dv-header-top-left .btn.dropdown-toggle {
    padding: var(--bs-btn-padding-y) 0;
}

.header-new .dv-header-bottom-mobile {
    display: none;
}

@media (max-width: 768px) {

    .header-new .dv-header-bottom-mobile {
        display: block;
    }

    .header-new .dv-header-top-left .btn.dropdown-toggle {
        display: none;
    }

    .btn-login {
        /* display: none; */
    }

    .dropdown-account {
        display: none;
    }
}



.dv-featured-items-scroll {
    display: flex;
    gap: 8px;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .dv-featured-items-scroll > .dv-item-card {
        width: calc(20% - 8px);
        flex-shrink: 0;
        min-width: 175px;
    }



.dv-shops-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

    .dv-shops-heading > input {
        flex-grow: 0;
        flex-shrink: 1;
        max-width: 300px;
    }

@media (min-width: 992px) {
    .col-lg-five {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (max-width: 600px) {
    .dv-shops-heading {
        flex-direction: column;
    }

        .dv-shops-heading > input {
            max-width: none;
        }
}

/* HEADER NEW ALT */

.header-new-alt {
    display: flex;
    flex-direction: column;
}

    .header-new-alt .dv-header-top {
        order: 2;
    }

    .header-new-alt .dv-header-bottom-mobile {
        order: 1;
        background-color: var(--clr-navy);
        color: var(--clr-white);
        padding: 4px 16px;
        padding-top: 4px;
    }

        .header-new-alt .dv-header-bottom-mobile .btn-address > *:nth-child(2) {
            color: var(--clr-white);
        }
/* header new alt */



/* FOOTER NEW */

.footer-new {
}

.accordion-footer .accordion-item {
    background-color: transparent;
}

.accordion-footer .accordion-button {
    /* padding: var(--bs-accordion-btn-padding-y) 0; */
    padding: 10px 0px !important;
    background-color: transparent !important;
    font-size: 1.4rem;
}

.accordion-footer .accordion-body {
    padding: 0;
}

.accordion-footer {
    display: flex;
    /* flex-direction: column; */
}


@media only screen and (min-width:768px) {
    .accordion-footer .accordion-button::after {
        background-image: none;
    }

    .accordion-footer .collapse:not(.show) {
        display: block;
    }

    .accordion-footer .accordion-button {
        pointer-events: none;
    }
}

/* footer new */


/* CONTAINER HOME */

.container-home,
.container-home2 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.container-home2 {
    padding-right: 24px;
    padding-left: 24px;
}

.container-home .dv-custom-box-container .dv-custom-box {
    width: calc(25% - 20px) !important;
    /* border: 4px solid red !important; */
}

.container-home .dv-featured-items-scroll > .dv-item-card {
    width: calc(25% - 8px);
    flex-shrink: 0;
    min-width: 175px;
}

@media (min-width: 576px) {
    .container-home {
        /* max-width: 540px; */
    }
}

@media (min-width: 768px) {
    .container-home {
        /* max-width: 720px; */
    }
}

@media (min-width: 992px) {
    .container-home {
        /* max-width: 960px; */
        max-width: 1300;
    }
}

@media (min-width: 1200px) {
    .container-home {
        /* max-width: 1140px; */
    }
}

@media (min-width: 1400px) {
    .container-home {
        max-width: 1300px;
    }
}

@media (min-width: 1650px) {
    .container-home {
        max-width: 1300px;
    }
}

@media (min-width: 1700px) {

    .container-home .dv-custom-box-container .dv-custom-box {
        /* width: calc(20% - 20px) !important; */
    }
}



/* container home */


.a-partner-header {
    font-size: 1.2rem;
    padding: 10px 16px;
    color: var(--clr-black72);
    cursor: pointer !important;
}


.custom-navbar {
    /* position: relative; */
}

.partner-header {
    position: absolute;
    /* right: 0; */

    width: calc(100% - 32px);
    max-width: calc(1600px - 32px);
    /* background-color: lightblue; */

    text-align: right;
    padding-top: 6px;
    padding-bottom: 6px;
    pointer-events: none;
}

    .partner-header > a {
        font-size: 1.2rem;
        color: var(--clr-black72);
        padding: 10px 16px;
        pointer-events: auto;
    }

        .partner-header > a:hover {
            color: var(--clr-red);
        }

@media (max-width: 950px) {
    .partner-header {
        display: none;
    }
}

.col.mx-auto.mt-3 .d-flex.justify-content-center.gap-2 img {
    max-width: 140px;
}

.icon-why-join {
    height: 100px;
    margin: 20px 0;
}

/* SCROLLING ARROWS */

.custom-row {
}

/* scrolling arrows */

/* Fix For Flag Container */
.intl-tel-input .flag-container {
    border-bottom: none !important;
}

.dropdown-divider.dropdown-divider-or {
    overflow: visible;
    position: relative;
}

    .dropdown-divider.dropdown-divider-or::after {
        content: '';
        background-image: url(/assets/images/icon-or.svg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.btn-back {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    /* background: transparent url("/assets/images/arrow-left.svg") center/1.5em auto no-repeat; */
    background-image: url("/assets/images/arrow-left.svg");
    background-size: cover;
    background-color: #fff;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    border: 0;
}