/* Add custom CSS styles below */ 
.navbar-brand img {
    max-height: 6rem;
}
.s-menu-topnav-list {
    display: none;
}
@media (min-width: 480px) {
    .navbar-brand img {
        max-width: 196px;
    }
}
section.s-block.s-block--fixed-banner .container {
    max-width: 97%;
}
.copyright-text p {
    color: #fff;
}
/* WhatsApp Floating Button */
.ruwa-whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 58px;
    height: 58px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    text-decoration: none !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.20);
    animation: ruwaWhatsappPulse 2s infinite;
}

.ruwa-whatsapp svg {
    width: 31px;
    height: 31px;
    fill: #fff;
}

@keyframes ruwaWhatsappPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 5px 20px rgba(37,211,102,.25);
    }

    50% {
        transform: scale(1.08);
        box-shadow: 0 5px 25px rgba(37,211,102,.50);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 5px 20px rgba(37,211,102,.25);
    }
}

.ruwa-whatsapp:hover {
    transform: scale(1.12);
}
.s-block__title {
    justify-content: center;
}

.right-side {
    padding: 10px 0 !important;
    border-bottom: 2px double #84668f;
}
/* Mobile */
@media (max-width: 768px) {
    .ruwa-whatsapp {
        width: 54px;
        height: 54px;
        right: 15px;
        bottom: 15px;
    }

    .ruwa-whatsapp svg {
        width: 29px;
        height: 29px;
    }
}
@media (min-width: 768px) {
    .square-photos-grid--equal-3 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
      
    }
}
@media (max-width: 768px) {
.square-photos-grid.square-photos-grid--equal-3.grid.grid-flow-row.gap-3.sm\:gap-8 {
          grid-template-columns: repeat(3, minmax(0, 1fr));

}
}

.s-product-card-vertical {
    border: 1px solid #d9d5d5;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #411959;
    color: #fff;
}


footer.store-footer {
    background-color: #7c5c91 !important;
}

.store-footer__inner {
    background-color:#7c5c91 !important;
    color: #fff;
}
section:first-of-type{
    margin-top:0px;
}