/* Add custom CSS styles below */ 
.sub-menu {
    overflow-y: visible;
}
.index  .fixed-header .navbar-brand img {
    width: 70px  !important;
}
@media (max-width: 600px) {
.index .navbar-brand img:not(.fixed-header img) {
    max-width: 70px;
}
}

/*fixed banner*/
@media (min-width: 767px) {
section:nth-child( 2 of .landing-page-first-bannar) .md\:h-screen {
    height: 70vh;
}
h1.animate__animated {
    font-size: 48px;
}
p.animate__animated {
    font-size: 24px;
    line-height: 2.5rem;
    margin-top: 1rem;
}
section:nth-child( 1 of .landing-page-first-bannar) .txt.w-full {
    margin-top: 5rem;
    margin-right: 8rem;
}
section:nth-child( 3 of .landing-page-first-bannar) .txt.w-full {
    margin-left: 8rem;
}
.landing-page-first-bannar .txt.w-full {
    width: 45%;
}
}
@media (min-width: 1200px) {
section:nth-child( 1 of .landing-page-first-bannar) .txt.w-full, section:nth-child( 3 of .landing-page-first-bannar) .txt.w-full{
    width:35%;
}
section:nth-child( 2 of .landing-page-first-bannar) .txt.w-full{
    width:30%;
}
}
@media (max-width: 767px) {
section.landing-page-first-bannar button.w-\[200px\] {
    width: 150px;
    height: 45px;
    margin-top: 0.5rem;
}
.landing-page-first-bannar .txt.w-full {
    background: rgba(255,255,255,0.7);
    padding: 2rem 0;
    border-radius: 2rem;
}
section:nth-child( 2 of .landing-page-first-bannar) .h-\[65vh\] , section:nth-child( 3 of .landing-page-first-bannar) .h-\[65vh\] {
    height: 40vh;
}
h1.animate__animated {
    width: 100%;
    font-size: 30px;
}
.landing-page-first-bannar * {
    text-align: center;
    text-align-last: center;
}
section:nth-child( 1 of .landing-page-first-bannar) .txt.w-full {
    align-self: flex-end;
    margin-bottom: 2rem;
}}

/*category*/
.g_cat .grid.grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.g_cat .flex.sal-animate {
    align-self: baseline;
}

/*offers*/
.product_deadline  button {
    color: #fff;
}
.product_deadline.w-\[90\%\].cuxl\:w-auto.sal-animate {
    background: #fff;
}


/*3 pics*/
p.ltr\:text-left {
    color: #fff;
}
@media (max-width: 767px) {
    .ads .img .over .text {
        align-items: center !important;
        text-align: center;
    }
    .ads .img .over {
    justify-content: center;
}
}


/*products*/
.s-block--best-offers {
    margin-bottom: 3rem;
}
.outof-stock {
    color: #000;
}
custom-salla-product-card, .s-product-card-vertical {
    border: 2px solid var(--f-color)!important;
}
h1.title-heade {
    background: none !important;
}
.s-slider-block__title-left{
display:none;
}
.s-product-card-image-full {
    max-height: 290px;
}
@media (max-width:767px){
custom-salla-product-card, .s-product-card-vertical {
    border: 1px solid var(--f-color)!important;
}
.s-product-card-image-full {
    max-height: 215px;
}
.s-products-slider-card {
    max-width: 215px!important;
}
}
@media (max-width:500px) {
button.flex.font-\[600\].text-\[16px\].button-56.rounded-\[8px\].text-\[\#fff\].bg-\[var\(--f-color\)\].text-nowrap {
    font-size: 15px;
}}



/*E-mail*/
.footer-is-light .store-footer .m-auto.flex.justify-start.max-w-\[1300px\].items-center.flex-wrap.max-lg\:justify-start.gap-9.md\:gap-6.px-5 {
    color: #000;
}
.text-\[\#636363\] {
    color: #000;
}

/*video*/
@media (max-width:767px){
section#video-banner {
    height: auto;
    margin-top: 0;
}
#video-banner .video-parent video {
    min-width: 340px;
}
}
@media (min-width: 1000px) {
   section#video-banner.md\:h-\[500px\] {
        height: 50rem;
    }
}



/*weekly offers*/
img.lg\:min-h-full.max-w-full.w-full.h-auto {
    object-fit: fill;
    height: 100%;
}
.weeklyOffers .lg\:text-22px {
    line-height: 2rem;
}
@media (min-width: 992px) {
    .lg\:w-1\/2:nth-of-type(2) {
        width: 40%;
    }
}
@media (max-width: 767px) {
.weeklyOffers {
    height: 75vh !important;
}}



/*Footer*/
.copyright-text * {
    color: #000 !important;
}
@media (max-width:767px){
.pb-\[100px\] {
    padding-bottom: 0; 
}
}
@media (max-width:991px){
footer salla-menu.flex.gap-2.hydrated {
    justify-content: center;
}
}
@media (min-width:1500px){
footer .justify-center.rtl\:lg\:pl-20 {
    justify-self: flex-end;
}
}
@media (max-width:500px) {
    [id^=gb-widget] {
        bottom: 77px !important;
            }
}
@media (max-width: 1199px) {
    a#cart-button, a.hidden.lg\:block.cursor-pointer {
        display: block;
        padding: 12px;
        margin: 0 10px;
        background: var(--color-primary);
        border-radius: 50%;
        stroke: black;
    }
}