/* Add custom CSS styles below */ 
.rtl .english-content {
  display: none !important;
}

.ltr .arabic-content {
  display: none !important;
}

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

.ronaq-store-footer .s-payments-list-item {
    border: 0 !important;
}

.s-payments-list-item {
    background-color: #f2f2f2 !important;
}









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

}









/* UPDATES 09/02/2026 */

/* div.s-advertisement {
  background-color: #2d2d2d !important;
} */

div#mainnav {
  background-color: #111111 !important;
}

div#mainnav img[alt*="logo"] {
  filter: grayscale(1.0) contrast(1.5) !important;
  mix-blend-mode: screen !important;
}

div#mainnav nav > ul > li > a,
div#mainnav i {
  color: #ffffff !important;
}

div#mainnav nav > ul > li > a {
  font-family: "Dangrek",var(--font-main) , sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

div#mainnav button.btn--rounded-gray {
  border-color: #2d2d2d !important;
}

section.ronaq-slider-simple {
  max-width: unset !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}

section.ronaq-slider-simple button {
  background-color: #111111 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)) !important;
  height: 60px !important;
  opacity: 0.6 !important;
  width: 60px !important;
}

section.ronaq-slider-simple button:hover {
  opacity: 1.0 !important;
}

section.ronaq-slider-simple button:nth-child(1) {
  padding-right: 3px !important;
}

section.ronaq-slider-simple button:nth-child(2) {
  padding-left: 3px !important;
}

section.ronaq-slider-simple svg {
  fill: #ffffff !important;
  height: 40px !important;
  width: 40px !important;
}

section.ronaq-slider-simple img {
  border-radius: 0 !important;
}

section.ronaq-slider-simple span.swiper-pagination-bullet {
  background-color: #111111 !important;
  border-radius: 8px !important;
  filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)) !important;
  height: 16px !important;
  margin: 0 8px !important;
  width: 16px !important;
}

section.ronaq-slider-simple span.swiper-pagination-bullet-active {
  border: 2px solid #ffffff !important;
  outline: 1px solid #111111 !important;
}

section.ronaq-categories {
  padding: 2.0rem 0 !important;
}

div.ronaq-categories-title,
span.border-\[var\(--color-primary\)\],
section.ronaq-categories div.text {
  display: none !important;
}

section.ronaq-categories button {
  margin: 0 58px !important;
}

section.ronaq-categories div.ronaq-categories-slide,
section.ronaq-categories div.bg-cover {
  aspect-ratio: 341 / 512 !important;
  height: auto !important;
  max-height: unset !important;
  max-width: unset !important;
  margin: 0 !important;
  width: calc(1280px / 4) !important;
}

section.ronaq-categories div.bg-cover {
  background-color: #111111 !important;
  border-radius: 0px !important;
  transform: scale(0.9) !important;
}

section.ronaq-categories div.group:hover div.bg-cover {
  transform: scale(1.0) !important;
}

section.ronaq-categories a[href*="animation"] div.bg-cover,
section.ronaq-categories a[href*="الرسوم-المتحركة"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/GyQ6Ns291TJossZHSdMfFNbTkWGEwRZbENRDeNlz.png") !important;
}

section.ronaq-categories div.group:hover a[href*="animation"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="الرسوم-المتحركة"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/Gqk35G7sJkofiTNon411uh08FOwPQGgJtCQXM6o0.png") !important;
}

section.ronaq-categories a[href*="anime"] div.bg-cover,
section.ronaq-categories a[href*="أنمي"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/qaZAdDEP7leCSLBMVPcuY4QQoiWVSmIU5PpwDAKx.png") !important;
}

section.ronaq-categories div.group:hover a[href*="anime"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="أنمي"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/90zXFJ5rndJswsNlqgfwlbVzwg5kZlvQ6HwerUT5.png") !important;
}

section.ronaq-categories a[href*="cinema"] div.bg-cover,
section.ronaq-categories a[href*="سينما"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/18Cne3e5kWzKTx1KvplxWgVTZ69bLKAvXKtwMqSn.png") !important;
}

section.ronaq-categories div.group:hover a[href*="cinema"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="سينما"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/LKmEmGAkx7RIdnLy35lBbAHlwxFDXJLdsxIFnaP7.png") !important;
}

