/* Add custom CSS styles below */ 
.form-input {
    color: black;
}

div#free-shipping {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        background: #1E1E1E;
        color: white;
    }
}


.wa-s-n {
    bottom: 15% !important;
}

.s-add-product-button-mini-checkout-content {
    color: white;
}

.s-button-text {
    display: flex;
}

.content.content--single-page.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12 {
    background-color: #1E1E1E;
    color: white !important;
}

salla-cart-summary {
    min-width: auto;
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a {
        font-size: .75rem;
    }
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
    display: none;
}

/* category page */

.product-index .mb-4.sm\:mb-6.flex.justify-between.items-center {
    background: #1E1E1E;
    padding: 1rem;
    border-radius: 1rem;
    color: white;
}

.product-index select#product-filter {
    background: #1E1E1E;
    border-color: #F9CC49;
  color:#fff;
}

/* reviews inside category page */

.s-reviews-header {
    width: 100%;
    text-align: center;
    -webkit-text-stroke: 6px #fff;
    paint-order: stroke fill;
    transform: rotate(349deg);
    font-size: 2.125rem;
    padding: 1rem 0;
    text-align: center;
}

.product-index .s-reviews-container .swiper-slide-active .s-reviews-testimonial {
    background-color: #1E1E1E;
    border-radius: 1rem;
    color: white;
}

.product-index .s-reviews-testimonial__icon svg {
    fill: #F9CC49;
}


/* product page */

/* name */
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    color: white;
    margin-bottom:.5rem!important;
}

.s-rating-stars-reviews {
    color: #fff !important;
}

/* promotion title */
.promotion-title {
    left: 0 !important;
    right: unset;
    border-radius: 999px;
    background-color: #C53E35;
    padding: .25rem .5rem !important;
}

/* promotion title - product card */
.s-product-card-promotion-title {
    top: 0px !important;
    left: 10px !important;
    right: unset !important;
    background-color: rgb(255 212 208 / 0.875) !important;
    font-size: .675rem !important;
    border-radius: 999px;
    padding: .175rem .45rem !important;
    color: #C53E35 !important;
}

/* rating - product card */
.s-product-card-rating {
    display: none !important;
}

/* price */
p.font-bold.text-xl.inline-block {
    color: white;
}

.center-between label b {
    color: white !important;
}

/* desc */
article.article--main.pb-1 {
    color: white !important;
}

/* form */
.s-product-options-wrapper, section.bg-white.p-5.rounded-md.mb-5 {
    background-color: #1E1E1E;
    border-radius: 1rem;
    margin-bottom: 12px!important;
}

label.form-label.font-bold {
    color: white;
}

input.s-quantity-input-input {
    border: none !important;
    background: #1E1E1E;
    color: white;
}

.s-comments-product {
    background-color: #1E1E1E !important;
    margin: 12px;
    border-radius: 1rem;
}

#tabbyPromoWrapper{
  background-color: transparent!important;
  margin: 12px 0!important;
}


.s-product-options-option-label {
    color: white;
}

.s-product-options-option-label small {
    display: none;
}

salla-button.\!p-0.text-sm.with-arrow.s-button-wrap button {
    color: white !important;
}

b.form-label.rtl\:space-x-reverse.space-x-1 {
    margin-bottom: 0;
    color: white !important;
}

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    display: none;
}

.flex.rtl\:space-x-reverse.space-x-3 {
    display: none;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
    box-shadow: none !important;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    box-shadow: none !important;
}
img.object-cover.w-full.h-full.bg-gray-100.rounded-md.overflow-hidden {
    background: transparent;
}

/* add to cart - desktop */
@media(min-width:768px){
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
        border-radius: 1rem;
  } 
}

section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background-color: #1E1E1E;
}

/* mini-links */

.categories-title {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}

.categories-title h2 {
    -webkit-text-stroke: 6px #fff;
    paint-order: stroke fill;
    transform: rotate(349deg);
    font-size: 2.125rem;
    padding: 0;
    text-align: center;
}

.s-block--categories #main-links-2 .s-slider-container {
  padding: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.s-block--categories #main-links-2 .s-slider-container::-webkit-scrollbar {
  display: none;
}

