/* الطرب السعيد — CSS منظف مع الحفاظ على جميع القواعد الحالية */

:root {
  --tarab-bg: #0b1724;
  --tarab-navy: #08121d;
  --tarab-card: rgba(255, 255, 255, 0.045);
  --tarab-teal: #0a6e78;
  --tarab-teal-dark: #08545c;
  --tarab-teal-light: #52b6bf;
  --tarab-gold: #d4af37;
  --tarab-white: #ffffff;
  --tarab-silver: #bfc5cc;
  --tarab-muted: #9aa5af;
  --tarab-border: rgba(255, 255, 255, 0.09);
}html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}*,
*::before,
*::after {
  box-sizing: border-box;
}body,
body.index,
#app,
main {
  background-color: var(--tarab-bg) !important;
}a {
  transition: color 0.22s ease, opacity 0.22s ease;
}a:hover {
  color: var(--tarab-teal-light);
}header,
.site-header,
.main-header,
.navbar,
.top-navbar,
.header-wrapper,
.store-header {
  background: rgba(8, 18, 29, 0.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--tarab-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
}header a,
.site-header a,
.main-header a,
.navbar a,
.store-header a,
header button,
.store-header button {
  color: var(--tarab-white) !important;
}header a:hover,
.site-header a:hover,
.main-header a:hover,
.navbar a:hover,
.store-header a:hover {
  color: var(--tarab-teal-light) !important;
}.dropdown-menu,
.sub-menu,
.main-menu .sub-menu,
.navbar-menu,
.s-menu-dropdown {
  background: rgba(8, 18, 29, 0.98) !important;
  border: 1px solid var(--tarab-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.38) !important;
}.dropdown-menu a,
.sub-menu a,
.main-menu .sub-menu a,
.navbar-menu a,
.s-menu-dropdown a {
  color: var(--tarab-white) !important;
  border-radius: 8px !important;
}.dropdown-menu a:hover,
.sub-menu a:hover,
.main-menu .sub-menu a:hover,
.navbar-menu a:hover,
.s-menu-dropdown a:hover {
  color: var(--tarab-white) !important;
  background: rgba(10, 110, 120, 0.24) !important;
}.product-card,
.s-product-card-entry,
.s-product-card,
.product-entry,
.card.product,
.products-list .product {
  background: var(--tarab-card) !important;
  border: 1px solid var(--tarab-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}@media (hover: hover) {
  .product-card:hover,
  .s-product-card-entry:hover,
  .s-product-card:hover,
  .product-entry:hover,
  .card.product:hover,
  .products-list .product:hover {
    transform: translateY(-5px) scale(1.015) !important;
    border-color: rgba(82, 182, 191, 0.45) !important;
    box-shadow:
      0 16px 35px rgba(0, 0, 0, 0.38),
      0 0 22px rgba(10, 110, 120, 0.14) !important;
  }

  .product-card:hover img,
  .s-product-card:hover img,
  .s-product-card-entry:hover img,
  .product-entry:hover img {
    transform: scale(1.035) !important;
  }
}.product-card img,
.s-product-card img,
.s-product-card-entry img,
.product-entry img {
  transition: transform 0.4s ease !important;
}.product-title,
.product-name,
.entry-title,
.s-product-card-content-title,
.s-product-card-entry h3,
.product-entry__title {
  color: var(--tarab-white) !important;
}.price,
.product-price,
.sale-price,
.s-product-card-price,
.s-product-card-sale-price,
.product-entry__price,
.money,
.product-formatted-price,
salla-money {
  color: var(--tarab-white) !important;
  font-weight: 700 !important;
}.old-price,
.regular-price,
.s-product-card-regular-price,
.product-entry__old-price,
del,
s {
  color: var(--tarab-muted) !important;
  opacity: 0.82 !important;
}salla-add-product-button .s-button-btn,
.s-product-card-entry .s-button-btn,
.s-product-card .s-button-btn,
.add-to-cart,
.product-add,
button.add-to-cart,
a.add-to-cart,
.btn-primary,
a.btn-primary,
button.btn-primary {
  background: linear-gradient(
    135deg,
    var(--tarab-teal),
    var(--tarab-teal-dark)
  ) !important;
  color: var(--tarab-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 18px rgba(10, 110, 120, 0.28) !important;
  opacity: 1 !important;
  filter: none !important;
}salla-add-product-button .s-button-btn *,
.s-product-card-entry .s-button-btn *,
.s-product-card .s-button-btn *,
.add-to-cart *,
.product-add *,
.btn-primary * {
  color: var(--tarab-white) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}input,
textarea,
select {
  max-width: 100%;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--tarab-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}input::placeholder,
textarea::placeholder {
  color: rgba(191, 197, 204, 0.72) !important;
}input[type="search"],
.search-input,
.s-search-input,
.header-search input,
.search-bar input {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--tarab-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
}input[type="search"]:focus,
.search-input:focus,
.s-search-input:focus,
.header-search input:focus,
.search-bar input:focus {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: var(--tarab-teal) !important;
  box-shadow: 0 0 0 3px rgba(10, 110, 120, 0.18) !important;
  outline: none !important;
}.store-footer,
footer.store-footer,
footer {
  background:
    radial-gradient(
      circle at 80% 0%,
      rgba(10, 110, 120, 0.12),
      transparent 30%
    ),
    var(--tarab-navy) !important;
  border-top: 1px solid rgba(82, 182, 191, 0.16) !important;
  box-shadow: 0 -16px 45px rgba(0, 0, 0, 0.2) !important;
}.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6 {
  color: var(--tarab-white) !important;
}.store-footer p,
.store-footer li,
.store-footer span,
.store-footer small,
.store-footer label,
.store-footer a {
  color: var(--tarab-silver) !important;
}.store-footer a:hover {
  color: var(--tarab-teal-light) !important;
}.store-footer .tarab-trust-moved,
.store-footer salla-trust-badges.s-trust-badges-wrapper.tarab-trust-moved {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
}.store-footer .tarab-trust-moved img,
.store-footer .tarab-trust-moved a img {
  width: auto !important;
  max-width: 92px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}.sense-main-content,
.product-single {
  background-color: var(--tarab-bg) !important;
}.sense-main-content h1,
.sense-main-content h2,
.sense-main-content h3,
.sense-main-content h4,
.product-single h1,
.product-single h2,
.product-single h3,
.product-single h4 {
  color: var(--tarab-white) !important;
  opacity: 1 !important;
}.sense-main-content p,
.sense-main-content li,
.sense-main-content dt,
.sense-main-content dd,
.product-single p,
.product-single li,
.product-single dt,
.product-single dd,
.product__description,
.product__description *,
.content-entry,
.content-entry * {
  color: #e7edf2 !important;
  opacity: 1 !important;
}.text-gray-400,
.text-gray-500,
.text-gray-600,
.text-slate-400,
.text-slate-500,
.text-muted,
.breadcrumbs,
.breadcrumbs *,
.product-meta,
.product-meta * {
  color: #bfc9d2 !important;
  opacity: 1 !important;
}h2.text-\[var\(--color-price-single-product\)\],
.text-\[var\(--color-price-single-product\)\],
h2.text-\[var\(--color-price-single-product\)\] *,
.text-\[var\(--color-price-single-product\)\] * {
  color: var(--tarab-gold) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 14px rgba(212, 175, 55, 0.16) !important;
}.sense-main-content a[href*="/category/"],
.sense-main-content a[href*="/brands/"],
.sense-main-content .product-tags a,
.sense-main-content .product-meta a,
.product-single a[href*="/category/"],
.product-single a[href*="/brands/"],
.product-single .product-tags a,
.product-single .product-meta a {
  color: #d8e7e9 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}.product__description.tarab-description-moved {
  width: 100% !important;
  margin: 14px 0 18px !important;
  padding: 15px 17px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(82, 182, 191, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.14) !important;
}form.product-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px !important;
  margin-top: 14px !important;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.022)
  ) !important;
  border: 1px solid rgba(82, 182, 191, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
}form.product-form > * {
  min-width: 0 !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}form.product-form label,
form.product-form .text-gray-400,
form.product-form .text-gray-500,
form.product-form .text-gray-600 {
  color: #dbe4ea !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}form.product-form .bg-white,
form.product-form [class~="bg-white"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}form.product-form .product-options,
form.product-form .product-option,
form.product-form [class*="product-option"],
form.product-form [class*="option-wrapper"] {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  color: #e7edf2 !important;
  border: none !important;
  box-shadow: none !important;
}form.product-form salla-quantity-input,
form.product-form .quantity-input {
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}form.product-form salla-add-product-button,
form.product-form salla-add-product-button button,
form.product-form button[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0a6e78, #13808c) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 25px rgba(10, 110, 120, 0.25) !important;
}form.product-form salla-add-product-button button *,
form.product-form button[type="submit"] * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}form.product-form [class*="buy-now"],
form.product-form .btn--buy-now,
form.product-form [class*="buy-now"] * {
  color: #ffffff !important;
}salla-installment,
salla-installment *,
.tamara-widget,
.tamara-widget *,
tabby,
tabby *,
[class*="tabby"],
[class*="tabby"] *,
[class*="tamara"],
[class*="tamara"] * {
  color: #111827 !important;
}salla-installment a,
.tamara-widget a,
tabby a,
[class*="tabby"] a,
[class*="tamara"] a {
  color: #1d4ed8 !important;
}.sense-related-products h2,
.sense-related-products h3,
.sense-related-products .s-block__title,
.sense-related-products .s-block-title,
.sense-related-products .s-block-title * {
  color: #ffffff !important;
  opacity: 1 !important;
}@media (max-width: 767px) {
  body,
  #app,
  main,
  .container,
  .sense-main-content,
  .product-single {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  form.product-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  form.product-form > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  .store-footer .tarab-trust-moved,
  .store-footer salla-trust-badges.s-trust-badges-wrapper.tarab-trust-moved {
    justify-content: center !important;
    text-align: center !important;
  }

  
  .sticky-product-bar,
  section.sticky-product-bar {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 10px 12px !important;
    background: #0b1724 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.28) !important;
  }

  .sticky-product-bar > div,
  section.sticky-product-bar > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .sticky-product-bar salla-quantity-input,
  section.sticky-product-bar salla-quantity-input {
    flex-shrink: 0 !important;
    max-width: 112px !important;
  }

  .sticky-product-bar salla-add-product-button,
  .sticky-product-bar salla-add-product-button button,
  section.sticky-product-bar salla-add-product-button,
  section.sticky-product-bar salla-add-product-button button {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
  }
}@media (prefers-reduced-motion: reduce) {
  .product-card,
  .s-product-card-entry,
  .s-product-card,
  .product-entry,
  .card.product,
  .products-list .product,
  salla-add-product-button .s-button-btn,
  .add-to-cart,
  .product-add {
    transition: none !important;
  }
}.s-quantity-input-container button,
.s-quantity-input-container button svg,
.s-quantity-input-container button path,
.s-quantity-input-container button i,
.s-quantity-input-container button span{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
}.s-quantity-input-container input{
    color:#fff !important;
}@media (max-width: 767px) {

  
  .sticky-product-bar > div,
  section.sticky-product-bar > div {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }

  
  .sticky-product-bar salla-quantity-input,
  section.sticky-product-bar salla-quantity-input {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 52px !important;
    flex: 0 0 112px !important;
  }

  .sticky-product-bar .s-quantity-input-container,
  section.sticky-product-bar .s-quantity-input-container {
    width: 100% !important;
    height: 52px !important;
    background: #162432 !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  .sticky-product-bar .s-quantity-input-container button,
  .sticky-product-bar .s-quantity-input-container input,
  section.sticky-product-bar .s-quantity-input-container button,
  section.sticky-product-bar .s-quantity-input-container input {
    height: 50px !important;
    background: transparent !important;
    color: #ffffff !important;
    border: 0 !important;
  }

  .sticky-product-bar .s-quantity-input-container input,
  section.sticky-product-bar .s-quantity-input-container input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

}.s-comment-form-input,
.s-comment-form-input textarea,
textarea.s-comment-form-input {
    color: #1f2937 !important;
}.s-comment-form-input::placeholder,
textarea.s-comment-form-input::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}#s-edit-alert,
#s-edit-alert a {
    display: none !important;
}.s-slider-block__title h2,
.s-slider-block__title h2 a,
.s-slider-block__title {
    color: #ffffff !important;
}.s-block-trust-faq-title {
    color: #ffffff !important;
}form.product-form {
    gap: 16px !important;
}form.product-form .s-product-options-option-label,
form.product-form [class*="product-options-option-label"] {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
}form.product-form .s-product-options-option-label small,
form.product-form [class*="product-options-option-label"] small {
    color: #9fb1bd !important;
    font-size: 12px !important;
}form.product-form .s-product-options-option-content,
form.product-form [class*="product-options-option-content"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}form.product-form .s-product-options-option-content label,
form.product-form [class*="product-options-option-content"] label {
    min-height: 42px !important;
    padding: 9px 15px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.045) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}@media (hover: hover) {
    form.product-form .s-product-options-option-content label:hover,
    form.product-form [class*="product-options-option-content"] label:hover {
        background: rgba(10,110,120,.16) !important;
        border-color: rgba(82,182,191,.55) !important;
        transform: translateY(-1px) !important;
    }
}form.product-form input:checked + label,
form.product-form label:has(input:checked),
form.product-form [aria-checked="true"] {
    background: #0f6b6b !important;
    border-color: #0f6b6b !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(15,107,107,.24) !important;
}form.product-form .s-quantity-input-container {
    background: #162432 !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 11px !important;
    overflow: hidden !important;
}form.product-form .s-quantity-input-container input {
    border-left: 1px solid rgba(255,255,255,.12) !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
}form.product-form salla-add-product-button button,
form.product-form button[type="submit"] {
    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}@media (hover: hover) {
    form.product-form salla-add-product-button button:hover,
    form.product-form button[type="submit"]:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 12px 26px rgba(10,110,120,.32) !important;
    }
}@media (max-width: 767px) {
    form.product-form {
        gap: 14px !important;
    }

    form.product-form .s-product-options-option-content,
    form.product-form [class*="product-options-option-content"] {
        gap: 8px !important;
    }

    form.product-form .s-product-options-option-content label,
    form.product-form [class*="product-options-option-content"] label {
        min-height: 40px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}#tarab-preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 8, 19, 0.94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.55s ease,
    visibility 0.55s ease;
}#tarab-preloader.tarab-preloader-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}.tarab-preloader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 30px;
  text-align: center;
}.tarab-preloader-logo {
  display: block;
  width: auto;
  max-width: min(210px, 58vw);
  max-height: 125px;
  object-fit: contain;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3));
  animation: tarab-logo-breathe 1.6s ease-in-out infinite;
}.tarab-preloader-name {
  color: #ffffff;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.3px;
  animation: tarab-logo-breathe 1.6s ease-in-out infinite;
}.tarab-preloader-line {
  position: relative;
  width: 115px;
  height: 2px;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.12);
}.tarab-preloader-line::after {
  content: "";
  position: absolute;
  top: 0;
  right: -45%;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent,
    #d4af37,
    transparent
  );
  animation: tarab-loading-line 1.15s ease-in-out infinite;
}@keyframes tarab-logo-breathe {
  0%,
  100% {
    opacity: 0.78;
    transform: scale(0.98);
  }

  50% {
    opacity: 1;
    transform: scale(1.025);
  }
}@keyframes tarab-loading-line {
  from {
    right: -45%;
  }

  to {
    right: 100%;
  }
}html.tarab-is-loading,
html.tarab-is-loading body {
  overflow: hidden !important;
}.tarab-shine-effect {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}.tarab-shine-effect::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: -35%;
  bottom: -35%;
  left: -65%;
  width: 32%;
  pointer-events: none;
  opacity: 0;
  transform: skewX(-22deg);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.04),
    rgba(255, 255, 255, 0.28),
    rgba(255, 255, 255, 0.05),
    transparent
  );
}.tarab-hero-shine::after {
  animation: tarab-auto-shine 6.5s ease-in-out infinite;
}@keyframes tarab-auto-shine {
  0%,
  68% {
    left: -65%;
    opacity: 0;
  }

  72% {
    opacity: 0.85;
  }

  88% {
    left: 135%;
    opacity: 0.65;
  }

  100% {
    left: 135%;
    opacity: 0;
  }
}.tarab-hero-shine {
  border-radius: inherit;
  transform: translateZ(0);
}.tarab-hero-shine img {
  width: 100%;
  transition:
    transform 1.1s ease,
    filter 1.1s ease !important;
}@media (hover: hover) {
  .tarab-hero-shine:hover img {
    transform: scale(1.012) !important;
    filter: brightness(1.035) contrast(1.015) !important;
  }
}.tarab-category-shine {
  border-radius: inherit;
  transform: translateZ(0);
  transition:
    transform 0.32s ease,
    box-shadow 0.32s ease !important;
}.tarab-category-shine img {
  transition:
    transform 0.45s ease,
    filter 0.45s ease !important;
}@media (hover: hover) {
  .tarab-category-shine:hover {
    transform: translateY(-4px) !important;
    box-shadow:
      0 15px 30px rgba(0, 0, 0, 0.25),
      0 0 20px rgba(10, 110, 120, 0.12) !important;
  }

  .tarab-category-shine:hover img {
    transform: scale(1.035) !important;
    filter: brightness(1.04) contrast(1.025) !important;
  }

  .tarab-category-shine:hover::after {
    animation: tarab-hover-shine 0.85s ease forwards;
  }
}@keyframes tarab-hover-shine {
  from {
    left: -65%;
    opacity: 0;
  }

  20% {
    opacity: 0.9;
  }

  to {
    left: 135%;
    opacity: 0;
  }
}@media (hover: none) {
  .tarab-category-shine::after {
    animation: tarab-mobile-category-shine 8s ease-in-out infinite;
  }

  @keyframes tarab-mobile-category-shine {
    0%,
    78% {
      left: -65%;
      opacity: 0;
    }

    82% {
      opacity: 0.55;
    }

    94% {
      left: 135%;
      opacity: 0.35;
    }

    100% {
      left: 135%;
      opacity: 0;
    }
  }
}img.tarab-image-reveal {
  opacity: 0;
  filter: blur(7px);
  transform: scale(1.015);
  transition:
    opacity 0.65s ease,
    filter 0.75s ease,
    transform 0.75s ease !important;
}img.tarab-image-reveal.tarab-image-visible {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}@media (max-width: 767px) {
  .tarab-preloader-logo {
    max-width: 175px;
    max-height: 105px;
  }

  .tarab-preloader-name {
    font-size: 21px;
  }

  .tarab-preloader-line {
    width: 95px;
  }

  .tarab-hero-shine::after {
    animation-duration: 7.5s;
  }
}@media (prefers-reduced-motion: reduce) {
  .tarab-preloader-logo,
  .tarab-preloader-line::after,
  .tarab-hero-shine::after,
  .tarab-category-shine::after {
    animation: none !important;
  }

  img.tarab-image-reveal {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}.tarab-preloader-notes {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}.tarab-preloader-note {
  position: absolute;
  color: #d4af37;
  opacity: 0;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.22));
  animation: tarab-note-float 2.8s ease-in-out infinite;
}.tarab-preloader-note:nth-child(1) {
  top: 24%;
  left: 20%;
  font-size: 22px;
  animation-delay: 0s;
}.tarab-preloader-note:nth-child(2) {
  top: 30%;
  right: 20%;
  font-size: 28px;
  animation-delay: 0.45s;
}.tarab-preloader-note:nth-child(3) {
  bottom: 24%;
  left: 26%;
  font-size: 25px;
  animation-delay: 0.9s;
}.tarab-preloader-note:nth-child(4) {
  bottom: 28%;
  right: 24%;
  font-size: 20px;
  animation-delay: 1.3s;
}@keyframes tarab-note-float {
  0%,
  100% {
    opacity: 0;
    transform: translateY(12px) rotate(-6deg) scale(0.9);
  }

  35%,
  70% {
    opacity: 0.65;
  }

  55% {
    opacity: 0.95;
    transform: translateY(-8px) rotate(5deg) scale(1.04);
  }
}@media (max-width: 767px) {
  .tarab-preloader-note:nth-child(1) {
    left: 12%;
  }

  .tarab-preloader-note:nth-child(2) {
    right: 12%;
  }

  .tarab-preloader-note:nth-child(3) {
    left: 16%;
  }

  .tarab-preloader-note:nth-child(4) {
    right: 15%;
  }
}.tarab-preloader-inner {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate;
}.tarab-preloader-inner::before,
.tarab-preloader-inner::after {
  position: absolute;
  z-index: 10;
  display: block;
  white-space: pre;
  pointer-events: none;
  color: #d4af37;
  opacity: 0;
  line-height: 1.8;
  text-align: center;
  filter:
    drop-shadow(0 0 7px rgba(212, 175, 55, 0.32))
    drop-shadow(0 0 15px rgba(212, 175, 55, 0.14));
  animation: tarab-four-notes-float 2.8s ease-in-out infinite;
}.tarab-preloader-inner::before {
  content: "♪\A ♫";
  top: 5px;
  left: 2px;
  font-size: 22px;
  transform-origin: center;
}.tarab-preloader-inner::after {
  content: "♬\A ♩";
  top: 10px;
  right: 2px;
  font-size: 23px;
  animation-delay: 0.65s;
  transform-origin: center;
}@keyframes tarab-four-notes-float {
  0%,
  100% {
    opacity: 0;
    transform: translateY(10px) rotate(-5deg) scale(0.9);
  }

  30% {
    opacity: 0.65;
  }

  55% {
    opacity: 1;
    transform: translateY(-7px) rotate(4deg) scale(1.06);
  }

  78% {
    opacity: 0.75;
  }
}.tarab-preloader-logo {
  animation:
    tarab-logo-intro 0.55s ease-out both,
    tarab-logo-breathe 1.6s ease-in-out 0.55s infinite !important;
}.tarab-preloader-name {
  animation:
    tarab-logo-intro 0.55s ease-out both,
    tarab-logo-breathe 1.6s ease-in-out 0.55s infinite !important;
}@keyframes tarab-logo-intro {
  from {
    opacity: 0;
    transform: scale(0.94);
    filter: blur(3px);
  }

  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}@media (max-width: 767px) {
  .tarab-preloader-inner::before {
    top: 12px;
    left: 8px;
    font-size: 18px;
    line-height: 2;
  }

  .tarab-preloader-inner::after {
    top: 16px;
    right: 8px;
    font-size: 19px;
    line-height: 2;
  }
}@media (prefers-reduced-motion: reduce) {
  .tarab-preloader-inner::before,
  .tarab-preloader-inner::after,
  .tarab-preloader-logo,
  .tarab-preloader-name {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}.tarab-hero-shine {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transform: translateZ(0);
}.tarab-hero-shine::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    110deg,
    rgba(0, 8, 19, 0.12),
    transparent 38%,
    transparent 70%,
    rgba(10, 110, 120, 0.08)
  );
}.tarab-hero-shine::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -45%;
  bottom: -45%;
  left: -55%;
  width: 24%;
  pointer-events: none;
  opacity: 0;
  transform: skewX(-22deg);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.025),
    rgba(255, 255, 255, 0.22),
    rgba(212, 175, 55, 0.16),
    rgba(255, 255, 255, 0.05),
    transparent
  );
  filter: blur(1px);
  animation: tarab-premium-banner-shine 6.8s ease-in-out infinite !important;
}@keyframes tarab-premium-banner-shine {
  0%,
  67% {
    left: -55%;
    opacity: 0;
  }

  71% {
    opacity: 0.75;
  }

  88% {
    left: 135%;
    opacity: 0.55;
  }

  100% {
    left: 135%;
    opacity: 0;
  }
}.tarab-hero-shine img {
  width: 100%;
  transform: scale(1);
  transition:
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
    filter 1.2s ease !important;
}@media (hover: hover) {
  .tarab-hero-shine:hover img {
    transform: scale(1.018) !important;
    filter: brightness(1.04) contrast(1.02) !important;
  }
}@media (max-width: 767px) {
  .tarab-hero-shine::after {
    width: 30%;
    animation-duration: 7.8s !important;
  }

  .tarab-hero-shine img {
    transition-duration: 0.8s !important;
  }
}@media (prefers-reduced-motion: reduce) {
  .tarab-hero-shine::after {
    animation: none !important;
    display: none !important;
  }

  .tarab-hero-shine img {
    transform: none !important;
    transition: none !important;
  }
}.s-product-card-entry,
.s-product-card,
.product-card,
.product-entry {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.025)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 17px !important;

  box-shadow:
    0 9px 26px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  transform: translateZ(0);

  transition:
    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.38s ease,
    box-shadow 0.38s ease,
    background 0.38s ease !important;
}.s-product-card-entry::before,
.s-product-card::before,
.product-card::before,
.product-entry::before {
  content: "";
  position: absolute;
  z-index: 6;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.42),
    rgba(82, 182, 191, 0.32),
    transparent
  );

  opacity: 0.45;
  transition: opacity 0.35s ease;
}.s-product-card-entry::after,
.s-product-card::after,
.product-card::after,
.product-entry::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: -40%;
  bottom: -40%;
  left: -60%;
  width: 24%;
  pointer-events: none;
  opacity: 0;
  transform: skewX(-22deg);

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.025),
    rgba(255, 255, 255, 0.16),
    rgba(82, 182, 191, 0.08),
    transparent
  );
}.s-product-card-entry img,
.s-product-card img,
.product-card img,
.product-entry img {
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.5s ease !important;
}.s-product-card-entry .s-button-btn,
.s-product-card .s-button-btn,
.product-card .s-button-btn,
.product-entry .s-button-btn,
.s-product-card-entry salla-add-product-button button,
.s-product-card salla-add-product-button button {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease !important;
}@media (hover: hover) {
  .s-product-card-entry:hover,
  .s-product-card:hover,
  .product-card:hover,
  .product-entry:hover {
    transform: translateY(-6px) scale(1.012) !important;

    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.09),
        rgba(10, 110, 120, 0.045)
      ) !important;

    border-color: rgba(82, 182, 191, 0.4) !important;

    box-shadow:
      0 19px 40px rgba(0, 0, 0, 0.37),
      0 0 25px rgba(10, 110, 120, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
  }

  .s-product-card-entry:hover::before,
  .s-product-card:hover::before,
  .product-card:hover::before,
  .product-entry:hover::before {
    opacity: 0.85;
  }

  .s-product-card-entry:hover::after,
  .s-product-card:hover::after,
  .product-card:hover::after,
  .product-entry:hover::after {
    animation: tarab-product-card-shine 0.95s ease forwards;
  }

  .s-product-card-entry:hover img,
  .s-product-card:hover img,
  .product-card:hover img,
  .product-entry:hover img {
    transform: scale(1.028) !important;
    filter: brightness(1.035) contrast(1.015) !important;
  }

  .s-product-card-entry:hover .s-button-btn,
  .s-product-card:hover .s-button-btn,
  .product-card:hover .s-button-btn,
  .product-entry:hover .s-button-btn,
  .s-product-card-entry:hover salla-add-product-button button,
  .s-product-card:hover salla-add-product-button button {
    transform: translateY(-1px) !important;

    box-shadow:
      0 10px 24px rgba(10, 110, 120, 0.4),
      0 0 15px rgba(82, 182, 191, 0.13) !important;

    filter: brightness(1.05);
  }
}@keyframes tarab-product-card-shine {
  from {
    left: -60%;
    opacity: 0;
  }

  18% {
    opacity: 0.75;
  }

  to {
    left: 140%;
    opacity: 0;
  }
}@media (max-width: 767px) {
  .s-product-card-entry,
  .s-product-card,
  .product-card,
  .product-entry {
    border-radius: 15px !important;

    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.23),
      inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  }
}@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry,
  .s-product-card,
  .product-card,
  .product-entry,
  .s-product-card-entry img,
  .s-product-card img,
  .product-card img,
  .product-entry img {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }

  .s-product-card-entry::after,
  .s-product-card::after,
  .product-card::after,
  .product-entry::after {
    display: none !important;
  }
}.s-product-card-price,
.s-product-card-sale-price,
.product-price,
.sale-price,
.money,
salla-money {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
}.s-product-card-price::after,
.s-product-card-sale-price::after,
.product-price::after,
.sale-price::after,
.money::after,
salla-money::after {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -70%;
  width: 28%;
  pointer-events: none;
  opacity: 0;
  transform: skewX(-22deg);

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.15),
    rgba(255,255,255,.85),
    rgba(212,175,55,.45),
    transparent
  );
}@media (hover:hover){

  .s-product-card-entry:hover .s-product-card-price::after,
  .s-product-card-entry:hover .s-product-card-sale-price::after,
  .s-product-card:hover .s-product-card-price::after,
  .s-product-card:hover .s-product-card-sale-price::after,
  .product-card:hover .product-price::after,
  .product-card:hover .sale-price::after,
  .product-entry:hover .product-price::after,
  .product-entry:hover .sale-price::after{
      animation:tarabPriceShine .75s ease forwards;
  }

}@keyframes tarabPriceShine{

  from{
      left:-70%;
      opacity:0;
  }

  18%{
      opacity:1;
  }

  to{
      left:145%;
      opacity:0;
  }

}body:has(.cart-item) main .bg-white,
body:has(.cart-item) main [class~="bg-white"],
body:has(.cart-item) .cart-item,
body:has(.cart-item) .cart-summary,
body:has(.cart-item) .cart-sidebar,
body:has(.cart-item) .cart-shipping,
body:has(.cart-item) .cart-gift,
body:has(.cart-item) .cart-coupon {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.022)
    ) !important;

  color: #ffffff !important;
  border: 1px solid rgba(82, 182, 191, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
}body:has(.cart-item) main h1,
body:has(.cart-item) main h2,
body:has(.cart-item) main h3,
body:has(.cart-item) main h4,
body:has(.cart-item) main strong,
body:has(.cart-item) main label {
  color: #ffffff !important;
  opacity: 1 !important;
}body:has(.cart-item) main p,
body:has(.cart-item) main span,
body:has(.cart-item) main small {
  color: #c7d1d9;
}body:has(.cart-item) .cart-item a,
body:has(.cart-item) .cart-item h3,
body:has(.cart-item) .cart-item h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
}body:has(.cart-item) main .price,
body:has(.cart-item) main .money,
body:has(.cart-item) main salla-money,
body:has(.cart-item) main [class*="total"] {
  color: #d4af37 !important;
  font-weight: 800 !important;
}body:has(.cart-item) main a:not(.btn):not(.s-button-btn),
body:has(.cart-item) main [class*="subtotal"] {
  color: #52b6bf !important;
}body:has(.cart-item) main .s-quantity-input-container {
  background: #162432 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 11px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}body:has(.cart-item) main .s-quantity-input-container input {
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  opacity: 1 !important;
}body:has(.cart-item) main .s-quantity-input-container button {
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  opacity: 1 !important;
}body:has(.cart-item) main .s-quantity-input-container button *,
body:has(.cart-item) main .s-quantity-input-container button svg,
body:has(.cart-item) main .s-quantity-input-container button path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}body:has(.cart-item) main input,
body:has(.cart-item) main textarea,
body:has(.cart-item) main select {
  background: #162432 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
}body:has(.cart-item) main input::placeholder,
body:has(.cart-item) main textarea::placeholder {
  color: #96a5b1 !important;
  -webkit-text-fill-color: #96a5b1 !important;
  opacity: 1 !important;
}body:has(.cart-item) main input[type="radio"] + label,
body:has(.cart-item) main input[type="checkbox"] + label,
body:has(.cart-item) main [aria-checked] {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
}body:has(.cart-item) main input:checked + label,
body:has(.cart-item) main label:has(input:checked),
body:has(.cart-item) main [aria-checked="true"] {
  background: #0f6b6b !important;
  color: #ffffff !important;
  border-color: #52b6bf !important;
}body:has(.cart-item) main .btn-primary,
body:has(.cart-item) main button[type="submit"],
body:has(.cart-item) main .s-button-btn {
  background: linear-gradient(135deg, #0a6e78, #08545c) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 20px rgba(10, 110, 120, 0.24) !important;
}body:has(.cart-item) main .btn-primary *,
body:has(.cart-item) main button[type="submit"] *,
body:has(.cart-item) main .s-button-btn * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}body:has(.cart-item) main hr,
body:has(.cart-item) main [class*="divide-"] > * + * {
  border-color: rgba(255, 255, 255, 0.1) !important;
}body:has(.cart-item) main button[class*="remove"],
body:has(.cart-item) main [class*="delete"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}@media (max-width: 767px) {
  body:has(.cart-item) main .bg-white,
  body:has(.cart-item) main [class~="bg-white"],
  body:has(.cart-item) .cart-item,
  body:has(.cart-item) .cart-summary,
  body:has(.cart-item) .cart-sidebar {
    border-radius: 14px !important;
  }

  body:has(.cart-item) main .s-quantity-input-container {
    min-width: 105px !important;
  }
}body.cart main .bg-white,
body.cart main [class~="bg-white"] {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.022)
    ) !important;

  color: #ffffff !important;
  border-color: rgba(82, 182, 191, 0.18) !important;
  box-shadow: none !important;
}body.cart main [class*="gift"] {
  color: #ffffff !important;
}body.cart main [class*="gift"] > div,
body.cart main [class*="gift"] > section,
body.cart main [class*="gift"] > form {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.022)
    ) !important;

  color: #ffffff !important;
  border-color: rgba(82, 182, 191, 0.18) !important;
}body.cart main [class*="gift"] h1,
body.cart main [class*="gift"] h2,
body.cart main [class*="gift"] h3,
body.cart main [class*="gift"] h4,
body.cart main [class*="gift"] strong {
  color: #ffffff !important;
}body.cart main [class*="gift"] p,
body.cart main [class*="gift"] span,
body.cart main [class*="gift"] small {
  color: #bfc9d2 !important;
}body.cart main [class*="product-option"],
body.cart main [class*="product_option"],
body.cart main [class*="item-option"],
body.cart main [class*="item_option"],
body.cart main [class*="options-wrapper"] {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}body.cart main [class*="product-option"] > div,
body.cart main [class*="product_option"] > div,
body.cart main [class*="item-option"] > div,
body.cart main [class*="item_option"] > div,
body.cart main [class*="options-wrapper"] > div {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}body.cart main [class*="option"] label,
body.cart main [class*="option"] strong,
body.cart main [class*="option"] p,
body.cart main [class*="option"] span {
  color: #dbe4ea !important;
  opacity: 1 !important;
}body.cart main [class*="option"] button,
body.cart main [class*="option"] label {
  background: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 10px !important;
}body.cart main [class*="option"] button.active,
body.cart main [class*="option"] button[aria-pressed="true"],
body.cart main [class*="option"] [aria-checked="true"],
body.cart main [class*="option"] input:checked + label {
  background: #0f6b6b !important;
  color: #ffffff !important;
  border-color: #52b6bf !important;
}body.cart main select,
body.cart main option {
  background: #162432 !important;
  color: #ffffff !important;
}body.cart main img {
  background: #ffffff;
  border-radius: 7px;
}body.cart salla-gifting .s-list-tile-item{
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.022)
    ) !important;

    border:1px solid rgba(82,182,191,.18) !important;
    border-radius:16px !important;
    color:#ffffff !important;
    box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
}body.cart salla-gifting .s-list-tile-item-title,
body.cart salla-gifting .s-list-tile-item-title *,
body.cart salla-gifting .s-list-tile-item-subtitle,
body.cart salla-gifting .s-list-tile-item-subtitle *{
    color:#ffffff !important;
}body.cart salla-gifting .s-list-tile-item-icon{
    color:#52b6bf !important;
}body.cart salla-gifting .s-list-tile-item-action button,
body.cart salla-gifting .s-list-tile-item-action .btn{
    background:linear-gradient(135deg,#0a6e78,#08545c) !important;
    color:#fff !important;
    border:none !important;
}.product-form salla-gifting .s-gifting-widget,
.product-form salla-gifting .s-list-tile-item {
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.022)
    ) !important;

    border: 1px solid rgba(82,182,191,.18) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}.product-form salla-gifting .s-list-tile-item-title,