section.ronaq-categories a[href*="music"] div.bg-cover,
section.ronaq-categories a[href*="موسيقى"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/qsmdZyDv00DoDmXKkAcZFeFB4Ak0GfLSfcA14kr4.png") !important;
}

section.ronaq-categories div.group:hover a[href*="music"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="موسيقى"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/4yAFFjNiiVJLctRIBTfzOQn2FlKHo3y2DipTcGS8.png") !important;
}

section.ronaq-categories a[href*="sports"] div.bg-cover,
section.ronaq-categories a[href*="الرياضة"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/DSqgCrbo1wQXHlVTRALm4VLGRNiBd8tnapGtajSr.png") !important;
}

section.ronaq-categories div.group:hover a[href*="sports"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="الرياضة"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/cjeVhOEb8hAyZCa2AuUs7v4HNXPqyrYsLdYOVsuP.png") !important;
}

section.ronaq-categories a[href*="video-games"] div.bg-cover,
section.ronaq-categories a[href*="ألعاب-الفيديو"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/JpMUCw2laKds4MzY2z5RNp90IQIREimfFaQtaSbI.png") !important;
}

section.ronaq-categories div.group:hover a[href*="video-games"] div.bg-cover,
section.ronaq-categories div.group:hover a[href*="ألعاب-الفيديو"] div.bg-cover {
  background-image: url("https://cdn.salla.sa/OyeXd/brands/MndwfyKSLXpTrn89eG24OhPKsuEryJs7FFbiiuGp.png") !important;
}

section#featured-products-style2-4 {
  margin-top: 0 !important;
}

section.s-block--brand {
  /* NayefToys banner moved to About Us page (2026-10-31) */
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-bottom: none !important;
  padding: 2.5rem 0 !important;
  margin-bottom: 0 !important;
}

section.s-block--brand ul.slide_brand__content {
  animation-duration: 120s !important;
}

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

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

@keyframes scroll-ltr {
  0% { transform: translateX(-0%); }
  100% { transform: translateX(calc(-100% + 100vw)); }
}

@keyframes scroll-rtl {
  0% { transform: translateX(+0%); }
  100% { transform: translateX(calc(+100% - 100vw)); }
}

li.s-payments-list-item {
  background-color: transparent !important;
}

@media (min-width: 768px) {

  section.ronaq-slider-simple div.swiper-slide {
    overflow: hidden;
  }

  section.ronaq-slider-simple img:first-child {
    margin: auto !important;
    width: 1280px !important;
    z-index: +1 !important;
  }

  section.ronaq-slider-simple img:last-child {
    display: block !important;
    filter: blur(20px);
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: scale(2.0) !important;
    z-index: -1 !important;
  }

}

@media (max-width: 1279px) {

  section.ronaq-categories div.ronaq-categories-slide,
  section.ronaq-categories div.bg-cover {
    width: calc(100vw / 3) !important;
  }

  section.ronaq-categories button {
    margin: 0 4.5vw !important;
  }

}

@media (max-width: 676px) {

  section.ronaq-slider-simple div.s-slider-block__title-nav {
    display: none !important;
  }

  section.ronaq-categories div.ronaq-categories-slide,
  section.ronaq-categories div.bg-cover {
    width: calc(100vw - 1.5rem) !important;
  }

  section.ronaq-categories button {
    margin: 0 5.5vw !important;
  }

}









/* UPDATES 06/05/2026 */

div#mainnav div.grid {
  min-height: 95px !important;
}

section#best-offers-2-slider {
  margin-bottom: 3rem !important;
}

html[lang="en"] section.hero-block,
html[lang="en"] section.hero-block div.container {
  background-position: right center !important;
}

html[lang="ar"] section.hero-block,
html[lang="ar"] section.hero-block div.container {
  background-position: left center !important;
}