.slide--cat-entry {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-height: none;
  border-radius: 1rem !important;
  background-color: #1E1E1E;
  border: none;
  padding: 0;
  height: auto !important;
}

.slide--cat-entry img.cat-image {
  width: 48px;
  height: 48px;
  display: block;
  margin: 8px;
  object-fit: contain;
}


.slide--cat-entry h2 {
  -webkit-text-stroke: 4px #fff;
  paint-order: stroke fill;
  transform: rotate(349deg);
  font-size: 1.125rem;
  padding: .8rem .5rem;
  margin: 0;
}

.slide--cat-entry i {
  margin-bottom: 0 !important;
}

.s-block--categories #main-links-2 .s-slider-swiper-wrapper {
  display: inline-grid !important;
  grid-template-rows: repeat(1, auto);
  grid-auto-flow: column;
  grid-auto-columns: 160px;
  gap: 10px;
  padding: 2px 2px 8px;
  width: max-content !important;
  transform: none !important;
  transition: none !important;
  will-change: auto;
  overflow: visible !important;
}



.s-block--categories #main-links-2 .s-slider-swiper-wrapper > * {
  scroll-snap-align: start;
}

.s-block--categories #main-links-2 .slide--one-sixth {
  width: auto !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .s-block--categories #main-links-2 .s-slider-swiper-wrapper {
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: 190px;
    gap: 8px;
  }

  .slide--cat-entry img.cat-image {
    width: 55px;
    height: 55px;
  }
}


/* categories titles */
.s-block__title h2, .s-slider-block__title h2 {
    -webkit-text-stroke: 6px #fff;
    paint-order: stroke fill;
    transform: rotate(349deg);
    font-size: 2.125rem;
    padding: 0;
}

.s-slider-block__title-right {
    width: 100%;
    text-align: center;
    padding: 0;
    padding-top: 14px;
}


body {
    background-color: #0D0D0D !important;
}

#mainnav.fixed-pinned {
    background-color: white !important;
}

.s-user-menu-trigger {
    padding: 0 !important;
    background-color: transparent !important;
}

button.s-user-menu-login-btn {
    border: none !important;
}

@media(max-width:768px){
.prod-img-gif {
    display: flex!important;
}
}

.prod-img-gif {
    display: none;
}

#mainnav {
    position: absolute !important;
    z-index: 99;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
    transition: none;
}

nav.breadcrumbs.w-full.py-5 {
    opacity: 0;
    margin-top: 3rem;
}

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

salla-slider.photos-slider .swiper-slide {
    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-image {
background-color: transparent !important;
}


.mm-spn li a {
    flex-direction: column;
    border-radius: .8rem;
    color: #000;
    background: #c6c6c6;
}

.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;
}


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;
    box-shadow: none !important;
}


/* 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: #27d045; color: #fff; border-radius: 99px; 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: 64px; height: 64px; 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 { z-index:-1; position: absolute; left: 50px; bottom: 25px; background: #111; color: #fff; padding: 8px 16px; font-size: 12px;font-weight: bold; line-height: 1; border-radius: 0; border-top-right-radius: 20px;border-bottom-right-radius: 20px; 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 */

.store-footer {
    background-color: #231F20!important;
}

.store-footer__inner {
    background-color: #231F20!important;
}

/* 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;
}


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

salla-slider.details-slider .swiper-slide{
  box-shadow: none !important;
}


/* 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;
}

.s-button-btn {
    border-radius: 999px;
}

.s-slider-v-centered .s-slider-block__title-nav {
    display: none !important;
}


/* Footer */

@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.s-social-link a {
    border: none !important;
}
.s-social-link a svg {
    height: 1.5rem;
    width: 1.5rem;
}

.s-contacts-icon svg {
    height: 1.5rem;
    width: 1.5rem;
}

.s-contacts-icon {
    border: none !important;
}

.copyright-text p {
    color: white !important;
}

.store-footer__inner {
    background-color: #000000;
    border-bottom: none;
}

.s-block__title {
    justify-content: center;
    margin-right: 10px;
    margin-left: 10px;
}

.s-slider-block__title{margin-bottom:2rem;}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important;
}