.product-form salla-gifting .s-list-tile-item-title *{
    color:#ffffff !important;
}.product-form salla-gifting .s-list-tile-item-subtitle,
.product-form salla-gifting .s-list-tile-item-subtitle *{
    color:#c8d1d8 !important;
}.product-form salla-gifting .s-list-tile-item-icon{
    color:#52b6bf !important;
}.product-form salla-gifting .s-list-tile-item-action button,
.product-form salla-gifting .s-list-tile-item-action .btn{
    background:linear-gradient(135deg,#0a6e78,#08545c) !important;
    color:#ffffff !important;
    border:none !important;
}.main-menu.mm-spn--open{
    background:#0b1724 !important;
}.main-menu.mm-spn--open li{
    background:#0b1724 !important;
    border-bottom:1px solid rgba(255,255,255,.06);
}.main-menu.mm-spn--open a{
    color:#ffffff !important;
}.main-menu.mm-spn--open button{
    color:#ffffff !important;
}.main-menu.mm-spn--open svg,
.main-menu.mm-spn--open path{
    fill:#52b6bf !important;
    stroke:#52b6bf !important;
}.main-menu.mm-spn--open a:hover,
.main-menu.mm-spn--open a:focus{
    background:rgba(82,182,191,.08) !important;
}.mm-spn-navbar{
    background:#0b1724 !important;
    color:#ffffff !important;
    border-bottom:1px solid rgba(255,255,255,.08);
}.mm-spn-navbar button{
    color:#ffffff !important;
}#mobile-menu{
    background:#0b1724 !important;
}#mobile-menu::before,
#mobile-menu::after{
    background:#0b1724 !important;
}#mobile-menu .mm-spn-navbar{
    background:#0b1724 !important;
    color:#ffffff !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}#mobile-menu button,