section.hero-block,
section.hero-block div.container {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

section.hero-block div.backdrop {
  backdrop-filter: blur(20px) !important;
}

section.hero-block div.container {
  min-height: 400px !important;
  padding: 4rem !important;
}

section.hero-block h2,
section.hero-block p {
  color: #ffffff !important;
}

section.hero-block h2 {
  font-size: 72px !important;
  letter-spacing: -0.2rem !important;
  line-height: 0.8 !important;
}

section.hero-block p,
section.hero-block a {
  font-size: 24px !important;
  max-width: 480px !important;
}

section.hero-block p {
  font-weight: unset !important;
  margin: 2rem 0 !important;
}

section.hero-block a {
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.0) !important;
  color: #000000 !important;
  display: inline-block !important;
  padding: 1rem 2rem !important;
  transition: box-shadow 0.25s ease-in-out !important;
}

section.hero-block a:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) !important;
}

@media (max-width: 1024px) {

  html[lang="en"] section.hero-block {
    background-position: right bottom !important;
  }

  html[lang="ar"] section.hero-block {
    background-position: left bottom !important;
  }

  section.hero-block {
    background-size: auto !important;
  }

  section.hero-block div.backdrop {
    margin-bottom: 400px !important;
  }

  section.hero-block div.container {
    background-color: #111111 !important;
    background-image: none !important;
    min-height: auto !important;
  }

}

@media (min-width: 1025px) {

  section.hero-block + section.hero-block {
    width: 50vw !important;
  }

  section.hero-block + section.hero-block + section.hero-block {
    align-self: flex-end !important;
    margin-top: -400px !important;
  }

}

html[lang="en"] section#bitty-pop,
html[lang="en"] section#bitty-pop div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/4a0aabf4-a39e-4c9d-846e-6b2a3702dd10-original.webp");
}

html[lang="en"] section#marvel,
html[lang="en"] section#marvel div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/7ec0f79d-1b91-4b11-8481-4cd9727dc068-original.webp");
}

html[lang="en"] section#theory-eleven,
html[lang="en"] section#theory-eleven div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/bf790d40-93fe-4bc2-9e5f-8e61d6463f2d-original.webp");
}

html[lang="en"] section#sanrio,
html[lang="en"] section#sanrio div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/d79d23d7-8771-4eb1-b55d-3409ad4c6a79-original.webp");
}

html[lang="ar"] section#bitty-pop,
html[lang="ar"] section#bitty-pop div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/2f149651-ed7d-4116-9595-9eefe47b0c8f-original.webp");
}

html[lang="ar"] section#marvel,
html[lang="ar"] section#marvel div.container {
  background-image: url("https://cdn.files.salla.network/other/1523775562/9783adca-172d-4987-8093-37a33e49d1f7-original.webp");
}

html[lang="ar"] section#theory-eleven,
html[lang="ar"] section#theory-eleven div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/342c3cb3-ea1b-4260-afb7-dfa74a0b381b-original.webp");
}

html[lang="ar"] section#sanrio,
html[lang="ar"] section#sanrio div.container {
  background-image: url("https://cdn.files.salla.network/brands/1523775562/6119f622-7932-45e4-af19-c2442908ba6e-original.webp");
}

div.ronaq-single-product,
div.ronaq-single-product div.ronaq-sidebar {
  padding-bottom: 0 !important;
}

div.ronaq-single-product nav.breadcrumbs li {
  color: #aaaaaa !important;
}

div.ronaq-single-product nav.breadcrumbs svg {
  fill: #aaaaaa !important;
}

div.ronaq-single-product img.object-cover {
  background-color: #ffffff !important;
  object-fit: contain !important;
  padding: 1rem !important;
}

div.ronaq-single-product salla-rating-stars {
  display: none !important;
}

html[lang="en"] span.badge-quality {
  float: right !important;
}

html[lang="ar"] span.badge-quality {
  float: left !important;
}

span.badge-quality {
  align-items: center !important;
  color: var(--color-primary) !important;
  display: flex !important;
  gap: 8px !important;
  text-transform: uppercase !important;
}

span.badge-quality i {
  font-size: 36px !important;
}

div.ronaq-single-product h1 {
  font-size: 24px !important;
  line-height: 24px !important;
}

div.ronaq-single-product h1::first-line {
  font-size: 36px !important;
  line-height: 40px !important;
}