salla-slider.photos-slider .swiper {
    padding-bottom: 0 !important;
}

.pt-5.flex.flex-col.items-start.lg\:flex-row.pb-6.lg\:pb-20 {
    justify-content: center;
}


salla-cart-summary {
    min-height: auto;
}


.s-product-card-entry {
    background: #1E1E1E;
    padding-top: 0.75rem;
    border-radius: 1.5rem;
}


salla-add-product-button[width=wide] .s-button-text span {
    display: none;
}

salla-add-product-button[width=wide] .s-button-wide {
    background: #F9CC49;
  color:#000;
}

.s-product-card-content-footer{
  justify-content: flex-end;
}

.s-product-card-content-sub-footer {
    display: flex;
}

.s-product-card-content-title a {
    color: white !important;
}

.s-product-card-price, .s-product-card-starting-price h4 {
    color: white !important;
}

.s-product-card-content-sub{
  margin-bottom: 0!important;
  
}

@media (min-width: 1024px) {
.cjs-hero-static__image-wrap {
    width: min(980px, 60vw);
}
}


/* side-float-pattern.css */
html, body { overflow-x: hidden; }

.cjs-side-pattern {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 180px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.cjs-side-pattern--left { left: 0; }
.cjs-side-pattern--right { right: 0; }

.cjs-side-pattern__item {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  opacity: 0.95;
  transform-origin: 50% 50%;
  will-change: transform;
  animation-name: cjsFloaty;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes cjsFloaty {
  0%, 100% { transform: translate3d(var(--cjs-x, 0px), 0px, 0) scale(var(--cjs-s, 0.9)) rotate(var(--cjs-r, 0deg)); }
  50% { transform: translate3d(var(--cjs-x, 0px), var(--cjs-y, -14px), 0) scale(var(--cjs-s, 0.9)) rotate(var(--cjs-r, 0deg)); }
}

.app-inner {
  position: relative;
  z-index: 1;
}


/* Cart page edits */
.shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {
    background: #1E1E1E;
    border-radius: 1rem;
    color: white;
}

h1.text-gray-900.leading-6.text-lg {
    color: white;
}

p.text-primary.flex-none.font-bold.text-sm.rtl\:md\:pl-12.ltr\:md\:pr-12 {
    color: white;
}

.form-input {
    border-radius: 1.5rem;
}

.mt-2\.5.relative {
    background: transparent;
}

salla-button#cart-submit button, salla-button#coupon-btn button {
    background: #F9CC49;
    color: black;
  border:none;
}

span.text-gray-500 {
    color: white;
}

img.flex-none.w-24.h-20.border.border-gray-200.bg-gray-100.rounded-md.object-center.object-cover {
    background: transparent;
    border: none;
    object-fit: contain;
}

.border-t.border-b.border-gray-200.py-3.md\:p-0.md\:border-none.mt-5.md\:mt-0.flex.gap-8.justify-between.items-center.md\:items-start {
    border: none;
    margin: 0;
}

.border-t.border-gray-200.border-b.py-5.mb-5 {
    margin: 0;
    border: none;
    padding: 0;
    padding-bottom: 1rem;
}

/* Reviews - Product Page */

.s-comments-title {
    margin-top: 1.5rem !important;
  margin-bottom: 2rem !important;
    -webkit-text-stroke: 6px #fff;
    paint-order: stroke fill;
    font-size: 2.125rem;
    padding: 0;
    text-align: center;
}

.s-reviews-summary-header-section {
    justify-content: center;
}

.s-reviews-summary-count {
    text-align: center;
}

.s-reviews-summary-average {
    color: #fff !important;
}

.s-reviews-summary-recommendation-percentage {
    color: #fff !important;
}

.s-reviews-summary-count {
    color: #fff !important;
}

.s-reviews-summary-percentage {
    color: #fff !important;
}

.s-comments-item-user-info-name-with-margin {
    color: #fff !important;
}

.s-comments-item-timestamp, .s-comments-item-time, .s-comments-item-has-order-check-text, .s-comments-item-rated-widget, .s-comments-item-content, .s-comments-count-label {
    color: #fff !important;
}

.s-comments-item-time {
    display: none !important;
}

.s-rating-stars-large svg {
    fill: #F9CC49;
}

salla-button.s-comments-item-like-btn.s-button-wrap button {
    border-color: #F9CC49 !important;
    color: #F9CC49 !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; gap: 16px; }
#mainnav .cjs-left, 
#mainnav .cjs-center, 
#mainnav .cjs-right { display: flex; align-items: center; gap: 12px; min-width: 0; }
#mainnav .cjs-center { flex: 0 1 auto; justify-content: center; }
#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; display: inline-block; }

#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; min-width: 0; }
#mainnav .cjs-menu-holder custom-main-menu,
#mainnav .cjs-menu-holder nav { display: flex;
    align-content: center; }

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

#mainnav.cjs-unscrolled { background: transparent !important; box-shadow: none !important; }
#mainnav.cjs-unscrolled .header-btn svg { fill: #fff !important; }
#mainnav.cjs-unscrolled .header-btn svg path { fill: #fff !important; stroke: #fff !important; }
#mainnav.cjs-unscrolled .cjs-search-btn svg path { stroke: #fff !important; }
#mainnav.cjs-unscrolled salla-cart-summary svg[slot="icon"] { fill: #fff !important; }
#mainnav.cjs-unscrolled salla-cart-summary svg[slot="icon"] path { fill: #fff !important; stroke: #fff !important; }
#mainnav.cjs-unscrolled .navbar-brand img { filter: brightness(0) invert(1) brightness(1.15) !important; }

#mainnav.cjs-scrolled .navbar-brand img { filter: none !important; }

@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; }
}