#mobile-menu .btn-close,
#mobile-menu .close-mobile-menu{
    color:#ffffff !important;
}#mobile-menu button svg,
#mobile-menu button path{
    fill:#ffffff !important;
    stroke:#ffffff !important;
}.s-user-menu-dropdown,
.s-user-menu-dropdown-header,
.s-user-menu-dropdown-list {
    background: #0b1724 !important;
    color: #ffffff !important;
}.s-user-menu-dropdown-item {
    background: #0b1724 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}.s-user-menu-dropdown-item a,
.s-user-menu-dropdown-item button {
    color: #ffffff !important;
}.s-user-menu-dropdown svg,
.s-user-menu-dropdown svg *,
.s-user-menu-dropdown path {
    fill: #52b6bf !important;
    stroke: #52b6bf !important;
}.s-user-menu-dropdown-item:hover,
.s-user-menu-dropdown-item:focus {
    background: rgba(82,182,191,.08) !important;
}salla-user-menu,
.s-user-menu-wrapper,
.s-user-menu-toggler,
.s-user-menu-dropdown {
  position: relative !important;
  z-index: 999999 !important;
}.s-user-menu-dropdown {
  position: absolute !important;
  z-index: 999999 !important;
  background: #0b1724 !important;
  color: #ffffff !important;
  border: 1px solid rgba(82, 182, 191, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42) !important;
  overflow: visible !important;
}.s-user-menu-dropdown-header {
  background: #0b1724 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}.s-user-menu-dropdown-list {
  background: #0b1724 !important;
  color: #ffffff !important;
}.s-user-menu-dropdown-item,
.s-user-menu-dropdown-item a,
.s-user-menu-dropdown-item button {
  background: #0b1724 !important;
  color: #ffffff !important;
}.s-user-menu-dropdown-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}.s-user-menu-dropdown svg,
.s-user-menu-dropdown path,
.s-user-menu-dropdown i {
  color: #52b6bf !important;
  fill: #52b6bf !important;
  stroke: #52b6bf !important;
}.s-user-menu-dropdown-item:hover,
.s-user-menu-dropdown-item:focus,
.s-user-menu-dropdown-item a:hover,
.s-user-menu-dropdown-item button:hover {
  background: rgba(82, 182, 191, 0.08) !important;
  color: #ffffff !important;
}header,
.site-header,
.main-header,
.store-header,
.top-navbar,
.navbar {
  overflow: visible !important;
}.main-slider,
.hero-slider,
.fixed-banner,
.banner-entry,
salla-slider {
  position: relative !important;
  z-index: 1 !important;
}.store-header,
header.store-header,
header,
.site-header,
.main-header,
.top-navbar,
.sense-top-navbar,
.main-nav-container {
  position: relative !important;
  z-index: 999990 !important;
  overflow: visible !important;
  isolation: auto !important;
}.store-header .inner,
.store-header .container,
header .inner,
header .container,
.top-navbar,
.sense-top-navbar,
.main-nav-container {
  overflow: visible !important;
}salla-user-menu,
.s-user-menu-wrapper,
.s-user-menu-toggler {
  position: relative !important;
  z-index: 999995 !important;
  overflow: visible !important;
}.s-user-menu-dropdown {
  position: absolute !important;
  z-index: 999999 !important;
  overflow: visible !important;
}main,
.main-slider,
.hero-slider,
.fixed-banner,
.banner-entry,
salla-slider,
.tarab-hero-shine {
  position: relative !important;
  z-index: 1 !important;
}@media (max-width: 1023px) {
  salla-user-menu,
  .s-user-menu-wrapper,
  .s-user-menu-toggler {
    position: static !important;
    z-index: auto !important;
    overflow: visible !important;
  }

  .s-user-menu-dropdown {
    position: fixed !important;
    z-index: 999999 !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    width: min(400px, 88vw) !important;
    max-width: 88vw !important;
    min-width: 280px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: #0b1724 !important;
  }

  .s-user-menu-dropdown-list {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .s-user-menu-dropdown-item,
  .s-user-menu-dropdown-item a,
  .s-user-menu-dropdown-item button {
    width: 100% !important;
  }
}@media (min-width: 1024px) {
  header.store-header,
  .store-header,
  .site-header,
  .main-header {
    position: relative !important;
    z-index: 99990 !important;
    overflow: visible !important;
  }

  salla-user-menu,
  .s-user-menu-wrapper,
  .s-user-menu-toggler {
    position: relative !important;
    z-index: 99995 !important;
    overflow: visible !important;
  }

  .s-user-menu-dropdown {
    position: absolute !important;
    z-index: 999999 !important;
    width: 240px !important;
    min-width: 240px !important;
    height: auto !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }

  main,
  .main-slider,
  .hero-slider,
  .fixed-banner,
  .banner-entry,
  salla-slider,
  .tarab-hero-shine {
    position: relative !important;
    z-index: 1 !important;
  }
}@media (max-width: 1023px) {

  
  .mm-ocd {
    pointer-events: none !important;
    z-index: 999999 !important;
  }

  
  .mm-ocd.mm-ocd--open {
    position: fixed !important;
    inset: 0 !important;
    pointer-events: auto !important;
    z-index: 999999 !important;
  }

  
  .mm-ocd.mm-ocd--open .mm-ocd__content {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: min(88vw, 420px) !important;
    max-width: 88vw !important;
    height: 100dvh !important;

    z-index: 1000001 !important;
    background: #0b1724 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }

  
  .mm-ocd.mm-ocd--open .mm-ocd__backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000000 !important;
    pointer-events: auto !important;
  }

  
  .mm-ocd.mm-ocd--open #mobile-menu,
  .mm-ocd.mm-ocd--open .main-menu.mm-spn--open {
    position: relative !important;
    z-index: 1000002 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #0b1724 !important;
    pointer-events: auto !important;
  }
}@media (max-width: 1023px) {
  #mobile-menu > ul.main-menu.mm-spn--open {
    padding: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #mobile-menu > ul.main-menu.mm-spn--open > li {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}#page-main-title,
.page-main-title,
main h1{
    color:#ffffff !important;
}/* توحيد بطاقات المنتجات بدون تمديد منطقة المحتوى */

.s-product-card-entry,
.s-product-card,
.product-card,
.product-entry {
  display: flex !important;
  flex-direction: column !important;
}

/* المحتوى يأخذ حجمه الطبيعي فقط */
.s-product-card-content,
.s-product-card-entry .s-product-card-content,
.product-card-content,
.product-entry__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* اسم المنتج سطران كحد أقصى */
.s-product-card-content-title,
.s-product-card-entry h3,
.product-title,
.product-name,
.product-entry__title {
  min-height: 52px !important;
  max-height: 52px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 26px !important;
}

/* منع دفع السعر إلى أسفل مساحة فارغة */
.s-product-card-price,
.s-product-card-sale-price,
.product-price,
.sale-price,
.s-product-card-entry salla-add-product-button,
.s-product-card salla-add-product-button,
.product-card salla-add-product-button,
.product-entry salla-add-product-button {
  margin-top: 0 !important;
}

.s-product-card-entry .s-button-btn,
.s-product-card .s-button-btn,
.product-card .s-button-btn,
.product-entry .s-button-btn {
  min-height: 44px !important;
}

@media (max-width: 767px) {
  .s-product-card-content-title,
  .s-product-card-entry h3,
  .product-title,
  .product-name,
  .product-entry__title {
    min-height: 50px !important;
    max-height: 50px !important;
    line-height: 25px !important;
  }
}
label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap{
    color:#fff !important;
}
/* ==================================================
   تكبير شعار الهيدر وإظهار اسم متجر الطرب السعيد
================================================== */

/* حاوية الشعار */
header .navbar-brand,
header .store-logo,
header .main-logo,
.store-header .navbar-brand,
.store-header .store-logo,
.store-header .main-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: auto !important;
  min-width: 145px !important;
  overflow: visible !important;
  line-height: 1 !important;
}

/* تكبير صورة الشعار */
header .navbar-brand img,
header .store-logo img,
header .main-logo img,
.store-header .navbar-brand img,
.store-header .store-logo img,
.store-header .main-logo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 145px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* كتابة اسم المتجر تحت الشعار */
header .navbar-brand::after,
header .store-logo::after,
header .main-logo::after,
.store-header .navbar-brand::after,
.store-header .store-logo::after,
.store-header .main-logo::after {
  content: "الطرب السعيد" !important;
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  margin-top: 2px !important;
}

/* توفير مساحة مناسبة داخل الهيدر */
.store-header,
header.store-header {
  min-height: 100px !important;
}

/* ضبط الحجم على الجوال */
@media (max-width: 767px) {
  header .navbar-brand,
  header .store-logo,
  header .main-logo,
  .store-header .navbar-brand,
  .store-header .store-logo,
  .store-header .main-logo {
    min-width: 105px !important;
    gap: 2px !important;
  }

  header .navbar-brand img,
  header .store-logo img,
  header .main-logo img,
  .store-header .navbar-brand img,
  .store-header .store-logo img,
  .store-header .main-logo img {
    max-width: 105px !important;
    max-height: 55px !important;
  }

  header .navbar-brand::after,
  header .store-logo::after,
  header .main-logo::after,
  .store-header .navbar-brand::after,
  .store-header .store-logo::after,
  .store-header .main-logo::after {
    font-size: 11px !important;
    margin-top: 1px !important;
  }

  .store-header,
  header.store-header {
    min-height: 78px !important;
  }
}
/* جعل نص إجابات الأسئلة الشائعة أبيض داخل Shadow DOM */
(function () {
  const STYLE_ID = 'tarab-faq-answer-white';

  function fixFaqAnswers() {
    document.querySelectorAll('body *').forEach(function (element) {
      const shadow = element.shadowRoot;

      if (!shadow) return;

      const faqAnswer = shadow.querySelector(
        '.s-block-trust-faq-answer, .s-block-trust-faq-answer-content'
      );

      if (!faqAnswer) return;

      let style = shadow.getElementById(STYLE_ID);

      if (!style) {
        style = document.createElement('style');
        style.id = STYLE_ID;
        shadow.appendChild(style);
      }

      style.textContent = `
        .s-block-trust-faq-answer,
        .s-block-trust-faq-answer *,
        .s-block-trust-faq-answer-inner,
        .s-block-trust-faq-answer-inner *,
        .s-block-trust-faq-answer-content,
        .s-block-trust-faq-answer-content *,
        .s-block-trust-faq-answer p {
          color: #ffffff !important;
          -webkit-text-fill-color: #ffffff !important;
          opacity: 1 !important;
        }
      `;
    });
  }

  document.addEventListener('DOMContentLoaded', fixFaqAnswers);
  window.addEventListener('load', fixFaqAnswers);

  const observer = new MutationObserver(function () {
    requestAnimationFrame(fixFaqAnswers);
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });

  setTimeout(fixFaqAnswers, 500);
  setTimeout(fixFaqAnswers, 1500);
  setTimeout(fixFaqAnswers, 3000);
})();

/* قائمة ترتيب المنتجات */
select#product-filter {
  background-color: #08121d !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  color-scheme: dark !important;
}

