/* Add custom CSS styles below */ 
.slider-top-tag {
    justify-content: center;
}


@media (max-width:767px){
.index .app-inner {
    background-size: 100% !important;
}}

.sub-menu {
    overflow-y: visible;
}
@media (max-width: 600px) {
.index .navbar-brand img:not(.fixed-header img) {
    max-width: 70px;
}}
.index .navbar-brand img:not(.fixed-header img), .index  i.text-2xl.sicon-menu.text-primary:not(.fixed-header i) {
    filter: drop-shadow(2px 2px 0px #fff);
}



/*Header*/
button.header-btn {
    background: var(--f-color);
    color: #fff;
    border-color: #fff !important;
}
@media (min-width:992px){
.index .main-nav-container .main-menu *:not(.main-menu .sub-menu *) {
    color: #fff;
    font-size: 18px;
    filter: drop-shadow(1px 1px 0px #522c16);
}
.index .main-nav-container .main-menu *:hover:not(.main-menu .sub-menu *) {
    color: var(--f-color);
    transition: 0.3s;
}
.index .main-nav-container *{
    stroke: #fff;}
.index .animated.fixed-header .main-menu *:not(.main-menu .sub-menu *)  {
    color: #000;
   filter: none;
}
.index .animated.fixed-header * {
    stroke: #000;
}}
@media (max-width: 767px) {
.index .navbar-brand img:not(.fixed-header img) {
    width: 70px;
}}


/*fixed banner*/
@media (min-width: 767px) {
section:nth-child( 1 of .landing-page-first-bannar) .md\:h-screen {
    height: 92vh;
}
h1.animate__animated {
    font-size: 48px;
}
p.animate__animated {
    font-size: 24px;
    line-height: 2.5rem;
    margin-top: 1rem;
}
}
@media (max-width: 767px) {
section.landing-page-first-bannar button.w-\[200px\] {
    width: 150px;
    height: 45px;
    margin-top: 0.5rem;
}
h1.animate__animated {
    width: 100%;
    font-size: 30px;
}
.landing-page-first-bannar .md\:h-screen * {
    text-align: center;
    text-align-last: center;
}
section:nth-child( 2 of .landing-page-first-bannar) .txt.w-full {
    align-self: flex-start;
    margin-top: 4rem;
}}

/*category*/
@media (max-width: 767px) {
.g_cat .s-slider-swiper-wrapper {
    justify-content: flex-start;
}
.g_cat .flex.sal-animate {
    align-self: baseline;
}
h3.mt-\[15px\] {
    font-size: 14px;
    width: 135px;
    font-weight: bold;
}}



/*products*/

.s-block--best-offers {
    margin-bottom: 2rem;
}
.outof-stock {
    color: #000;
}
custom-salla-product-card, .s-product-card-vertical {
    filter: drop-shadow(1px 2px 2px);
}
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){
.s-product-card-image-full {
    max-height: 215px;
}
.s-products-slider-card {
    max-width: 215px!important;
}
}





/*offers*/
.product_deadline  button {
    color: #fff;
}
.product_deadline.w-\[90\%\].cuxl\:w-auto.sal-animate {
    background: #fff;
}
@media (max-width: 767px) {
.product_deadline:last-of-type {
    margin-right: 1rem;
}}


/*3 pics*/
.ads .img .over {
        background: #00000064;
}
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;
}
}






/*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: #fff;
}
.text-\[\#636363\] {
    color: #fff;
}


/*Footer*/
.copyright-text * {
    color: #fff !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:767px){
a#cart-button ,
a.hidden.lg\:block.cursor-pointer{
       display: block;
       padding: 12px;
       margin: 0 10px;
       background: rgba(82, 42, 0, 0.85);
       border-radius: 50%;
       stroke: black;
    }
}
@media(max-width:1199px){
a#cart-button ,
a.hidden.lg\:block.cursor-pointer{
       display: block;
       padding: 12px;
       margin: 0 10px;
       background: rgba(255, 255, 255, 0.85);
       border-radius: 50%;
       stroke: black;
    }