/* START OF CSS STYLE CODE BY NUSSUQ.COM */

/* ====== GENERAL ====== */
.form-input {border-color:#999 !important}
.border-gray-200, .s-quantity-input-input, .s-quantity-input-container {border-color: #999;}

/* ====== HEADER ======= */
.s-cart-summary-count {background-color:#375752}

/* ====== CATEGORIES ====== */
.s-block--square-links .grid-cols-2 {grid-template-columns: repeat(3, 1fr); column-gap:.8rem !important}

.s-block--square-links {margin-top:0}
.s-block--square-links .container {margin-top:2rem}
.s-block--square-links h3 {margin-top: 5px;
    background-color: #ffffff80;
    margin-bottom: .5rem;
    text-align: center;
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: 400;
    border-radius: 25px;}
    
.s-block--square-links .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
    background-color: transparent;
    margin-left: 5px;
    border: 1px solid #999;
    border-radius: 10px;
}

.s-block--square-links salla-slider .slide--one-fourth {
    max-width: 190px;
}

salla-add-product-button[product-status="sale"] button {background-color: var(--color-primary);
    color: #ddd;
    font-weight: 500;}

/* ====== STAT ====== */
.s-block--stats h6 {font-size:1.5rem !important}
.s-block--stats p {font-size:1.1rem !important}
.s-block--stats .container {padding:0}
.s-block--stats .flex {gap:10px}
.s-block--stats .flex div {background-color:#ffffff20; border-radius:4px; padding:1rem 0; margin-bottom:0}

@media (max-width:991px){
.s-block--stats .flex > div {width:48%}
}

/* ====== PRODUCTS ====== */
.fixed-products {display: flex; flex-direction: column}
.fixed-products > .home-block-title {order:1;margin-bottom: 1rem;}
.fixed-products > .flex.items-center.gap-8.mt-5{order:2; margin: 0 auto 2rem;}
.fixed-products > salla-products-list {order:3}

/* ====== MAP ====== */
.s-block--map .mx-auto.max-w-7xl {padding:0} 
.s-block--map__element {border-radius:0}
.s-block--map__element div.relative {display:none !important}

/* ====== FOOTER ====== */
.store-footer__inner .container .mt-4 img.w-20.max-h-full.mx-auto {background-color:#fff; padding:4px}

/* ====== CATEGORY PAGE ====== */
.products-index .container.mt-6 {margin-top:0}
.products-index .container.mt-6 .swiper-wrapper {gap:10px}
.products-index .container.mt-6 .swiper-wrapper a .mx-auto.bg-primary.rounded-full {display:none}
.products-index .container.mt-6 .swiper-wrapper a span.text-sm.mt-2.text-store-text-primary {
    margin-top: 0;
    line-height: 2.5;
    background-color: #555;
    color: #eee;
    padding: 0;
    width: 100%;
    font-size:13px;
}

@media (max-width:768px){
.products-index .container.mt-6 .swiper-wrapper .swiper-slide {width:30% !important}
}


/* ====== RECIPES PAGE ====== */
.content--single-page:has(.recipes) {width:95%; padding: 0}
.recipes > .grid {grid-template-columns: repeat(4, 1fr); gap:1rem}
.recipes > .grid > .grid {background: #ffffff40;grid-template-columns: repeat(2, 1fr);align-items: center;justify-content: center;height: fit-content;width: fit-content;}
.recipes img {margin:0 !important; max-height: 95px;}
.recipes > .grid > .grid .flex {padding: 0 10px}
.recipes > .grid > .grid .flex {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.recipes > .grid > .grid .flex h5 {font-size: 1rem}
.recipes > .grid > .grid .flex a {font-size: .8rem;border-bottom: 1px solid #00000020;}

@media (max-width:768px){
.recipes img {max-height: unset}
.recipes > .grid {grid-template-columns: repeat(2, 1fr);}
.recipes > .grid > .grid {display: flex; flex-direction: column; align-items: flex-start;}
.recipes > .grid > .grid .flex {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;padding: 10px 10px 15px;justify-content: flex-start;}
.recipes > .grid > .grid .flex a {font-size: .9rem}
}