:root {
    --bs-primary: #faca19;
    --bs-gray: #f7f7f7;
    --bs-gray-dark: #c5ced0;
    --bs-body-bg: var(--bs-gray);
    --bs-border-color: #e1e1e1;
    --bs-body-text-color: #696969;
    --bs-body-light-text-color: #b2b2b2;

}

/* Global Styles */
/* COLOR */
.bg-gray { background-color: var(--bs-gray) !important; }
.bg-dark-gray { background-color: var(--bs-gray-dark) !important; }
.bg-body { background-color: var(--bs-body-bg) !important; }

/* BLUR */
.bg-blur-sm { backdrop-filter: blur(2px); }
.bg-blur-md { backdrop-filter: blur(4px); }
.bg-blur-lg { backdrop-filter: blur(8px); }

/* SOFT BORDERS */
.soft-top,
.soft-bottom,
.soft-left,
.soft-right,
.soft-y,
.soft-x {
    --soft-direction: to top; 
    --soft-size-1: 10%;
    --soft-size-2: 90%;
    mask-image: linear-gradient(var(--soft-direction), black var(--soft-size-2), transparent 100%);
    -webkit-mask-image: linear-gradient(var(--soft-direction), black var(--soft-size-2), transparent 100%); /* For cross-browser compatibility */
}
.soft-bottom { --soft-direction: to bottom; }
.soft-left { --soft-direction: to left; }
.soft-right { --soft-direction: to right; }
.soft-y {
    mask-image: linear-gradient(to top, transparent 0%, black var(--soft-size-1), black var(--soft-size-2), transparent 100%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black var(--soft-size-1), black var(--soft-size-2), transparent 100%); /* For cross-browser compatibility */
}
.soft-x {
    mask-image: linear-gradient(to right, transparent 0%, black var(--soft-size-1), black var(--soft-size-2), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--soft-size-1), black var(--soft-size-2), transparent 100%); /* For cross-browser compatibility */
}
.soft-md {
    --soft-size-1: 20%;
    --soft-size-2: 80%;
}
.soft-lg {
    --soft-size-1: 30%;
    --soft-size-2: 70%;
}
@media (width > 768px) {
    .soft-md-lg {
        --soft-size-1: 30%;
        --soft-size-2: 70%;
    }
    .soft-md-md {
        --soft-size-1: 20%;
        --soft-size-2: 80%;
    }
    .soft-md-sm {
        --soft-size-1: 10%;
        --soft-size-2: 90%;
    }
}
@media (width > 992px) {
    .soft-lg-lg {
        --soft-size-1: 30%;
        --soft-size-2: 70%;
    }
    .soft-lg-md {
        --soft-size-1: 20%;
        --soft-size-2: 80%;
    }
    .soft-lg-sm {
        --soft-size-1: 10%;
        --soft-size-2: 90%;
    }
}


/* TEXT */
.text-primary { color: var(--bs-primary) !important; }
.text-gray { color: var(--bs-gray) !important; }
.text-dark-gray { color: var(--bs-gray-dark) !important; }
.text-body { color: var(--bs-body-text-color) !important; }
.bg-dark .text-body, .bg-extra-dark .text-body,
.bg-black .text-body, .bg-dark.text-body,
.bg-extra-dark.text-body, .bg-black.text-body { color: var(--bs-body-light-text-color) !important; }
.text-body-light { color: var(--bs-body-light-text-color) !important; }
.text-balanced { text-wrap: balance !important; }

/* BUTTONS */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: black;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: darken(var(--bs-primary), 10%);
    border-color: darken(var(--bs-primary), 10%);
}

/* CARDS */
.card {
    background-color: #f3f5f6;
}

/* HEADER */
.header {
    color: black;
}
.header-top {
    background-color: var(--bs-gray);
    border: none;
}
@media (width > 1200px) {
    .header-top {
        height: 40px;
    }
}
.header-middle {
    border-color: var(--bs-border-color);
}
.header-middle,
.header-bottom {
    background-color: white;
}
.header .search-box .awesomplete .form-control {
    border-color: var(--bs-gray);
    background-color: var(--bs-gray);
    border-radius: 3rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.header .search-box .btn {
    border-radius: 3rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.header-top .icon path,
.header-middle .list-item .icon path {
    stroke: black;
}
.header-middle .list-item .inline-icon-text-cart path {
    fill: black;
    stroke: transparent;
}

/* LOGO */
.custom-logo-link {
    height: 60px;
    padding: .7rem 0;
}
.custom-logo-link img {
    max-height: 100%;
}
@media (min-width: 1460px) {
    .custom-logo-link {
        height: 100px;
    }
}

/* HERO */
/* @media (width < 768px) {
    .glide__slide {
        height: 100% !important;
        aspect-ratio: unset !important;
        display: flex;
        align-items: center;
    }
} */
.section-hero .glide__slide .row [class*="col-"] img {
    max-height: 370px;
}
.section-hero .glide__slide .row [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (width > 1200px) {
    .hero-carousel__slide.flex-row-reverse .col-xl-7 {
        padding-left: 7rem;
    }
    /* .glide__slide .hero-carousel__slide,
    .glide__slide .hero-carousel__slide .col-xl-5,
    .glide__slide .hero-carousel__slide .col-xl-5 figure,
    .glide__slide .hero-carousel__slide .col-xl-5 figure img {
        height: 100%;
    }
    .glide__slide .hero-carousel__slide .col-xl-5 figure img {
        object-fit: contain;
    } */
}

/* FOOTER */
.site-footer-middle .payment-content img {
    max-height: 40px;
    max-width: 80px;
    object-fit: contain;
}
.site-footer-bottom > .row {
    justify-content: space-between;
}
.site-footer-bottom > .row > [class^="col"]:nth-child(2) {
    display: none;
}
@media (width >= 1200px) {
    .footer__links-container {
        flex-wrap: nowrap;
    }
}