/* Add custom CSS styles below */ 

body{
background-color:#fff!important;
}

salla-slider.photos-slider .swiper-slide {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

salla-slider.photos-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}

salla-slider.photos-slider .swiper-slide a img {
    border-radius: 0 !important;
}


section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}

.header-btn:hover {
    opacity: 1 !important;
}

.header-btn__icon.icon {
    margin: 0 !important;
}

.header-btn__icon {
    border-radius: 0 !important;
    border: 0 !important;
}


p.s-cart-summary-content {
    display: none;
}

salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin: 0 !important;
}

.top-navbar {
    display: none;
}

.loader-init {
display:none;
}

.s-product-card-entry , .s-product-card-vertical .s-product-card-image{
    border-radius: 0 !important;
}


.s-product-card-image {
background-color: transparent !important;
}

.s-product-card-image img {
  transition: transform 0.4s ease-in-out;
}

.s-product-card-image img:hover {
  transform: scale(1.2);
}


.s-button-btn{
border-radius:0!important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button{
    border-radius: 0 !important;
}

.s-slider-nav-arrow{
border-radius:0!important
}


/* CrazyJS Header Layout (ES5 + vanilla) */
#mainnav { position: relative; }
#mainnav .cjs-bar {flex-direction:row-reverse; display: flex; align-items: center; justify-content: space-between; height: 84px; }
#mainnav .cjs-left, 
#mainnav .cjs-center, 
#mainnav .cjs-right { display: flex; align-items: center; gap: 12px; }
#mainnav .cjs-center { flex: 0 1 auto; }
#mainnav .cjs-left, 
#mainnav .cjs-right { flex: 1 1 0; }
#mainnav .cjs-left {flex-direction: row-reverse; justify-content: flex-start; }
#mainnav .cjs-right { justify-content: flex-start; }
#mainnav .cjs-divider { width: 1px; height: 28px; background: rgba(0,0,0,.08); margin: 0 6px; }

#mainnav .cjs-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9999px; background: transparent; border: 0; padding: 0; cursor: pointer; }
#mainnav .cjs-btn:focus-visible { outline: 2px solid #111; outline-offset: 2px; }

#mainnav .cjs-search-btn svg { width: 24px; height: 24px; }
#mainnav .cjs-search-btn .header-btn__icon { display: none !important; }

#mainnav .cjs-center .navbar-brand img { max-height: 56px; height: auto; width: auto; }

#mainnav .cjs-menu-holder { display: flex; align-items: center; gap: 8px; }
#mainnav .cjs-menu-holder custom-main-menu,
#mainnav .cjs-menu-holder nav { display: block; }

/* Keep Salla cart summary neat */
#mainnav .s-cart-summary-wrapper { display: flex; align-items: center; gap: 8px; text-decoration: none; }

span.s-cart-summary-count {
    display: none;
}

/* Mobile defaults */
@media (max-width: 1023px) {
  #mainnav .cjs-left { order: 1; }
  #mainnav .cjs-center { order: 2; }
  #mainnav .cjs-right { order: 3; }
  #mainnav .cjs-menu-holder custom-main-menu { display: none; }
  #mainnav .cjs-search-btn { display: inline-flex; }
  .s-user-menu-trigger-content{display:none}
  .s-user-menu-trigger-icon{display:none}
}

/* Desktop: Cart-Account | Logo | Menu */
@media (min-width: 1024px) {
  #mainnav .cjs-left { order: 1; justify-content: flex-start; }
  #mainnav .cjs-center { order: 2; justify-content: center; }
  #mainnav .cjs-right { order: 3; justify-content: flex-start; }
  #mainnav .cjs-menu-holder custom-main-menu { display: block; }
  #mainnav .cjs-search-btn { display: none; }
}

.slide--cat-entry {
    flex-direction: row;
    justify-content: space-around;
    max-height: min-content;
    border-radius: 0 !important
}

.slide--cat-entry img {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.mm-spn li a {
    flex-direction: column;
    border: 1px solid #efefef;
}

.mm-spn li {
    padding: 1rem;
}

.mm-spn li:after {
border:none!important;
}

.mm-spn ul.main-menu li:before{
display:none!important;
}

.mm-spn.mm-spn--navbar ul:before {
    border: none;
}

.mm-spn li img {
width: 7rem;
height: 7rem;
background-color:transparent!important;
    border-radius: 0 !important;
}


salla-slider.details-slider .s-slider-container, salla-slider.details-slider .swiper-slide {
    background-color: transparent !important;
    border: none !important;
}


a.swiper-slide.magnify-wrapper.homeslider__slide.swiper-slide-active {
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    box-shadow: none !important;
}


salla-slider.details-slider {
    max-width: 25rem;
    margin: auto;
}



/* CrazyJS – WhatsApp Corner Button (sharp + elegant) */
.cjs-wa-wrap { position: fixed; left: 18px; bottom: 8rem; z-index: 1; }
.cjs-wa-btn { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: #25D366; color: #fff; border: 1px solid #17b654; border-radius: 0; box-shadow: 0 8px 20px rgba(17, 17, 17, 0.12); text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.cjs-wa-btn svg { width: 26px; height: 26px; fill: currentColor; }
.cjs-wa-btn:focus-visible { outline: 2px solid #0a7c3a; outline-offset: 3px; }
.cjs-wa-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(17,17,17,.16); }
.cjs-wa-btn:active { transform: translateY(0); box-shadow: 0 8px 20px rgba(17,17,17,.12); }

/* Entrance + subtle attention */
.cjs-wa-wrap { opacity: 0; transform: translateY(10px); animation: cjs-wa-in .5s ease forwards, cjs-wa-attn 6s ease 2s infinite; }
@keyframes cjs-wa-in { to { opacity: 1; transform: translateY(0); } }
@keyframes cjs-wa-attn { 0%,100% { transform: translateY(0); } 45% { transform: translateY(-1.5px); } 55% { transform: translateY(-1.5px); } }

/* Optional small label (hidden by default; enable if needed) */
.cjs-wa-label { position: absolute; left: 64px; bottom: 0; background: #111; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 1; border-radius: 0; opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; white-space: nowrap; }
.cjs-wa-wrap:hover .cjs-wa-label { opacity: 1; transform: translateY(0); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .cjs-wa-wrap { animation: none; transform: none; opacity: 1; }
  .cjs-wa-btn { transition: none; }
}

/* Don’t print */
@media print { .cjs-wa-wrap { display: none !important; } }


/* Footer */

.footer-is-light .store-footer{
background:white!important;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: white;
    border-top: 1px solid black;
    border-bottom:none!important;
    width: 80%;
    margin: auto;
}

img.footer-logo {
    max-width: 200px;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20.cjs-footer-logo {
    padding: 0;
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: white;
}


/* Product Page */
.product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 {
    padding: 0 !important;
    padding-top: .5rem !important;
}

salla-slider.details-slider salla-button.btn--wishlist{
display:none;
}

/* Cart/User SVG sizing + alignment */
#s-cart-icon svg,
button.header-btn[aria-label="user-icon"] > svg {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}