@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; }
  #mainnav a.mburger { display: none !important; }

  #mainnav custom-main-menu { display: flex; align-items: center; min-width: 0; }
  #mainnav custom-main-menu nav#mobile-menu { display: block !important; }

  #mainnav custom-main-menu nav#mobile-menu ul.main-menu { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    align-items: center !important; 
    margin: 0 !important; 
    list-style: none !important;
    min-width: 0 !important;
  }

  #mainnav custom-main-menu nav#mobile-menu ul.main-menu > li { margin: 0 !important; padding: 0 !important; }

  #mainnav custom-main-menu nav#mobile-menu ul.main-menu > li.lg\:hidden { display: none !important; }
  #mainnav custom-main-menu nav#mobile-menu ul.main-menu > li.lg\:!block { display: block !important; }

  #mainnav custom-main-menu nav#mobile-menu ul.main-menu > li.lg\:!block > a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  #mainnav custom-main-menu nav#mobile-menu ul.main-menu > li.lg\:!block > a span {
    display: inline-block !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1024px) {
  #mainnav.cjs-unscrolled custom-main-menu nav#mobile-menu ul.main-menu > li[data-menu-item] > a,
  #mainnav.cjs-unscrolled custom-main-menu nav#mobile-menu ul.main-menu > li[data-menu-item] > a * {
    color: #fff !important;
    --tw-text-opacity: 1 !important;
  }

  #mainnav.cjs-unscrolled custom-main-menu nav#mobile-menu ul.main-menu > li[data-menu-item] > a:hover,
  #mainnav.cjs-unscrolled custom-main-menu nav#mobile-menu ul.main-menu > li[data-menu-item] > a:focus {
    color: #fff !important;
  }
}


#mainnav.cjs-unscrolled .header-btn:not(.cjs-search-btn) svg { fill: #fff !important; }
#mainnav.cjs-unscrolled .header-btn:not(.cjs-search-btn) svg path { fill: #fff !important; stroke: #fff !important; }

#mainnav.cjs-unscrolled .cjs-search-btn svg { fill: none !important; }
#mainnav.cjs-unscrolled .cjs-search-btn svg path { fill: none !important; stroke: #fff !important; }

#mainnav.cjs-unscrolled a.mburger,
#mainnav.cjs-unscrolled a.mburger i,
#mainnav.cjs-unscrolled a.mburger .sicon-menu {
  color: #fff !important;
}

#mainnav.cjs-unscrolled a.mburger i.sicon-menu {
  color: #fff !important;
}