/* Add custom CSS styles below */ 
.s-product-card-image {
  background-color: #fff;
}

.ronaq-slider-simple.w-full {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.ronaq-slider-simple.w-full {
  width: 90%;
  margin: auto;
}

.s-slider-nav-arrow {
  height: 1.3rem;
  width: 1.3rem;
}

.s-slider-nav-arrow svg {
  width: 14px;
}

.retailers-dimensions {
  width: 100%;
}

@media (min-width: 768px) {
  .ronaq-slider-simple.w-full {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .ronaq-slider-simple.w-full {
    width: 80%;
    margin: auto;
  }

  .ronaq-slider-simple.w-full .swiper-slide.w-full img {
    border-radius: 20px;
  }

  .s-slider-nav-arrow {
    height: 2.5rem;
    width: 2.5rem;
  }

  .s-slider-nav-arrow svg {
    width: 22px;
  }
}
.ronaq-slider-simple.w-full .swiper-slide.w-full img {
  border-radius: 8px;
}

.slide_brand__content {
  animation-duration: 120s !important;
}

#page-main-title {
  visibility: hidden;
}

/* #contact-slot:nth-of-type(2) {
  display: none;
} */

/* .ronaq-top-navbar.store-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

#mainnav {
  top: 48px !important;
} */

@media (min-width: 1024px) {
  .lg\:px-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-right: 0;
    padding-left: 0;
  }

  .retailers-dimensions {
    width: 226px;
    height: 100px;
  }
}








/* UPDATES 29/01/2026 */

:root {
  --color-primary: #00BCD4 !important;
}

body::before {
  background-color: #231f20 !important;
}

div.s-advertisement {
  background-color: var(--color-primary) !important;
}

div#mainnav img[alt*="logo"] {
  filter: invert(1) brightness(1.25) !important;
  transition: transform 0.25s ease-in-out !important;
}

div#mainnav:hover img[alt*="logo"] {
  transform: scale(1.1) !important;
}

div#mainnav a {
  text-transform: none !important;
}

div#mainnav button.btn--rounded-gray {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 8px 16px !important;
}

div#mainnav button.btn--rounded-gray:hover {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  transition: all 0.25s ease-in-out !important;
}

div#mainnav a:hover {
  color: var(--color-primary) !important;
}

span.s-cart-summary-count {
  background-color: var(--color-primary) !important;
}

section.ronaq-slider-simple {
  max-width: 1280px !important;
  padding-top: 0 !important;
}

section.ronaq-slider-simple img {
  border-radius: 16px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

section.ronaq-categories {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 2.5rem !important;
  padding-bottom: 5rem !important;
}

@font-face {
  font-family: "Dangrek";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dangrek/v33/LYjCdG30nEgoH8E2sCRgqA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

section h2, h1 {
  color: #000000 !important;
  font-family: "Dangrek", var(--font-main), sans-serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  font-style: normal !important;
  letter-spacing: -1px !important;
  line-height: 40px !important;
}

section h4 {
  color: var(--color-primary) !important;
  font-family: "Dangrek", var(--font-main), sans-serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
}

section.ronaq-categories span.rounded-full,
section.ronaq-categories div.rounded-full {
  border-radius: 16px !important;
}

section.s-block--brand {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 2.5rem !important;
  padding-bottom: 5rem !important;
  max-width: unset !important;
}

section.s-block--brand ul.slide_brand__content {
  animation-name: scroll !important;
  animation-duration: 60s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate !important;
}

@keyframes scroll-fix {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(-0%); }
}

html:not(html[dir="rtl"]) section.s-block--brand ul.slide_brand__content {
  animation-name: scroll-fix !important;
}

salla-products-slider div.s-slider-container {
  padding: 24px 0 !important;
}

salla-products-slider div.s-slider-block__title button + button {
  margin-left: 8px !important;
}

custom-salla-product-card {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  box-sizing: border-box !important;
  margin: 0 8px !important;
  padding: 24px 24px 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

custom-salla-product-card div.s-product-card-content {
  padding: 24px 0 0 !important;
}

custom-salla-product-card h3 {
  color: #000000 !important;
  font-family: "Dangrek", var(--font-main), sans-serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  font-style: normal !important;
  line-height: 30px !important;
}

custom-salla-product-card h3 a {
  letter-spacing: 0 !important;
}

custom-salla-product-card salla-button {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  display: block !important;
  margin-top: 24px !important;
  padding: 8px 16px !important;
  transition: background-color 0.25s ease-in-out !important;
}

custom-salla-product-card salla-button:hover {
  background-color: var(--color-primary) !important;
}

custom-salla-product-card salla-button:hover button {
  opacity: 1.0 !important;
}

custom-salla-product-card salla-button span {
  color: rgba(0, 0, 0, 0.2) !important;
  transition: color 0.25s ease-in-out !important;
}

custom-salla-product-card salla-button:hover span {
  color: #ffffff !important;
}

custom-salla-product-card salla-button button {
  border: none !important;
}

section#featured-products-style2-4 {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin-top: 3.5rem !important;
  padding-top: 4rem !important;
}

section#featured-products-style2-5 {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-top: 4rem !important;
}

a[href*="https://wa.me/"] button {
  background-color: #1daa61 !important;
}

div.scroll-top {
  height: 3.5rem !important;
  width: 3.5rem !important;
}

footer.ronaq-store-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) !important;
}

footer.ronaq-store-footer h3 {
  color: #000000 !important;
  font-family: "Dangrek", var(--font-main), sans-serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  font-style: normal !important;
  letter-spacing: -1px !important;
  line-height: 30px !important;
  text-transform: none !important;
}

footer.ronaq-store-footer img[alt*="NayefToys"] {
  filter: invert(1) brightness(1.25) !important;
}

footer.ronaq-store-footer svg,
footer.ronaq-store-footer svg:hover {
  fill: var(--color-primary) !important;
}

@media (min-width: 767px) {

  footer > div:first-child > div:first-child {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(1) * {
    text-align: left !important;
  }

  html[dir="rtl"] footer > div:first-child > div:first-child > div:nth-child(1) * {
    text-align: right !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(2) {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: none !important;
    order: 999 !important;
  }

  html[dir="rtl"] footer > div:first-child > div:first-child > div:nth-child(2) {
    border-left: none !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    order: 999 !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(2) a {
    margin: 0 auto 24px !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(2) ul {
    margin-top: 24px !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(3) h3 {
    text-align: left !important;
  }

  html[dir="rtl"] footer > div:first-child > div:first-child > div:nth-child(3) h3 {
    text-align: right !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(3) a {
    justify-content: flex-start !important;
  }

  footer > div:last-child > div:nth-child(1) {
    order: 999 !important;
  }

  footer.ronaq-store-footer span.copyright-text {
    line-height: 14px !important;
    text-align: left !important;
  }

  html[dir="rtl"] footer.ronaq-store-footer span.copyright-text {
    text-align: right !important;
  }

  footer.ronaq-store-footer span.copyright-text a {
    color: var(--color-primary) !important;
    display: block !important;
    opacity: 1.0 !important;
    text-decoration: underline !important;
  }

}

@media (max-width: 676px) {

  /*
  div#mainnav button.btn--rounded-gray, div#mainnav i.sicon-search, div#mainnav button[aria-label="user-icon"] {
    display: none !important;
  }
  */

  footer > div:first-child > div:first-child > div {
    margin-bottom: 4rem !important;
  }

  footer > div:first-child > div:first-child > div:nth-child(3) a {
    justify-content: center !important;
  }

}