div.badge-rating {
  align-items: center !important;
  color: var(--color-primary) !important;
  display: flex !important;
  gap: 2px !important;
  margin-top: 1rem !important;
}

div.badge-rating svg {
  display: inline-block !important;
  fill: #fbbf24 !important;
  height: 24px !important;
}

div.badge-rating span {
  margin: 0 0.5rem !important;
}

div.badge-rating + div {
  border: none !important;
}

div.ronaq-single-product h2.total-price {
  color: #2bbf8a !important;
  font-size: 36px !important;
  letter-spacing: -1px !important;
}

form.product-form section:not(section.sticky-product-bar) {
  display: none !important;
}

form.product-form section.sticky-product-bar {
  margin: 0 !important;
}

form.product-form div.sticky-product-bar__quantity,
form.product-form div.s-quantity-input-container {
  width: 100% !important;
}

form.product-form input.s-quantity-input-input {
  width: calc(100% - 2.75rem - 2.75rem) !important;
}

form.product-form + div {
  display: none !important;
}

div.ronaq-single-product div.product__description {
  border: none !important;
  margin: 2rem 0 !important;
  padding: 0 !important;
}

div.ronaq-single-product div.product__description i {
  color: #2bbf8a !important;
}

div.badge-features {
  align-items: center !important;
  background-color: #eef6f2 !important;
  border-radius: 12px !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  padding: 24px !important;
}

div.badge-features > div {
  align-items: center !important;
  display: flex !important;
  flex: 1 !important;
  gap: 16px !important;
}

div.badge-features i {
  color: #2bbf8a !important;
  flex-shrink: 0 !important;
  font-size: 24px !important;
}

div.badge-features span {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

div.badge-features small {
  color: rgba(0, 0, 0, 0.5) !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

@media (max-width: 1280px) {
  div.badge-features {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  div.badge-features > div {
    border: none !important;
    padding: 0 !important;
  }
}

/* NayefToys: Salla reviews hidden on product pages; shown only on the store reviews page - 2026-10-31 */
body:not(.testimonials) salla-comments {
  display: none !important;
}
/* footer reviews strip: homepage only */
body:not(.index) #nt-footer-reviews {
  display: none !important;
}

salla-products-slider salla-slider {
  padding: 2rem !important;
}

salla-products-slider h2 {
  font-family: "Dangrek", var(--font-main), sans-serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  letter-spacing: -1px !important;
  padding-left: 2rem !important;
}
/* Fix hero banner collapse after Ronaq update (10/10/2026) */
@media (min-width: 768px) {
  section.ronaq-slider-simple picture > img:last-child {
    position: static !important;
    filter: none !important;
    transform: none !important;
    z-index: auto !important;
    height: auto !important;
  }
}

/* NayefToys: stop the mobile homepage jumping while sliders load (CLS) - 2026-10-31 */
/* before the hero slider script runs, show only the first slide */
.ronaq-slider-simple salla-slider:not(.hydrated) > div > *:not(:first-child) {
  display: none !important;
}
@media (max-width: 767px) {
  /* reserve the space the hero banner and category cards end up taking */
  .ronaq-slider-simple { min-height: 36.5vw; }
  .ronaq-categories { min-height: calc(150vw + 20px); }
}

/* NayefToys: show the whole Marvel / Sanrio banner image on phones instead of a cropped corner - 2026-10-31 */
@media (max-width: 1024px) {
  section.hero-block {
    background-size: 100% auto !important;
    background-position: center bottom !important;
  }
  section.hero-block div.backdrop {
    margin-bottom: 31.25vw !important; /* image is 1280x400 */
  }
}
/* NayefToys: Marvel + Sanrio stacked full-width above the license strip - 2026-10-31 */
@media (min-width: 1025px) {
  section#marvel + section#sanrio {
    width: auto !important;
    margin-top: 0 !important;
    align-self: auto !important;
  }
}

/* NayefToys: smaller one-line promo badge on product cards (mobile) - 2026-10-31 */
@media (max-width: 767px) {
  .s-product-card-promotion-title {
    font-size: 10px !important;
    line-height: 1.2 !important;
    padding: 4px 8px !important;
    top: 8px !important;
    white-space: nowrap !important;
    max-width: calc(100% - 16px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}