/* ==================== CSS VARIABLES ==================== */
:root {
  --color-primary: #1bfeff;
  --color-primary-d: #2c3239;
  --color-primary-l: #71717a;
  --color-primary-reverse: #ffffff;
  --bg-color: #2c3239;
  --bg-gray: #232a30;
  --bg-lighter-gray: #333d46;
  --color-grey: #3d4a54;
  --main-text-color: #e4e4e7;
  --main-text-color-dark: #a1a1aa;
  --color-text: #d4d4d8;
  --color-border: #3d4a54;
  --color-light-grey: var(--bg-gray);
  --dark-grey-shadow: 0 0 0 1px var(--bg-lighter-gray);
  --dark-bg-main: var(--bg-gray);
  --dark-bg-sec: var(--bg-lighter-gray);
  --dark-grey: #3d4a54;
  --dark-text-main: #ffffff;
  --dark-text-sec: var(--main-text-color-dark);
  --infinte-color: #3d4a54;
  --mm-ocd-width: calc(100% - 51px);
}

/* ==================== GLOBAL ==================== */
* { border-color: var(--color-border) !important; }
body { overflow-x: hidden; }
img { border-radius: 0.5rem; }
hr { border-color: rgba(27,254,255,0.08) !important; }

.app-inner {
  background-color: var(--bg-color) !important;
  background-image:
    radial-gradient(ellipse 60% 50% at 0% 0%, rgba(27,254,255,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 100% 100%, rgba(27,254,255,0.04) 0%, transparent 70%),
    radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px) !important;
  background-size: auto, auto, 32px 32px !important;
  background-position: top left, bottom right, 0 0 !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  background-attachment: fixed !important;
  color: var(--main-text-color) !important;
  min-height: 100vh;
  position: relative;
}

.app-inner::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
  overflow: hidden;
}

/* ==================== BUTTONS ==================== */
.btn, .s-button-element, button {
  border-radius: 20rem !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.btn:hover, .s-button-element:hover, button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(27,254,255,0.2);
}
.btn:active, .s-button-element:active, button:active { transform: translateY(0); }

/* Out of Stock */
salla-button[status="out-of-stock"] button,
salla-add-product-button[status="out-of-stock"] button {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  opacity: 1 !important;
}

/* Promotion badge */
.s-product-card-promotion-title {
  border-radius: 20rem !important;
  padding-top: 0;
  padding-bottom: 0;
  color: #2c3239 !important;
}

/* ==================== HEADER & NAV ==================== */
#app > div.app-inner > header.page-header.h-16,
.page-header, header {
  background-color: rgba(35,42,48,0.85);
  border-bottom: 1px solid rgba(27,254,255,0.08) !important;
  box-shadow: 0 1px 0 rgba(27,254,255,0.05), 0 4px 20px rgba(0,0,0,0.2);
  z-index: 9500 !important;
}

