:root {
    --bs-primary: #035074;
    --bs-btn-bg: #035074;
    --bs-primary-rgb: 0, 80, 116;
    --bs-info-rgb: 0, 183, 245;
    --bs-border-color-translucent:rgba(0,0,0,0.1);

    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.05);

    --bs-pagination-color: #035074 !important;
    --bs-pagination-active-bg: #035074 !important;
    --bs-pagination-active-border-color: #035074 !important;

    --bs-success-rgb: 29, 180, 135;
}
.pagination {
    --bs-pagination-color: #035074 !important;
    --bs-pagination-active-bg: #035074 !important;
    --bs-pagination-active-border-color: #035074 !important;
}


body,html {
    color:#333333;
}


@media screen and (max-width: 768px) {
    body,html {
        overflow-x: hidden;
    }
}


img, video {
    max-width: 100%;
    height: auto !important;
}
.clickable {
    cursor: pointer;
}

.text-primary {
    color: var(--bs-primary) !important;
}



.headerImage {

}
.headerImage .image img {
    width: 100% !important;
}

#bannerCarousel {
    margin-top: -30px;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.carousel-indicators,
.carousel-control-next,
.carousel-control-prev {
    z-index: 5;
}
.carousel-caption {
    right: auto;
    text-align: left;
    bottom: auto;
    top: 30%;
    z-index: 3;
}
.carousel-item .overlay {
    position: absolute;
    left:0; top:0;
    width: 100%; height: 100%;
    background: #000000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.43) 29%, rgba(0, 0, 0, 0) 63%);
    z-index: 2;
}

#cartBtn, #cartBtnMobile {
    position: relative;
}
#cartBtn .counter, #cartBtnMobile .counter {
    min-width: 15px;
    height: 15px;
    border-radius: 20px;
    text-align: center;
    line-height: 0;
    font-size: 12px;
    padding:8px 2px 0 2px;

    position: absolute;
    right:1px;
    top:3px;
}
#cartBtnMobile[data-count="0"] .counter,
#cartBtn[data-count="0"] .counter {
    display: none;
}


.navbar-expand-lg {
    flex-wrap: wrap !important;
}
.navbar-expand-lg > .container {
    display: block;
}
.navbar-brand {
    width: 240px;
}
.navbar-brand img {
    display: block;
    z-index: 2;
    margin-top: -25px;
}
.navbar .nav-link {
    font-family: "Momo Trust Sans", sans-serif;
    white-space: nowrap;
    color:#FFF;
}


@media screen and (max-width: 768px) {
    .navbar-brand {
        width: 180px;
    }
}

.navbar {

}
.navbar.withBack {

}

.navbar input::placeholder {
    color: #D0E4F5; /* Replace with your desired color */
    opacity: 1;     /* Optional: ensures full opacity */
}


.contentWrapper {
    margin-top: 175px;
}
@media screen and (max-width: 768px) {
    .contentWrapper {
        margin-top: 95px;
    }
}


.productCard .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-family: "Momo Trust Sans", sans-serif;
    font-weight: 700;
}
.productCard .image  {
    display: block;
    aspect-ratio: 16/10;
    position: relative;
    padding: 10px;
}
.productCard .image .overlay {
    position: absolute;
    left:0; top:0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.03);
    z-index: 2;
    border-radius: 10px;
}
.productCard .labels {
    position: absolute;
    right:12px; top:8px;
    z-index: 7;
}
.productCard .optiondot {
    cursor: pointer;
}
.productCard .options {
    position: absolute;
    top:-14px;
    width: 100%;
}
.dotsHolder {
    background-color: #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    z-index: 10;
    position: relative;
    padding: 2px 10px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}


.card-selectable {
    cursor: pointer;
}
.card-selectable[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}
.card-selectable.active, .card-selectable.active:hover {
    background-color: var(--bs-dark-bg-subtle);
}
.card-selectable:hover  {
    background-color: var(--bs-light-bg-subtle);
}
.card-selectable .thumb img {
    max-width: 75px;
    mix-blend-mode: multiply;
}



.productInfo .productImage {
    position: relative;
    padding:10px;
    border-radius: 15px;
}
.productInfo .productImage .imageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.03);
    z-index: 2;
    border-radius: 15px;
}
.optionThumb {
    width: 55px;
    margin-right: 10px;
}

.priceRowSticky .priceRow {
    background-color: #FFFFFF;
    transition: all 0.2s;

    padding: 0px;
    box-shadow: 0 0 0px rgba(0,0,0,0);
    border-radius: 0px;
}
.priceRowSticky.is-stuck {

}
.priceRowSticky.is-stuck .priceRow {
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative;
    top:-10px;
}


.checkout-img {
    width: 125px;
}
@media screen and (max-width: 768px) {
    .checkout-img {
        width: 60px;
    }
}


.bg-secondary-subtle.clickable:hover {
    background-color: var(--bs-btn-bg) !important;
}


.dz-preview {
    border: 1px solid #D7D7D7;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.dz-size {
    font-size: 12px;
}
.dz-progress {
    position: relative;
    height: 5px;
    background-color: #efefef;
    border-radius: 5px;
    margin: 4px 0;
}
.dz-upload {
    display: block;
    position: relative;
    background-color: #258753;
    height: 5px;
    border-radius: 5px;
}
.dz-success-mark, .dz-error-mark, .dz-image {
    display: none;
}



.featuredProducts {
    position: relative;
    height: 430px;
}
.featuredProducts .slide {
    position: absolute;
    left:0; top:0;
    width: 100%;
    height: 100%;

    pointer-events: none;
}
.featuredProducts .slide.active {
    pointer-events: auto !important;
}
.featuredProducts .info,
.featuredProducts .image {
    transition: all 0.2s;
    transform: translate3d(0,0,10px);
    opacity: 1;
}
.featuredProducts .info.incoming {
    transform: translate3d(-40px,0,10px);
    opacity: 0;
}
.featuredProducts .image.incoming {
    transform: translate3d(40px,0,10px);
    opacity: 0;
}
.featuredProducts .info.outgoing {
    transform: translate3d(-40px,0,10px);
    opacity: 0;
}
.featuredProducts .image.outgoing {
    transform: translate3d(40px,0,10px);
    opacity: 0;
}
.fNav {
    background-color: #FFFFFF;
    border-radius: 30px;
    width: 70px; height: 30px;
    position: absolute;
    bottom:-15px;
    left: calc(50% - 35px);
}
.fNav > * {
    width: 20px; height: 20px;
    position: absolute;
    top:3px;
}
.fNav > .prev {
    left:10px;
}
.fNav > .next {
    right:0px;
}
.fNav > .prev, .fNav > .next {
    background-color: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
}


@media screen and (max-width: 768px) {
    #filters {
        width: 100vw;
        height: 100vh;
        position: absolute;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        overflow-x: hidden;
        left:0; top:0;
        background-color: #FFF;
        z-index: 25;

        padding:20px;
        padding-top: calc(env(safe-area-inset-top) + 120px);

        transform: translateX(-100%);
        transition: all 0.2s;
    }
    #filters.active {
        transform: translateX(0%);
    }
}