/* خيارات القائمة عند فتحها */
select#product-filter option {
  background-color: #08121d !important;
  color: #ffffff !important;
}
/* زر القلب — صفحة المنتج */
.sense-main-content button[aria-label="add to wishlist"] {
    background: #08121D !important;
    background-color: #08121D !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
}

/* أيقونة القلب */
.sense-main-content button[aria-label="add to wishlist"]::before,
.sense-main-content button[aria-label="add to wishlist"] i,
.sense-main-content button[aria-label="add to wishlist"] svg,
.sense-main-content button[aria-label="add to wishlist"] path,
.sense-main-content button[aria-label="add to wishlist"] span {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* عند المرور والضغط */
.sense-main-content button[aria-label="add to wishlist"]:hover,
.sense-main-content button[aria-label="add to wishlist"]:focus,
.sense-main-content button[aria-label="add to wishlist"]:active {
    background: #0A6E78 !important;
    background-color: #0A6E78 !important;
    color: #FFFFFF !important;
}
/* توحيد زر المشاركة مع زر المفضلة */
.s-social-share-btn {
    background: #08121D !important;
    border: 1px solid #3F4B57 !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* الأيقونة */
.s-social-share-btn .s-button-icon,
.s-social-share-btn svg,
.s-social-share-btn path,
.s-social-share-btn * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Hover */
.s-social-share-btn:hover {
    background: #0A6E78 !important;
    border-color: #0A6E78 !important;
}

/* خلي نافذة البحث فوق الهيدر فقط */
.s-search-modal{
    z-index:2147483647 !important;
}

/* لا تغيّر مكان أو عرض الحاوية */
.s-search-container{
    position:relative !important;
    width:100% !important;
    max-width:900px !important;
    margin:20px auto 0 !important;
}

/* خلي مربع الإدخال ياخذ العرض كامل */
.s-search-input-wrapper{
    width:100% !important;
    flex:1 1 auto !important;
}
body.page-single .content--single-page.bg-white {
    --tw-bg-opacity: 1 !important;
    background: ##08121D !important;
    background-color: ##08121D !important;
}
.s-cart-summary-card,
.s-cart-summary-card-sheet-wrap {
    background: #162432 !important;
    background-color: #162432 !important;
}
/* الجزآن الداخليان داخل بطاقة ملخص الطلب */
.s-cart-summary-card-sheet-header,
.s-cart-summary-card-bar {
    background: #162432 !important;
    background-color: #162432 !important;
}
.s-cart-summary-card-line b,
.s-cart-summary-card-line b * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* نافذة تغليف الهدايا */
.s-modal-body{
    --tw-bg-opacity:1 !important;
    background:#4B5563 !important;
    background-color:#4B5563 !important;
}

/* جميع الأقسام داخلها */
.s-modal-body > *{
    background:transparent !important;
    color:#FFF !important;
}

/* الهيدر والفوتر */
.s-modal-header,
.s-modal-footer{
    background:#4B5563 !important;
    color:#FFF !important;
}
/* مربع إغلاق نافذة تغليف الهدايا */
.s-gifting-modal button.s-modal-close {
    background-color: #4B5563 !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* علامة × */
.s-gifting-modal button.s-modal-close *,
.s-gifting-modal button.s-modal-close svg,
.s-gifting-modal button.s-modal-close path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* عند المرور */
.s-gifting-modal button.s-modal-close:hover {
    background-color: #5F6B78 !important;
}
/* منطقة رفع الصورة */
.filepond--drop-label{
    background:#4B5563 !important;
    background-color:#4B5563 !important;
    color:#FFFFFF !important;
}

/* جميع النصوص والأيقونات داخلها */
.filepond--drop-label *,
.filepond--drop-label label,
.filepond--drop-label svg,
.filepond--drop-label path{
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
    stroke:#FFFFFF !important;
}
/* لون النص داخل الخيارات */
.s-gifting-select option {
    color: #4B5563 !important;
}
/* جميع عناوين حقول تغليف الهدايا */
.s-gifting-modal .s-form-label{
    color: #FFFFFF !important;
}
/* الحقول */
.s-gifting-modal .s-searchable-dropdown-trigger{
    background:#4B5563 !important;
    color:#FFFFFF !important;
    border:1px solid rgba(255,255,255,.18) !important;
}

/* النص داخل الحقول */
.s-gifting-modal .s-searchable-dropdown-trigger,
.s-gifting-modal .s-searchable-dropdown-trigger *,
.s-gifting-modal .s-searchable-dropdown-trigger-placeholder,
.s-gifting-modal .s-searchable-dropdown-trigger-value{
    color:#FFFFFF !important;
}

/* القوائم المنسدلة */
.s-gifting-modal .s-searchable-dropdown-list,
.s-gifting-modal .s-searchable-dropdown-menu,
.s-gifting-modal .s-searchable-dropdown-items{
    background:#4B5563 !important;
    border:1px solid rgba(255,255,255,.18) !important;
}

/* عناصر القائمة */
.s-gifting-modal .s-searchable-dropdown-item{
    background:#4B5563 !important;
    color:#FFFFFF !important;
}

/* العنصر عند المرور */
.s-gifting-modal .s-searchable-dropdown-item:hover,
.s-gifting-modal .s-searchable-dropdown-item.active,
.s-gifting-modal .s-searchable-dropdown-item.selected{
    background:#0A6E78 !important;
    color:#FFFFFF !important;
}

/* السهم */
.s-gifting-modal .s-icon-keyboard_arrow_down{
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
}
/* زر الرجوع */
.s-gifting-step-two-footer a{
    background:#4B5563 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
}

/* الأيقونة */
.s-gifting-step-two-footer a svg,
.s-gifting-step-two-footer a path{
    fill:#FFFFFF !important;
    stroke:#FFFFFF !important;
}

/* عند المرور */
.s-gifting-step-two-footer a:hover{
    background:#6B7280 !important;
    border-color:#6B7280 !important;
}
/* نافذة تأكيد إضافة المنتج للسلة */
salla-add-product-toast,
.s-add-product-toast,
.s-add-product-toast-visible {
    background: #08121D !important;
    background-color: #08121D !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.35) !important;

    top: 110px !important;
    bottom: auto !important;
    z-index: 99999 !important;
}

/* النصوص داخل النافذة */
salla-add-product-toast *,
.s-add-product-toast * {
    color: #FFFFFF !important;
}

/* الأزرار داخلها */
.s-add-product-toast button,
.s-add-product-toast a {
    background: #0A6E78 !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.14) !important;
}
/* خيارات إضافية داخل السلة */
.cart-options form,
#cart-options form {
    background: #0b1724 !important;
    background-color: #0b1724 !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.12) !important;
}

/* النصوص داخلها */
.cart-options form *,
#cart-options form * {
    color: #FFFFFF !important;
}

/* الحقول داخلها */
.cart-options form input,
.cart-options form textarea,
.cart-options form select,
#cart-options form input,
#cart-options form textarea,
#cart-options form select {
    background: #4B5563 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}
/* بطاقة خيارات المنتج داخل السلة */
.cart-options{
    border: 1px solid #0b1724!important;
    background-color: #0b1724!important;
}
/* رمادي أوضح */
.cart-item .border-t,
.cart-item .border-b,
.cart-item .border-gray-200,
.cart-item .border-y {
    border-color: #374151 !important;
}
  /* جميع نصوص ملخص الطلب */
.s-cart-summary-card-sheet,
.s-cart-summary-card-sheet *{
    color: #BFC5CC !important;
}
/* عناوين ملخص الطلب */
.s-cart-summary-card-bar-label-text{
    color: #BFC5CC !important;
}
/* مبلغ الإجمالي في ملخص الطلب */
.s-cart-summary-card-bar-total{
    color: #d4af37 !important;
}
/* السعر القديم المشطوب في صفحة المنتج */
.product-single .line-through,
.sense-price .line-through,
span.text-\[var\(--color-disprice-single-product\)\] {
    color: #9AA5AF !important;
    -webkit-text-fill-color: #9AA5AF !important;
    opacity: 1 !important;
}

/* رمز العملة داخل السعر القديم */
.product-single .line-through i,
.sense-price .line-through i {
    color: #9AA5AF !important;
}
/* الوصف المختصر داخل بطاقات المنتجات */
.s-product-card-content-subtitle,
.s-product-card-entry .s-product-card-content .s-product-card-content-subtitle{
    color: #BFC5CC !important;
    -webkit-text-fill-color: #BFC5CC !important;
    opacity: 1 !important;
}
/* إخفاء أي Scrollbar أفقي داخل خيارات المنتج */
.s-product-options-option-content,
.s-product-options-thumbnails-wrapper,
.s-product-options-grid-mode {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.s-product-options-option-content::-webkit-scrollbar,
.s-product-options-thumbnails-wrapper::-webkit-scrollbar,
.s-product-options-grid-mode::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
body#app section#viewed-section div.s-block__title div.right-side > h2 {
    color: #BFC5CC !important;
    -webkit-text-fill-color: #BFC5CC !important;
}
/* صفحات المحتوى (الشحن والتوصيل، من نحن، سياسة الخصوصية...) */
body.page-single .content--single-page{
    background: #0B1724 !important;
    background-color: #0B1724 !important;
    color: #FFFFFF !important;
}