.header-is-dark .main-nav-container .inner,
.overlay-layer::after {
  background-color: rgba(35,42,48,0.85) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.main-nav-container a:hover {
  color: #1bfeff;
  transition: color 0.2s ease;
}

/* ==================== NAV MENU Z-INDEX ==================== */
.mm-ocd, .mm-ocd--open, [class*="mm-ocd"] { z-index: 9200 !important; }
.mm-ocd__backdrop { z-index: 9100 !important; }
.mm-ocd__content {
  z-index: 9300 !important;
  background-color: var(--bg-gray) !important;
  box-shadow: 6px 0 40px rgba(0,0,0,0.55), 2px 0 0 rgba(27,254,255,0.08) !important;
}
.overlay-layer, .overlay-layer::after { z-index: 9000 !important; }

.s-product-card-entry, .slide--cat-entry,
.swiper, .swiper-wrapper, .swiper-slide, salla-slider {
  z-index: auto !important;
  isolation: auto;
}

/* ==================== GLASSY EFFECTS ==================== */
.s-block--features__item, .a-glassy-block {
  background: rgba(27,254,255,0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(27,254,255,0.12);
  border-radius: 8px;
  position: relative;
  z-index: 1 !important;
  overflow: hidden;
  will-change: transform;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 24px rgba(0,0,0,0.3);
}

.s-block--features__item {
  text-align: center;
  padding: 64px 0;
  border-left-width: 1px !important;
}
@media (max-width: 767px) {
  .s-block--features__item { padding: 32px 0; }
}

.s-block--features__item::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(27,254,255,0.15);
  pointer-events: none;
  transform: translate(-50%, calc(-50% - 40px));
  left: var(--mouse-x, 50%);
  top: var(--mouse-y, 50%);
  z-index: -1;
  filter: blur(16px);
  transition: background 0.5s ease;
}
.s-block--features__item__leave::before {
  transition: left 0.5s ease, top 0.5s ease, opacity 0.5s ease, background 0.5s ease;
}
.s-block--features__item__active::before { background: rgba(27,254,255,0.3); }
.s-block--features__item > small,
.s-block--features__item > p { color: #ffffff; }

/* ==================== SECTION TITLES ==================== */
.s-block__title h2::before,
.s-slider-block__title h2::before { display: none !important; }

.s-block__title h2::after,
.s-slider-block__title h2::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  background: linear-gradient(270deg, #1bfeff 0%, transparent 100%) !important;
  border-radius: 2px !important;
  margin-top: 4px !important;
}

/* ==================== FOOTER ==================== */
.store-footer {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;
  background-color: #232a30;
  background-image: none;
  border-top: 1px solid rgba(27,254,255,0.08) !important;
  box-shadow: 0 -4px 30px rgba(0,0,0,0.3);
}

.store-footer__top {
  background-color: #232a30;
  background-image: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(27,254,255,0.05) 0%, transparent 70%);
}

.glowing-line { position: relative; }
.glowing-line::after {
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 100px;
  background: linear-gradient(180deg, rgba(27,254,255,0) 0%, #1bfeff 50%, rgba(27,254,255,0) 100%);
  border-radius: 50%;
}
:lang(ar) .glowing-line::after { left: 20px; }
:lang(en) .glowing-line::after { right: 20px; }

.social-logo {
  width: 20px; height: 20px;
  margin-right: 8px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(89%) sepia(47%) saturate(600%) hue-rotate(140deg) brightness(105%);
}
.social-logo-title {
  font-size: 14px; color: #fff;
  font-weight: normal;
  display: inline-block; vertical-align: middle;
}
.s-contacts-list-vertical a {
  display: flex; align-items: center;
  text-decoration: none; color: inherit; gap: 8px;
}

#app > div.app-inner > footer > div > div > div > div.col-span-6 > a > img { max-height: 150px; }
#app > div.app-inner > footer > div > div > div > div:nth-child(2),
#app > div.app-inner > footer > div > div > div > div:nth-child(3) { margin-top: 30px; }

/* ==================== FORMS & INPUTS ==================== */
.s-form-control, .s-search-input {
  border-color: var(--color-border);
  background-color: #3d4a54;
  color: #fff;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}
.s-form-control::placeholder, .s-search-input::placeholder { color: #e4e4e7; }

/* ==================== PRODUCTS ==================== */
.s-product-card-entry {
  background-color: var(--bg-gray);
  border-color: var(--color-border);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 2px 8px rgba(0,0,0,0.25);
}
.s-product-card-entry:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(27,254,255,0.15);
}
.s-product-card-image { background-color: #3d4a54; overflow: hidden; }
.s-product-card-image img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.3s ease;
}
.s-product-card-entry:hover .s-product-card-image img { transform: scale(1.05); }
.s-product-card-content { margin-top: 8px; }
.s-product-card-wishlist-btn button:not(:hover) {
  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  box-shadow: var(--tw-shadow);
}

/* نصوص الكروت — أبيض */
.s-product-card-content-title,
.s-product-card-content-subtitle,
.s-product-card-entry h3,
.s-product-card-entry h4,
.s-product-card-entry p,
.s-product-card-entry .s-product-card-content * { color: #ffffff !important; }

/* بادجات — كحلي */
salla-badge, salla-badge *,
.s-badge, .badge,
[class*="promotion"], [class*="promotion"] *,
.s-product-card-entry [class*="badge"],
.s-product-card-entry [class*="label"],
.s-product-card-entry [class*="tag"] { color: #2c3239 !important; }

.product-fixed-bar {
  background-color: var(--bg-gray);
  border-top: 1px solid var(--color-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ==================== MISC ==================== */
.s-slider-container, .search-bar {
  background-color: transparent !important;
  box-shadow: none !important;
}
.self-start { position: static; }
salla-slider.details-slider .swiper-slide { padding: 1em !important; }
.s-payments-list-item { background-color: #e4e4e7; }
i.sicon-quote-open { color: var(--color-border); }

/* ==================== READ MORE ==================== */
.read-more-container { display: flex; justify-content: flex-start; margin-top: 0.5rem; }
.read-more-btn {
  display: flex; align-items: center; gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  background: rgba(27,254,255,0.08);
  border: 1px solid rgba(27,254,255,0.2);
  border-radius: 9999px;
  color: var(--main-text-color);
  font-size: 0.75rem; font-weight: 500;
  cursor: pointer; transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.read-more-btn:hover { background: rgba(27,254,255,0.15); transform: translateY(-1px); }
.read-more-btn:active { transform: translateY(0); }
.read-more-icon { transition: transform 0.3s ease; }
.read-more-btn.expanded .read-more-icon { transform: rotate(180deg); }
:lang(ar) .read-more-btn { flex-direction: row-reverse; }

/* ==================== LOADING OVERLAY ==================== */
.loading-overlay {
  position: fixed; inset: 0;
  background-color: #2c3239;
  display: flex; justify-content: center; align-items: center;
  z-index: 9999; opacity: 1; transition: opacity 0.3s ease-out;
}
.loading-overlay.hidden { opacity: 0; pointer-events: none; }
.spinner {
  width: 50px; height: 50px;
  border: 5px solid #3d4a54;
  border-top-color: #1bfeff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ==================== SCROLL TO TOP ==================== */
.scroll-to-top {
  position: fixed; bottom: 30px; right: 30px;
  width: 50px; height: 50px;
  background: rgba(27,254,255,0.9);
  border: 1px solid rgba(27,254,255,0.3);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: 0; visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 1000; backdrop-filter: blur(10px);
}
.scroll-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.scroll-to-top:hover {
  background: #1bfeff;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(27,254,255,0.4);
}
.scroll-to-top svg { stroke: #2c3239; }
:lang(ar) .scroll-to-top { right: auto; left: 30px; }

/* ==================== DARK MODE ==================== */
.dark, [data-theme="dark"] { color-scheme: dark; }

.dark .s-input, .dark .form-input, .dark input, .dark textarea,
.dark select, .dark .tel-input, .dark .s-login-modal-input,
.dark .s-product-availability-input, .dark .s-verify-input,
.dark .s-comment-form-input {
  color: #ffffff; background-color: var(--dark-grey);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}
.dark .s-product-options-wrapper input,
.dark .s-product-options-wrapper textarea,
.dark .s-product-options-wrapper select { background-color: var(--dark-bg-main); }

.dark label, .dark .text-dark, .dark .text-base, .dark dd,
.dark h3 > a, .dark h4, .dark .text-gray-800, .dark .text-gray-600,
.dark .s-block__title, .dark .s-slider-block__title-right,
.dark .s-product-card-content-title, .dark .s-metadata-row-name,
.dark .s-metadata-row-value, .dark .s-comments-count-label,
.dark .s-comments-item-user-info-name, .dark .s-comments-item-content p,
.dark .opt-text h4, .dark .opt-text p, .dark .opt-text li,
.dark .s-product-options-option-label, .dark .s-filters-option-name,
.dark .s-filters-widget-title, .dark .s-filters-widget-values .s-price-range-currency,
.dark .s-filters-widget-values .s-price-range-gray-text,
.dark .notification-item__icon, .dark .s-loyalty-header-subtitle,
.dark .s-user-settings-section-subtitle { color: #ffffff !important; }

.dark .s-product-card-content-subtitle, .dark .s-comments-item-timestamp,
.dark .s-product-options-option-label small, .dark .s-reviews-summary-count,
.dark .s-reviews-summary-percentage, .dark .s-reviews-summary-row-rate,
.dark .no-content-placeholder, .dark .no-content-placeholder p,
.dark .points-ways__list .way-item__content p { color: var(--dark-text-sec); }

.dark .bg-white, .dark .bg-gray-100, .dark .bg-gray-50, .dark .lg\:bg-white,
[data-theme="dark"] .bg-white, [data-theme="dark"] .bg-gray-100,
[data-theme="dark"] .bg-gray-50 { background-color: var(--dark-bg-main) !important; }

.dark .product-entry, .dark .s-product-card-entry, .dark .faqs-list__item,
.dark .slide--cat-entry, .dark .details, .dark .s-metadata-box,
.dark .s-list-tile-item, .dark .notification-item, .dark .s-comments-item,
.dark .brands-nav__item, .dark .s-modal-body, .dark .s-filters-widget-container,
.dark .s-filters-widget-values .s-price-range-number-input,
.dark .angel-search-btn, .dark .menu-user-login .s-user-menu-wrapper,
.dark .store-header .s-user-menu-toggler .s-user-menu-dropdown,
.dark .dropdown__menu, .dark .thankyou-block,
.dark .form--user-profile input, .dark .form--user-profile select,
.dark .tabs__outline .tab-trigger, .dark .tabs__flex .tab-trigger,
.dark .s-social-share-list, .dark button.s-social-share-btn,
.dark .sidebar salla-button.btn--wishlist .btn--wishlist,
.dark .cart .btn--wishlist, .dark .s-product-availability-subscribed,
.dark .s-quick-order .s-quick-order-container, .dark .s-quick-order input,
.dark .s-search-modal .s-search-results, .dark .s-search-modal .s-search-input,
.dark .s-login-modal .s-login-modal-main-btn, .dark .s-verify-back,
.dark .contact-links a, .dark .s-product-options-grid-mode-span,
.dark .s-notifications-item, .dark .s-table tbody tr,
.dark .s-count-down-item, .dark .special-product-countdown .s-count-down-item,
.dark .s-gifting-widget .s-list-tile-item, .dark .multihome-loading,
.dark .s-modal-close, .dark .no-content-placeholder .icon,
.dark .s-product-card-rating, .dark .s-product-card-category,
.dark .s-product-card-brand, .dark .product-index .mm-ocd__content,
.dark .brands-nav__item.is-selected, .dark .s-notifications-item-icon,
.dark .s-rating-modal-icon, .dark .s-rating-modal-contact,
.dark .s-offer-modal-badge, .dark .details.total,
.dark .s-file-upload-wrapper .filepond--drop-label { background-color: var(--dark-bg-main); }

.dark .s-block--faqs .faqs-list .faq-answer-wrap:after {
  background-image: linear-gradient(to top, var(--bg-gray), transparent);
}
.dark .faq-answer > p { color: #ffffff !important; }
.dark .s-block--faqs .faqs-list label .open-badge,
.dark .s-block--faqs .faqs-list input:checked + div .open-badge {
  background-color: #3d4a54; color: #1bfeff;
}

.dark salla-slider > div > div > div > div,
.dark salla-slider > div > div > div > div > p {
  background-color: var(--bg-gray) !important;
  color: #ffffff !important;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.2) !important;
}

.dark .da-cp, .dark .s-table thead, .dark .s-block__title,
.dark .s-user-settings-section-title,
.dark .s-product-card-sale-price span,
.dark .s-offer-modal-product-price,
.dark .btn--quantity:hover,
.dark .s-product-options-multiple-options-wrapper div input { color: #1bfeff !important; }

.dark .da-tm { color: #ffffff !important; }
.dark .da-ts { color: var(--dark-text-sec) !important; }
.dark .da-fm { fill: #ffffff !important; }
.dark .da-fg { fill: var(--dark-grey) !important; }
.dark .da-bgm { background-color: var(--dark-bg-main) !important; }
.dark .da-bgs { background-color: var(--dark-bg-sec) !important; }
.dark .da-bgg { background-color: var(--dark-grey) !important; }
.dark .da-brdr { border-color: var(--dark-grey) !important; }

.dark ::-moz-placeholder, .dark ::placeholder { color: #b8b8b8 !important; opacity: 0.8 !important; }
.dark #preloader { background-color: rgba(44,50,57,0.95); }
.dark #preloader .loading-logo-light { display: none !important; }
.dark #preloader .loading-logo-dark { display: flex; }
.dark tbody tr { box-shadow: var(--dark-grey-shadow) !important; }
.dark .mode-toggler .dark-mode, .dark .mode-toggler .light-mode { stroke: #ffffff; }
.dark .s-quantity-input-container { border-color: var(--dark-text-sec); }
.dark .s-quantity-input-button { fill: var(--dark-text-sec); }
.dark .s-quantity-input-button:hover { fill: #1bfeff; }
.dark .s-cart-summary-total { color: #ffffff !important; }
.dark .iti__arrow::after { filter: invert(1); }
.dark .iti__country-list { background: var(--dark-grey) !important; color: #ffffff; }
.dark .s-search-modal .s-search-results .s-search-product { border-color: var(--dark-grey); }
.dark .s-search-modal .s-search-results .s-search-product:hover { background: var(--dark-bg-sec); }

/* ==================== SECTION BACKGROUNDS FIX ==================== */
/* إزالة الخلفية البيضاء من أقسام الثيم */
.s-block,
[class*="s-block"],
.section,
.s-block--features,
.s-block--faqs,
.s-block--reviews,
.s-block--banners,
.s-block--slider,
[class*="block--"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* FAQ items تأخذ لون الموقع */
.faqs-list__item,
.faqs-list {
  background-color: var(--bg-gray) !important;
  border-color: var(--color-border) !important;
}

.faqs-list__item label,
.faqs-list__item p,
.faqs-list__item span,
.faq-question label {
  color: #e4e4e7 !important;
}

/* Reviews cards */
.s-block--reviews .swiper-slide > *,
.s-block--reviews [class*="card"],
.s-block--reviews > div > div > div > div,
.s-reviews-item,
[class*="review-card"],
[class*="review-item"],
[class*="testimonial-item"] {
  background-color: var(--bg-gray) !important;
  border-color: var(--color-border) !important;
  color: #e4e4e7 !important;
}

/* ==================== ANIMATIONS ==================== */
@media (prefers-reduced-motion: no-preference) {
  * { scroll-behavior: smooth; }
  .s-block--features__item.is-visible { animation: fadeInUp 0.6s ease forwards; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==================== ACCESSIBILITY ==================== */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid #1bfeff;
  outline-offset: 2px;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .scroll-to-top { bottom: 20px; right: 20px; width: 45px; height: 45px; }
  :lang(ar) .scroll-to-top { right: auto; left: 20px; }
}

/* ==================== SCROLLBAR ==================== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #2c3239; }
::-webkit-scrollbar-thumb { background: #3d4a54; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(27,254,255,0.3); }

/* ==================== WHATSAPP BAR ==================== */
header a[href^="tel"], header a[href^="mailto"],
.s-header-contact, .header-contact { display: none !important; }

.store-header .top-bar, .top-bar,
[class*="top-bar"], .s-top-bar { display: none !important; }

.custom-whatsapp-bar {
  width: 100%;
  background: linear-gradient(90deg, #1a2228 0%, #1e2a30 50%, #1a2228 100%);
  border-bottom: 1px solid rgba(27,254,255,0.12);
  padding: 6px 20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  z-index: 9400;
  position: relative;
  box-shadow: 0 1px 12px rgba(0,0,0,0.25);
}
.custom-whatsapp-bar__center {
  display: flex; align-items: center; justify-content: center; grid-column: 2;
}
.custom-whatsapp-bar__right {
  display: flex; align-items: center;
  justify-content: flex-end; gap: 6px;
  grid-column: 3; opacity: 0.85;
}
.custom-whatsapp-bar__right * { color: #e4e4e7 !important; font-size: 12px !important; }
.custom-whatsapp-bar a {
  display: flex; align-items: center; gap: 10px;
  color: #e4e4e7; text-decoration: none;
  font-size: 13px; font-weight: 500;
  padding: 5px 20px; border-radius: 999px;
  border: 1px solid rgba(27,254,255,0.2);
  background: rgba(27,254,255,0.05);
  transition: all 0.25s ease;
}
.custom-whatsapp-bar a:hover {
  color: #1bfeff;
  border-color: rgba(27,254,255,0.5);
  background: rgba(27,254,255,0.1);
  box-shadow: 0 0 16px rgba(27,254,255,0.15);
  transform: translateY(-1px);
}
.custom-whatsapp-bar svg {
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(89%) sepia(47%) saturate(600%) hue-rotate(140deg) brightness(105%);
  transition: transform 0.25s ease;
}
.custom-whatsapp-bar a:hover svg { transform: scale(1.15); }

/* إخفاء وصف المنتج من صفحة المنتج فقط */
article#more-content,
#more-content {
  display: none !important;
}

/* ==================== PRODUCT PAGE TABS ==================== */
.tabs__outline .tab-trigger,
.tabs__flex .tab-trigger,
[class*="tab-trigger"],
[role="tab"] {
  background-color: var(--bg-gray) !important;
  color: #e4e4e7 !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 20rem !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.tabs__outline .tab-trigger[aria-selected="true"],
.tabs__flex .tab-trigger[aria-selected="true"],
[class*="tab-trigger"][aria-selected="true"],
[role="tab"][aria-selected="true"],
.tabs__outline .tab-trigger.active,
.tabs__flex .tab-trigger.active {
  background-color: #1bfeff !important;
  color: #2c3239 !important;
  border-color: #1bfeff !important;
  box-shadow: 0 0 12px rgba(27,254,255,0.25) !important;
}

.tabs__outline .tab-trigger:hover:not([aria-selected="true"]),
.tabs__flex .tab-trigger:hover:not([aria-selected="true"]),
[role="tab"]:hover:not([aria-selected="true"]) {
  border-color: rgba(27,254,255,0.4) !important;
  color: #1bfeff !important;
}

/* ==================== PRODUCT PAGE FIX ==================== */

/* خلفية خيارات المنتج — كحلي بدل أبيض */
.s-product-options-wrapper,
.s-product-options-wrapper > *,
.s-product-options-grid-mode-span,
.s-product-options-option,
.s-product-options-option-label,
.dark .s-product-options-wrapper,
[class*="product-option"],
[class*="product-options"] {
  background-color: var(--bg-gray) !important;
  color: #ffffff !important;
}

/* حقول الإدخال في المنتج */
.s-product-options-wrapper select,
.s-product-options-wrapper input,
.s-product-options-wrapper textarea {
  background-color: #2c3239 !important;
  color: #ffffff !important;
  border-color: var(--color-border) !important;
}

/* الحاوية الخارجية للصفحة */
.product-entry,
.s-product-details,
[class*="product-details"],
[class*="product-entry"] {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* كل النصوص في صفحة المنتج — أبيض */
.product-entry *:not([class*="badge"]):not([class*="promotion"]):not([class*="label"]):not(salla-badge):not(button):not(.s-button-element) {
  color: #ffffff !important;
}

/* إخفاء تفاصيل المنتج المكررة (فوق كلمة المزيد) */
.s-product-details-description .read-more-container ~ p,
.s-product-details-description > p:not(:first-of-type) {
  display: none !important;
}