/* Add custom CSS styles below */

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgb(5 23 74);
    background-color: rgb(5 23 74);
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    color: rgb(255 255 255);
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 255 / 70%);
    background-color: rgb(0 157 255 / 70%);
}

body {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}

.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 255);
    background-color: rgb(0 157 255);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.s-product-card-promotion-title {
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 255);
    background-color: rgb(0 157 255);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.promotion-title {
    position: absolute;
    top: 1rem;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 255);
    background-color: rgb(0 157 255);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

section.bg-white.p-5.rounded-md.mb-5 {
    background-color: rgb(255 255 255);
}


section.flex.bg-white.p-5.sm:pb-0.rounded-md.rounded-b-none {
    background-color: rgb(255 255 255);
}


section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background-color: rgb(255 255 255);
}

div.sticky.top-24.w-full.lg:w-96.rtl:lg:mr-8.ltr:lg:ml-8 {
    background-color: rgb(255 255 255);
}