/* ═══════════════════════════════════════════════════════════
   POINT-AT.COM — COMPLETE THEME STYLESHEET
   القسم ١: الثيم الأساسي (الأصلي — منظّف)
   القسم ٢: أزرار الأقسام (ستايل جديد)
   القسم ٣: تأثيرات بريميوم (حركة فقط)
   ═══════════════════════════════════════════════════════════ */

/* ╔═══════════════════════════════════════════╗
   ║  1. BASE DARK THEME — الثيم الأصلي        ║
   ╚═══════════════════════════════════════════╝ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap');

* { font-family: cairo, sans-serif; }
p { font-family: cairo, sans-serif; font-size: 20px; }

/* --- Core backgrounds --- */
body,
header .site-header,
section,
.footer__bottom,
.home-block,
.popup-modal-wrap .popup-modal__header {
  background-color: #111823 !important;
}

/* --- الهيدر ثابت على كل الصفحات --- */
header {
  position: sticky !important;
  top: 0;
  z-index: 100;
}
header .site-header {
  min-height: 70px;
  background-color: #111823 !important;
  position: relative !important;
}

/* --- منع السكرول الأفقي --- */
body, html {
  overflow-x: hidden !important;
}

@media only screen and (max-width: 992px) {
  footer.footer { background-color: #111823; }
}

/* --- Text colors --- */
p, li, .title--xx-large, label, .comment-wrapper, .footer-list a { color: #fff; }

.title, .tabs-heads .tab-head a:hover {
  color: #fff !important;
  font-weight: bold;
  font-family: 'Cairo';
  font-size: larger;
}

.title--primary {
  color: #006dc9 !important;
  font-weight: bold;
  font-family: 'Cairo';
}

.title--small { font-size: large; }
.title--xx-large { color: #fff; }

.title--has-dash:before {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  border-radius: 25px;
  opacity: 1;
}

h2.title.title--small.color-grey.mb-10 {
  font-size: medium;
  color: #0388ff !important;
  text-shadow: 0 0 6px #000000;
}

.color-text { color: #6dbcff !important; }
.color-danger:not(.btn--delete):not(.s-button-danger) { color: #6dbcff !important; font-weight: bold; font-size: large; }
.color-primary { color: #6dbcff !important; }

/* --- Top header --- */
.top-header {
  border-bottom: none !important;
  position: relative !important;
}
.top-header .top-header__info li i,
.top-header .top-header__info li span { display: none; }

/* --- Header layout --- */
header .site-header__wrapper { display: block; }
header .site-header__wrapper .form--search { float: right; padding: 10px; border-radius: 7px; background-color: transparent; border: 0; }
header .site-header__wrapper .theme-logo { display: inline; margin-right: 50%; }
header .site-header__wrapper .theme-logo a { width: 160px !important; }
header .site-header__wrapper .theme-logo a img { width: 160px !important; height: 160px !important; max-width: 160px !important; max-height: 160px !important; object-fit: contain !important; }
header .site-header__wrapper .main-header-components { float: left; padding: 15px; }

header.fixed-header .site-header {
  backdrop-filter: blur(10px);
}
header.fixed-header .site-header__wrapper .theme-logo a {
  width: 160px !important;
}
header.fixed-header .site-header__wrapper .theme-logo a img {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
  max-height: 160px !important;
  object-fit: contain !important;
}

@media (max-device-width: 600px) {
  header .site-header__wrapper { display: flex; }
  header .site-header__wrapper .theme-logo { display: inline; margin-right: 2%; }
}

/* --- Header blocks --- */
.header-block--nav-wrapper, .footer, .footer__mid { border: none; }

/* --- Search --- */
.form--search .form-group .form-control {
  background: 0 0 !important;
  border: #0e141d solid 1px !important;
  color: #fff !important;
}

.s-search-input {
  height: 45px;
  border-radius: 22.5px;
  background: #0b0f16;
  border: none;
  color: #fff;
}

.searchbox-results, .s-search-product {
  background-color: #111823 !important;
  color: #006dc9 !important;
  border-color: #0064b9;
}

.s-search-product-title { color: inherit; }
.s-search-product-price { color: #fff; }
.searchbox-results li .search-result__info { color: #fff; }
.s-search-no-results-placeholder { background: #111823; }

/* --- Hero banner --- */
.hero__content {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  opacity: 1;
  border-radius: 20px;
  margin: auto;
  display: block;
  margin-top: 3rem;
}

.hero__content .nav-desktop.nav-desktop--horizontal {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* --- Product blocks --- */
.product-block {
  border-color: #0b0f16;
  background-color: #0b0f16;
  box-shadow: none;
}

/* Hide page until intro loads (JS removes this) */
body.pm-intro-pending {
  visibility: hidden !important;
  overflow: hidden !important;
}

.product-block:hover { border-color: #008aff; }
.product-block__thumb { background-color: #0e141d; }
.product-block__thumb .thumb-wrapper { height: auto; }
.product-block__info { background-color: #0e141d; }

.product-block__info .product-title p {
  font-size: small;
  color: #fff;
  margin: 5px 0 0;
  max-width: 80%;
  text-shadow: 0 0 6px #000000;
}

.product-block__thumb .badge.badge--ribbon { top: 10px; left: 0; z-index: 5 !important; }
.product-block__thumb .badge, .product-block__thumb [class*="badge"] { z-index: 5 !important; position: absolute !important; }
.badge--primary { color: #56b1ff; background-color: #0b0f16; }
.product-block--inline .product-block__thumb a h6 { color: #6dbcff !important; }

/* --- Prices --- */
.price-wrapper > span { color: #0075d9; }
.price-wrapper--large > span { color: #6dbcff; font-size: larger; }

.price-wrapper > small {
  color: #b90000;
  margin-right: 5px;
  width: fit-content;
  height: 16px;
  font-size: small;
}

.price-wrapper > small:before {
  content: "";
  position: absolute;
  width: 75%;
  height: 10px;
  border-bottom: 1px solid;
  bottom: 30%;
  transform: rotate(340deg);
  opacity: 50%;
}

.purchase-hot {
  display: block;
  position: relative;
  margin: 0;
  text-shadow: 2px -1px #000000;
  font-weight: bold;
}

/* --- Product sections --- */
.product-sections-wrapper { background-color: #0e141d; border: none; }
.splide--images .splide__track { background-color: transparent; border: none; }
strong { background-color: transparent !important; font-size: x-large; }
.qty { background: #6dbcff; }

/* --- Product options --- */
.s-product-options-wrapper { background-color: #0e141d; }
.s-product-options-wrapper .s-form-control { background-color: #111823; border-color: #111823; color: #fff; }
.s-product-options-option-label { color: #008aff; }

.s-product-options-splitter {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0;
  border-image-slice: 1;
}

.s-product-options-multiple-options-wrapper div input {
  background: transparent linear-gradient(270deg, #10202f 0%, #0d2437 100%) 0 0 no-repeat padding-box;
  border: 2px solid #0089ff;
}

.s-product-options-multiple-options-wrapper div input:checked {
  border-color: transparent;
  background-color: #0089ff !important;
  border: none;
}

.s-product-options-multiple-options-wrapper div label { color: #008aff; }

.list.product-options li span:first-child { padding-left: 20px; text-align: right; }
.list.product-options li span { flex: initial; padding: 0; color: #fff; }

/* --- Buttons --- */
.btn--primary, .shipping-tracker > a { background: #0b0f16; }

.btn--padded {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  color: #fff;
}
.btn--padded:hover { background: #0b0f16; }

.btn--dropdown-toggle {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  color: #fff;
  border-color: transparent !important;
}
.btn--dropdown-toggle:hover { background: #0b0f16; }

.product-block .s-button-icon,
.product-single .s-button-icon,
.product-details .s-button-icon {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  border: none !important;
}
.product-block .s-button-icon i,
.product-single .s-button-icon i,
.product-details .s-button-icon i { color: #fff; }
.product-block .s-button-icon svg,
.product-single .s-button-icon svg,
.product-details .s-button-icon svg { fill: #fff !important; }

/* Hide default cart buttons ONLY inside product listing cards */
.product-block salla-add-product-button,
.product-block .s-button-icon,
.product-block .btn--add-to-cart,
.product-block [class*="add-to-cart"] {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  opacity: 0 !important;
}
/* Custom product link button (available) */
.pm-product-link {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #080c14;
  border: 1px solid #131c2c;
  color: #7cc4ff;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Cairo', sans-serif;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: visible;
  transition: all 0.3s ease;
  margin-top: 6px;
}
.pm-product-link:hover {
  background: #141e2e;
  border-color: #0075d9;
  color: #fff;
}
.pm-product-link .pm-arrow {
  margin-right: 4px;
  display: inline-block;
  transition: transform 0.3s ease;
}
.pm-product-link:hover .pm-arrow {
  transform: translateX(-3px);
}
/* Out of stock label */
.pm-oos-label {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 11px;
  color: #ff6b6b;
  font-family: 'Cairo', sans-serif;
  font-weight: 600;
  text-align: right;
}
/* Product PAGE & Cart PAGE: show all buttons normally */
.product-single salla-add-product-button,
.product-form salla-add-product-button,
.main-content salla-add-product-button,
.sticky-product-bar salla-add-product-button,
main > salla-add-product-button,
.s-product-options-container ~ salla-add-product-button {
  display: inline-flex !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  opacity: 1 !important;
}
/* Cart page: don't interfere */

/* --- Quantity input (product page only, NOT cart page) --- */
.product-single .s-quantity-input-input,
.product-form .s-quantity-input-input,
.sticky-product-bar .s-quantity-input-input { color: #fff; background: #111823; border-color: #111823; }
.product-single .s-quantity-input-container,
.product-form .s-quantity-input-container,
.sticky-product-bar .s-quantity-input-container { border-color: #111823; }

.product-single .s-quantity-input-button,
.product-form .s-quantity-input-button,
.sticky-product-bar .s-quantity-input-button {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.product-single .s-quantity-input-button.s-quantity-input-increase-button,
.product-form .s-quantity-input-button.s-quantity-input-increase-button,
.sticky-product-bar .s-quantity-input-button.s-quantity-input-increase-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.product-single .s-quantity-input-button svg,
.product-form .s-quantity-input-button svg,
.sticky-product-bar .s-quantity-input-button svg { fill: #fff !important; }

/* --- Comments & reviews --- */
.insert-question, .view-comment .comments-title,
.view-comment__comment .comment-wrapper .name { color: #6dbcff; }
.view-comment__comment .comment-wrapper .admin .name { color: #6dbcff; }
.view-comment__comment .comment-wrapper p { color: #fff; }
.view-comment__comment .comment-wrapper .badge { background-color: #008aff; color: #fff; }

.view-comment__comment--has-replays {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #0b0f16;
  border-radius: 10px;
}

.s-comment-form-input { background: #0b0f16; border-color: #0b0f16; color: #fff; }

.rating-wizard { border-radius: 8px; border: 2px solid #0071ff; }
.rating-wizard__nav li { position: relative; z-index: 1; --color-grey-darker: #0071ff; --color-text: #0071ff; }
.sicon-star-o:before { content: "\e974"; color: #2a9cff; }

/* --- Testimonials --- */
.testimonial-entry {
  background-color: #0b0f16;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  width: 300px;
  padding: 20px;
  border-radius: 8px;
}
.testimonial-entry__excerpt p { color: #fff; }
.testimonial-entry__info div.title small { color: #fff; opacity: 1; }

.splide--testimonials button {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box !important;
}
.splide--testimonials button svg { fill: #fff !important; opacity: 1; }

.splide--testimonials .splide__list {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  width: 150%;
}

/* --- Splide pagination --- */
.splide__pagination {
  top: 10%;
  right: 50%;
  left: 50%;
  transform: translateY(-50%) rotate(90deg);
  align-items: center;
  background: rgb(12 21 30);
}
.splide__pagination__page.is-active {
  background-color: var(--color-primary);
  opacity: 1;
  transform: scale(1);
}

/* --- Dropdowns --- */
.dropdonw-menu-wrap .dropdown-menu li { background-color: #0e141d; }
.dropdonw-menu-wrap .dropdown-menu li:hover { background-color: #0e141d; }
.dropdonw-menu-wrap .dropdown-menu li:not(:last-child) { border-color: #1d162c; }
.dropdonw-menu-wrap .dropdown-menu li label { color: #fff; }
.dropdonw-menu-wrap .dropdown-menu a { color: #fff; }
.dropdown-menu li label:hover { background: #302058 !important; }

.dropdonw-menu-wrap.sort .checkbox input + label:hover { background-color: #0e141d; }
.dropdonw-menu-wrap.sort .checkbox input + label::before {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
}

/* --- Forms --- */
.choices__inner, .form .form-group .form-control {
  background: 0 0 !important;
  border: #0e141d solid 1px !important;
  color: #fff !important;
}

.choices__list--dropdown .choices__list { background-color: #111823; color: #fff; }
[dir=rtl] .choices__list--dropdown .choices__item--selectable:hover { background-color: #0b0f16; color: #fff !important; }
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #0b0f16; }
.choices[data-type*=select-one]:after { color: #fff; }

.form .form-group salla-tel-input .tel-input {
  background: 0 0 !important;
  border-color: #0e141d !important;
  color: #fff !important;
}

/* --- Phone input --- */
.iti__selected-flag { color: #fff; }
.iti__selected-flag:before { background: #0e141d !important; }
.iti__country-list { background: #0e141d; border: 1px solid #282a38; }
.iti__arrow:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgdmlld0JveD0nMCAwIDMyIDMyJyBmaWxsPSd3aGl0ZScgc3R5bGU9JyYjMTA7Jz48dGl0bGU+a2V5Ym9hcmRfYXJyb3dfZG93bjwvdGl0bGU+PHBhdGggZD0nTTkuODc1IDExLjEwNGw2LjEyNSA2LjEyNSA2LjEyNS02LjEyNSAxLjg3NSAxLjg3NS04IDgtOC04eicvPjwvc3ZnPg==);
}

/* --- Modals --- */
.s-modal-body { background: #111823; }
.s-modal-title { color: #fff; }
.s-modal-overlay { background-color: rgba(0, 0, 0, .5); }
.s-modal-body .s-button-element {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
}

/* --- Login modal --- */
.s-login-modal-input { background: 0 0; border-color: #353436; color: #fff; }
.s-login-modal-input:focus { border-color: #353436; }
.s-login-modal-label { color: #9f9f9f; }
.s-login-modal-header-icon { border-color: #353436; }

.s-login-modal-main-btn {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box !important;
  border: none !important;
}
.s-login-modal-main-btn svg, .s-login-modal-main-btn-arrow svg { fill: #fff !important; }
.s-login-modal-main-btn-text { color: #fff !important; }

.s-tel-input-control {
  background: 0 0 !important;
  border: 1px solid #353436 !important;
  color: #fff !important;
}

/* --- Localization modal --- */
.s-localization-modal-title, .s-localization-modal-label, .s-localization-modal-currency { color: #fff; }
.s-localization-modal-input:checked { border-color: #fff !important; }

.switchers .modal-trigger {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box !important;
}

/* --- Cart (ديسكتوب فقط) --- */
@media (min-width: 769px) {
  .site-header__cart {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-direction: row !important;
    flex-shrink: 0 !important;
  }
  .site-header__cart .s-cart-summary-icon { margin-left: .5rem; }
  .site-header__cart .s-cart-summary-icon svg { fill: #006dc9; }
  .site-header__cart .favorite-btn {
    position: absolute !important;
    right: 50px !important;
    top: 48% !important;
    transform: translateY(-50%) !important;
    padding-left: 1.1rem;
    border-left: 1px solid #0b0f16;
    z-index: 5 !important;
  }
  .site-header__cart salla-cart-summary {
    position: relative !important;
    right: -70px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
}

header .site-header__wrapper .site-header__cart a { color: #fff !important; }

/* --- SAR currency icon fix --- */
i.sicon-sar, .sicon-sar {
  font-family: 'sallaicons' !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline !important;
  visibility: visible !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i.sicon-sar::before, .sicon-sar::before {
  content: '\e9bc' !important;
  font-family: 'sallaicons' !important;
}

/* --- Cart page redesign --- */
/* Stepper Redesign */
salla-stepper, .steps, .checkout-steps, [class*="steps-group"] { 
  display: flex !important; 
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 2rem !important;
}

/* ── مسار الخط (الخط الأزرق بين الخطوات) ── */
salla-stepper::part(line), .step-line, [class*="step-line"], .steps li::after, .checkout-steps li::after {
  background-color: #008aff !important; /* لون الخط أزرق فاقع */
  height: 2px !important;
  flex: 1 !important;
  margin: 0 15px !important;
}
.cart-progress::after, .cart-progress::before, .cart-progress .progress-bar {
  background-color: #008aff !important; /* لون الشريط أزرق */
}

/* ── الأيقونات المربعة الداكنة ── */
salla-stepper::part(icon-container), .step-icon, .steps .s-icon, [class*="step-icon"], .step-icon.active, .step-icon.completed,
.cart-progress .step__icon, .cart-progress .step__icon.active, .cart-progress .step__icon.completed {
  background-color: #0b0f16 !important; /* لون الخلفية الغامقة للأيقونة زي اللي بالصورة */
  border-radius: 8px !important; /* حواف شبه مربعة */
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #008aff !important; /* لون الأيقونة أزرق */
  font-size: 20px !important;
  border: none !important;
  box-shadow: none !important;
}

salla-stepper::part(icon), .cart-progress .step__icon i, .cart-progress .step__icon svg {
  color: #008aff !important;
  fill: #008aff !important;
}

/* ── النصوص ── */
salla-stepper::part(title), salla-stepper h3.title, .step-title h3, .step-title strong, .steps h3, .s-stepper-title,
.cart-progress h3.title, .cart-progress .step__title h3, .cart-progress h3 {
  color: #008aff !important; /* لون العنوان الأساسي أزرق */
  font-weight: bold !important;
  font-size: 16px !important;
}
salla-stepper::part(subtitle), salla-stepper small, .step-title span, .step-title p, .steps p, .step-subtitle, .s-stepper-subtitle,
.cart-progress small, .cart-progress span, .cart-progress .step__subtitle, .cart-progress p {
  color: #ffffff !important; /* لون الخطوة أبيض */
  font-size: 12px !important;
}

/* ── إخفاء الأرقام القديمة إذا كانت موجودة ── */
salla-stepper::part(number), .step-number { display: none !important; }

/* Backgrounds */
.bg-grey { background: #0e141d; }
.bg-white { background: #0e141d; }
/* Cart item cards */
section.cart-item {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  animation: pmCartSlide 0.5s ease-out both !important;
}
section.cart-item:hover {
  border-color: rgba(0,117,217,0.25) !important;
  box-shadow: 0 4px 20px rgba(0,117,217,0.1) !important;
  transform: translateY(-2px) !important;
}
section.cart-item:nth-child(1) { animation-delay: 0s !important; }
section.cart-item:nth-child(2) { animation-delay: 0.1s !important; }
section.cart-item:nth-child(3) { animation-delay: 0.2s !important; }
section.cart-item:nth-child(4) { animation-delay: 0.3s !important; }
@keyframes pmCartSlide {
  0% { opacity:0; transform:translateX(20px); }
  100% { opacity:1; transform:translateX(0); }
}
section.cart-item a, section.cart-item h1, section.cart-item span:not(.pm-del) { color: #e0e8f0 !important; }
section.cart-item .text-gray-500, section.cart-item .text-sm { color: #7a8a9a !important; }
section.cart-item .text-primary, section.cart-item .item-price,
section.cart-item .item-total, section.cart-item [id="has_discount"] { color: #4db8ff !important; font-weight: 700 !important; }
section.cart-item .line-through { color: #5a6a7a !important; }
section.cart-item img { border-radius: 10px !important; border-color: rgba(255,255,255,0.08) !important; background: #1a2535 !important; transition: transform 0.3s ease !important; }
section.cart-item:hover img { transform: scale(1.05) !important; }
section.cart-item .border-gray-200, section.cart-item .border-t, section.cart-item .border-b { border-color: rgba(255,255,255,0.06) !important; }
/* Native delete button */
section.cart-item .btn--delete, section.cart-item salla-button[color="danger"] { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; transition: all 0.3s ease !important; }
section.cart-item .btn--delete:hover, section.cart-item salla-button[color="danger"]:hover { transform: scale(1.2) rotate(90deg) !important; }
section.cart-item .btn--delete i { color: #ff6b6b !important; transition: color 0.3s ease !important; }
section.cart-item .btn--delete:hover i { color: #ff4444 !important; }
/* Quantity input */
salla-quantity-input .s-quantity-input-container { border-color: rgba(255,255,255,0.1) !important; border-radius: 10px !important; height: 36px !important; background: #1a2535 !important; }
salla-quantity-input .s-quantity-input-input { color: #fff !important; background: transparent !important; border: none !important; text-align: center !important; font-size: 14px !important; font-weight: 600 !important; width: 36px !important; height: 32px !important; }
salla-quantity-input .s-quantity-input-button { background: #1e2d40 !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; border-radius: 8px !important; border: none !important; }
salla-quantity-input .s-quantity-input-button svg { fill: #4db8ff !important; width: 12px !important; height: 12px !important; }
/* Sidebar summary card */
.main-content ~ div .rounded-md, .main-content + div .rounded-md { background: #141c2b !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 14px !important; }
.main-content ~ div .text-gray-500 { color: #7a8a9a !important; }
.main-content ~ div b, .main-content ~ div strong { color: #e0e8f0 !important; }
[data-cart-total] { color: #4db8ff !important; font-size: 20px !important; font-weight: 800 !important; }
/* Checkout button — glow effect */
.cart-submit-wrap salla-button, #cart-submit {
  background: linear-gradient(135deg, #0075d9, #0064b9) !important;
  border: none !important; border-radius: 12px !important;
  font-weight: 700 !important; font-size: 16px !important; color: #fff !important;
  box-shadow: 0 0 15px rgba(0,117,217,0.4) !important;
  animation: pmBtnGlow 2s ease-in-out infinite !important;
  transition: all 0.3s ease !important;
  position: relative !important; overflow: hidden !important;
}
.cart-submit-wrap salla-button:hover, #cart-submit:hover {
  box-shadow: 0 0 30px rgba(0,117,217,0.7) !important;
  transform: translateY(-2px) !important;
}
/* Free shipping bar glow */
#free-shipping { background: #141c2b !important; border: 1px solid rgba(255,255,255,0.06) !important; }
#free-shipping .progress-bg { background: linear-gradient(90deg, #0075d9, #4db8ff) !important; box-shadow: 0 0 10px rgba(0,117,217,0.5) !important; animation: pmShipGlow 2s ease-in-out infinite !important; }
#free-shipping .rounded-full { background: #1a2535 !important; }
#free-shipping h4 { color: #fff !important; }
#free-shipping p, #free-shipping span { color: #7a8a9a !important; }
#free-shipping .rounded-icon { background: #0075d9 !important; }
@keyframes pmShipGlow {
  0%, 100% { box-shadow: 0 0 8px rgba(0,117,217,0.4); }
  50% { box-shadow: 0 0 18px rgba(0,117,217,0.7); }
}
/* Cart summary title */
.main-content ~ div h2, .main-content + div h2 { color: #fff !important; font-size: 16px !important; }
/* Cart total highlight */
.main-content ~ div .text-lg span, .main-content + div .text-lg span { color: #c8e4ff !important; font-weight: 600 !important; }
/* Coupon input */
input[name="coupon"], [class*="coupon"] input { background: #1a2535 !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 10px !important; color: #fff !important; }
/* Cart page title */
.breadcrumbs a, .breadcrumbs span { color: #7a8a9a !important; }
/* Balance cart columns - shrink product image */
section.cart-item img { max-width: 70px !important; max-height: 70px !important; }
section.cart-item .product-image, section.cart-item [class*="image"] { max-width: 80px !important; flex-shrink: 0 !important; }
section.cart-item > div, section.cart-item > td { vertical-align: middle !important; }
/* Empty cart placeholder */
.no-content-placeholder { color: #7a8a9a !important; }
.no-content-placeholder .icon { color: #0075d9 !important; font-size: 48px !important; }
.no-content-placeholder .btn { border-color: #0075d9 !important; color: #0075d9 !important; }
.no-content-placeholder .btn:hover { background: #0075d9 !important; color: #fff !important; }

/* --- Product page enhancements (Nemo theme) --- */
/* ── Unified price/quantity/button box ── */
/* Both sections share base styling */
.product-form > section {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  padding: 20px !important;
  margin-bottom: 0 !important;
}
/* Price section (first section.flex inside form) — stack vertically */
.product-form > section.flex {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border-radius: 14px 14px 0 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.product-form > section.flex .center-between {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 8px !important;
}
.product-form > section.flex .form-label {
  color: #7a8a9a !important;
  font-size: 14px !important;
  margin-bottom: 4px !important;
}
.product-form > section.flex .price-wrapper {
  width: 100% !important;
}
.product-form > section.flex .total-price {
  font-size: 28px !important;
  color: #4db8ff !important;
  font-weight: 900 !important;
}
.product-form > section.flex .before-price {
  color: #5a6a7a !important;
  font-size: 16px !important;
}
/* Sticky product bar (quantity + button) — stack below price */
.product-form > section.sticky-product-bar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  border-radius: 0 0 14px 14px !important;
  padding-top: 16px !important;
  border-top: none !important;
}
/* Quantity row — label right, input left */
.sticky-product-bar .sticky-product-bar__quantity {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  width: 100% !important;
}
.sticky-product-bar .sticky-product-bar__quantity .form-label {
  color: #7a8a9a !important;
  font-size: 14px !important;
}
/* Add to cart button — full width below quantity */
.sticky-product-bar salla-add-product-button,
.sticky-product-bar .sticky-product-bar__btn {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
}
.sticky-product-bar salla-add-product-button .s-button-element {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding: 14px !important;
  font-size: 17px !important;
}
/* Price text */
.product-form .total-price, .product-form h2.total-price,
.main-content .total-price, .price-wrapper .total-price {
  color: #4db8ff !important;
  font-weight: 800 !important;
}
.product-form .before-price, .product-form .line-through,
.main-content .line-through { color: #5a6a7a !important; }
.product-form .form-label, .product-form label b { color: #c8e4ff !important; }
/* Out of stock text */
.out-of-stock { color: #ff6b6b !important; }
/* Sold quantity badge */
.main-content > .bg-white.rounded-md.inline-flex,
.main-content > div > .bg-white.rounded-md.inline-flex {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
}
.main-content .sicon-fire { color: #ff4500 !important; }
/* Product name */
.main-content > h1 { color: #fff !important; font-weight: 800 !important; animation: pmTextFade 0.6s ease-out !important; }
/* Subtitle */
.product-entry__sub-title { color: #7a8a9a !important; }
/* Add to cart button — glow pulse */
.product-form salla-add-product-button .s-button-element {
  background: linear-gradient(135deg, #0075d9, #0064b9) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #fff !important;
  width: 100% !important;
  padding: 12px !important;
  box-shadow: 0 0 15px rgba(0,117,217,0.4) !important;
  transition: all 0.3s ease !important;
  animation: pmBtnGlow 2s ease-in-out infinite !important;
  position: relative !important;
  overflow: hidden !important;
}
.product-form salla-add-product-button .s-button-element:hover {
  box-shadow: 0 0 25px rgba(0,117,217,0.7), 0 0 50px rgba(0,117,217,0.3) !important;
  transform: translateY(-2px) !important;
}
.product-form salla-add-product-button .s-button-element::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important; left: -50% !important;
  width: 200% !important; height: 200% !important;
  background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%) !important;
  animation: pmBtnShine 3s ease-in-out infinite !important;
}
@keyframes pmBtnGlow {
  0%, 100% { box-shadow: 0 0 15px rgba(0,117,217,0.4); }
  50% { box-shadow: 0 0 25px rgba(0,117,217,0.6), 0 0 40px rgba(0,117,217,0.2); }
}
@keyframes pmBtnShine {
  0% { transform: translateX(-100%) rotate(25deg); }
  30%, 100% { transform: translateX(100%) rotate(25deg); }
}
/* Quantity input on product page */
.sticky-product-bar salla-quantity-input .s-quantity-input-container {
  border-color: rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  background: #1a2535 !important;
}
.sticky-product-bar .form-label { color: #c8e4ff !important; }
/* Share/wishlist buttons */
.main-content salla-social-share { filter: brightness(1.3) !important; }
.main-content .btn--wishlist { transition: all 0.3s ease !important; }
.main-content .btn--wishlist:hover { transform: scale(1.1) !important; }
/* SKU section */
.main-content > .bg-white.rounded-md.px-4 {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
  color: #c8e4ff !important;
}
/* Tags */
.main-content a[href*="/tag"] { color: #4db8ff !important; }
/* Installment */
.main-content salla-installment { color: #c8e4ff !important; }
/* Product image slider */
.sidebar .details-slider { border-radius: 14px !important; overflow: hidden !important; }
.sidebar .details-slider img { border-radius: 14px !important; }
/* Product description card inner styling */
.product__description, .product-description {
  color: #c8e4ff !important;
  line-height: 1.9 !important;
}
.product__description h1, .product__description h2,
.product__description h3, .product__description h4,
.product__description h5, .product__description strong,
.product__description b {
  color: #4db8ff !important;
  font-weight: 800 !important;
  display: block !important;
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(0,117,217,0.12) !important;
  text-shadow: 0 0 20px rgba(77,184,255,0.15) !important;
}
.product__description h1:first-child, .product__description h2:first-child,
.product__description h3:first-child, .product__description h4:first-child,
.product__description strong:first-child, .product__description b:first-child {
  margin-top: 0 !important;
}
.product__description p, .product__description span,
.product__description div {
  color: #c8e4ff !important;
  font-size: 15px !important;
}
.product__description br + br { display: none !important; }
.product__description article { max-height: none !important; overflow: visible !important; }
#btn-show-more { display: none !important; }
@keyframes pmTextFade {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* Product info text — fixed selectors for Nemo theme */
.main-content > h1, .main-content .product-title {
  color: #fff !important;
  animation: pmTextFade 0.6s ease-out !important;
}
.main-content > .text-gray-500, .main-content > .text-sm,
.product-entry__sub-title { color: #7a8a9a !important; }

/* --- User menu --- */
.s-user-menu-dropdown { border-top: 2px solid #0075d9; background: #0e141d; }
.s-user-menu-dropdown-item a {
  color: #c8e4ff !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}
.s-user-menu-dropdown-item a:hover {
  background: #1a2535 !important;
  color: #fff !important;
}
.s-user-menu-dropdown-item a i,
.s-user-menu-dropdown-item a i svg {
  fill: #7cc4ff !important;
  color: #7cc4ff !important;
}
/* User menu inline tabs (معلوماتي، الاشعارات، الطلبات، الأمنيات) */
.s-user-menu-inline a,
.s-user-menu-inline li a,
.s-user-menu-inline .s-user-menu-dropdown-item a,
.profile-tabs a,
.profile-tabs li a,
.tab-head a,
[class*="user-menu"] a {
  color: #7cc4ff !important;
  font-weight: 500 !important;
}
.s-user-menu-inline a:hover,
.s-user-menu-inline li a:hover,
.profile-tabs a:hover,
.profile-tabs li a:hover,
.tab-head a:hover,
[class*="user-menu"] a:hover {
  color: #fff !important;
}
.s-user-menu-inline a.active,
.s-user-menu-inline li.active a,
.profile-tabs a.active,
.profile-tabs li.active a,
.tab-head.active a {
  color: #fff !important;
  border-color: #0075d9 !important;
}

/* --- User settings --- */
.s-list-tile-item { background: #0e141d !important; padding: 1.5rem !important; border: 1px solid #282a38; }
.s-list-tile-item:first-child { border-bottom: none; }
.s-user-settings-section-title { color: #fff; }
.s-user-settings-section { border: none !important; }
.s-user-settings-section-subtitle { color: #fff; }
salla-user-settings .s-user-settings-section .s-list-tile-item .s-user-settings-section-icon {
  fill: #fff;
  border-color: #6b717e;
}

.user-profile__tabs .tabs-heads .tab-head.active a,
.user-profile__tabs .tabs-heads .tab-head:hover a {
  color: #fff;
  text-decoration: underline;
}

/* --- Lists --- */
.list--table.link li > a { color: #6dbcff; background-color: #0b0f16; border-radius: 7px; }
.list--table.link li > a:hover { background-color: #0e141d; }
.list--table.borderless li { background-color: #0b0f16; }

/* --- Breadcrumb --- */
.breadcrumb a, .breadcrumb a:hover { color: #6dbcff; }

/* --- Placeholder --- */
.placeholder-block p { color: #6dbcff; }
.placeholder-block i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: var(--font-xxxlg);
  color: #999;
  background: #0b0f16;
  margin: 0 0 20px;
}
.placeholder-block.white i {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box;
  color: #fff;
}

/* --- Icons --- */
[class^=sicon-], [class*=" sicon-"] { color: #0170cf; }
.sicon-search:before, .sicon-home:before, .sicon-ellipsis-vertical:before { color: #006dc9; }
.sicon-heart:before { content: "\eca1"; color: #ffffff; }
.sicon-check:before { content: "\ea9d"; color: #fff; }
.sicon-rocket:before { content: "\eed6"; color: #008aff; }
.sicon-headset:before { content: "\ec98"; color: #008aff; }
.sicon-fire:before { content: "\ebf7"; color: #008aff; }

/* --- Article --- */
.article a { color: red; }
.article p { color: #fff !important; }

/* --- Order details --- */
.order-details__header ul li label { color: #fff; margin-left: 20px; white-space: nowrap; }

/* --- Receipt --- */
.receipt { border: none !important; background: #0b0f16; }
.receipt__wrapper { padding: 0 48px; }
.receipt__wrapper .receipt__header .icon-holder { margin-bottom: 50px !important; }
.receipt__wrapper .title--medium { font-size: 20px; color: #fff !important; margin-bottom: .8rem; margin-top: 1rem; }
.receipt__wrapper .receipt__support .list li {
  background: #075e54;
  height: 50px;
  padding: 0 25px;
  line-height: 50px;
  border-radius: 50px;
}
.receipt__wrapper .receipt__support .list li a { font-size: 18px; font-weight: 500; }
.receipt__wrapper .receipt__support h3 { color: #00b8ff; font-size: 18px; }
.receipt__wrapper .receipt__support h3 i { color: #00b8ff; margin: 0 .4rem; }
.receipt__wrapper font, .receipt__wrapper .title--primary { color: #fff !important; }
.receipt__support, .rec__content, receipt__share form { background-color: transparent !important; }
.receipt__support ul li .btn, .receipt__support ul li .shipping-tracker > a, .receipt__support h3 { color: #fff; }

/* --- Banner effect --- */
figure.banner-effect-1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgb(0 138 255);
  opacity: 0.15;
  z-index: 2;
  transition: transform .35s cubic-bezier(0.04, 0.76, 0.24, 1.1);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

/* --- Square images --- */
.home-block--square-images .col-md-4 { max-width: 50% !important; padding: 5px !important; }
.home-block--square-images { padding: 0 !important; }
.home-block--square-images .banner--square { margin: 0 !important; padding: 0 !important; }

/* --- Store features --- */
.store-feature p { margin: 0 auto; color: #fff; max-width: 80%; }

/* --- Checkbox --- */
.checkbox--primary input[type=checkbox]:checked + label,
.checkbox--primary input[type=radio]:checked + label { color: #fff; }

/* --- Mobile nav --- */
.mm-spn.mm-spn--light { color: #6dbcff; background: #111823; }
.mm-spn a { background: 0 0; }
.nav-mobile .main-nav, .side-panel__content { background-color: #0e141d; }

.nav-mobile .main-nav .sub-menu ul li:not(:last-child) a,
.nav-mobile .main-nav .sub-menu .menu-header { border-bottom: 1px solid; }

.nav-mobile .main-nav li a i, .nav-mobile .main-nav li a { color: #006dc9; }
.nav-mobile .main-nav li a.active,
.nav-mobile .main-nav li a:hover,
.nav-mobile .main-nav li a.active i,
.nav-mobile .main-nav li a:hover i { color: #006dc9; }

.popup-modal-wrap .popup-modal,
.nav-mobile .main-nav .sub-menu { background-color: #111823; }

/* --- Side panel --- */
.side-panel .store-about p, .side-panel .top-header__info a, .sicon-mail:before { color: #6dbcff !important; }
.side-panel .dropdonw-menu-wrap .btn.dropdown-trigger,
.side-panel .dropdonw-menu-wrap .shipping-tracker > a.dropdown-trigger,
.dropdonw-menu-wrap .dropdown-menu a.is-active,
.side-panel .dropdonw-menu-wrap .btn.dropdown-trigger.active,
.side-panel .dropdonw-menu-wrap .shipping-tracker > a.dropdown-trigger.active { background: 0 0; color: #6dbcff; }
.side-panel .dropdonw-menu-wrap .dropdown-menu.active { background: 0 0; }
.side-panel .dropdonw-menu-wrap .dropdown-menu a:hover { background-color: #0e141d; }

/* --- Footer --- */
.footer__bottom { background-color: #111823 !important; }
.footer__bottom, .footer__bottom span a { color: #fff !important; }
.footer__bottom a { opacity: 1; color: #006dc9; font-weight: 700; }
.footer__block p { margin: 0; color: #fff; }
.footer .footer-list li a { color: #fff; }
.footer .footer-list li a:hover { color: #006dc9; }
.footer .footer-list li a i { color: #006dc9; }
.footer .footer-list--row li:hover a {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box !important;
}
.footer .footer-list--row li:hover i { color: #fff; }
.store-contact-info .footer-list li { display: flex; }

/* --- Payment methods --- */
.payment-methods-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}
.footer-list--payment-methods {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer-list--payment-methods li {
  display: inline-flex !important;
  position: static !important;
  transform: none !important;
}
.footer-list--payment-methods li img {
  width: auto !important;
  max-width: 50px !important;
  height: 30px !important;
  object-fit: contain !important;
  filter: brightness(1.1) !important;
}
.footer-list--payment-methods li img[src=""],
.footer-list--payment-methods li img:not([src]) {
  display: none !important;
}
.footer__mid .col-md-8 { position: unset; }
.footer .container { position: relative; }

@media (max-width: 430px) {
  .footer-list--payment-methods {
    justify-content: center !important;
  }
  .footer__mid { margin-top: 0 !important; padding-top: 0 !important; }
  .footer__block { margin-bottom: 0 !important; padding-bottom: 0 !important; }
}

/* --- Scrollbar --- */
::-webkit-scrollbar-track { background: #0e141d !important; }
::-webkit-scrollbar-thumb {
  background: transparent linear-gradient(270deg, #0075d9 0%, #0064b9 100%) 0 0 no-repeat padding-box !important;
}


/* ╔═══════════════════════════════════════════════════════════╗
   ║  2. NAVIGATION BUTTONS — ستايل جديد (Glass Pill)         ║
   ╚═══════════════════════════════════════════════════════════╝ */

/* إخفاء شريط الأقسام — البانر الترحيبي يحتوي على نفس الأزرار */
custom-main-menu,
#mainnav,
.nav-desktop-wrapper,
.header-block--nav-wrapper,
.header-block--nav {
  display: none !important;
}

/* Desktop nav items — glass pill buttons */
.nav-desktop ul .menu-item > a,
.main-menu > li.root-level > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50px;
  padding: 7px 20px;
  margin: 8px 4px;
  font-size: 14px !important;
  font-weight: 600;
  font-family: 'Cairo', sans-serif;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0.2px;
}

/* Hover — blue glow */
.nav-desktop ul .menu-item > a:hover,
.main-menu > li.root-level > a:hover,
.nav-desktop ul .menu-item:hover > a,
.main-menu > li.root-level:hover > a {
  background: rgba(0, 117, 217, 0.18) !important;
  border-color: rgba(0, 138, 255, 0.4) !important;
  box-shadow: 0 0 20px rgba(0, 117, 217, 0.15), inset 0 0 12px rgba(0, 138, 255, 0.05);
  color: #fff !important;
  transform: translateY(-1px);
}

/* Active state — solid gradient */
.nav-desktop ul .menu-item.active > a,
.main-menu > li.root-level.active > a {
  background: linear-gradient(135deg, #0068c6 0%, #009dff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(0, 117, 217, 0.3);
}

/* Center the nav */
.nav-desktop--horizontal > ul { justify-content: center; }

/* Sub-menu dropdown */
.nav-desktop ul .menu-item .sub-menu,
.main-menu .root-level .sub-menu {
  background: #0e141d !important;
  border: 1px solid rgba(0, 138, 255, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
  padding: 6px !important;
  overflow: hidden;
}

.nav-desktop ul .menu-item .sub-menu a,
.main-menu .root-level .sub-menu a {
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  transition: background 0.2s ease;
  font-size: 13px !important;
  border: none !important;
  margin: 2px 0 !important;
  background: transparent !important;
}

.nav-desktop ul .menu-item .sub-menu a:hover,
.main-menu .root-level .sub-menu a:hover {
  background: rgba(0, 117, 217, 0.12) !important;
  color: #6dbcff !important;
}


/* ╔═══════════════════════════════════════════════════════════╗
   ║  3. PREMIUM EFFECTS — تأثيرات بصرية (حركة فقط)          ║
   ╚═══════════════════════════════════════════════════════════╝ */

/* --- Selection --- */
*::selection { background: #0075d9; color: #fff; }
html { scroll-behavior: smooth; }

/* --- Product card hover lift --- */
.product-block {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-block:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 138, 255, 0.08) !important;
}

/* --- Thumb zoom on hover --- */
.product-block__thumb .thumb-wrapper {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-block:hover .thumb-wrapper { transform: none; }

/* --- Shimmer sweep on hover --- */
.product-block__thumb { position: relative; overflow: hidden; }

.product-block__thumb::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
  transition: left 0.6s ease;
  z-index: 2;
  pointer-events: none;
}
.product-block:hover .product-block__thumb::after { left: 100%; }

/* --- Stagger product entrance --- */
.product-block:nth-child(1) { transition-delay: 0.05s; }
.product-block:nth-child(2) { transition-delay: 0.10s; }
.product-block:nth-child(3) { transition-delay: 0.15s; }
.product-block:nth-child(4) { transition-delay: 0.20s; }
.product-block:nth-child(5) { transition-delay: 0.25s; }
.product-block:nth-child(6) { transition-delay: 0.30s; }
.product-block:nth-child(7) { transition-delay: 0.35s; }
.product-block:nth-child(8) { transition-delay: 0.40s; }

/* --- Banner hover effects --- */
.banner--square, .home-block--square-images a {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative; overflow: hidden;
}

.banner--square::after, .home-block--square-images a::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
  transition: left 0.6s ease;
  z-index: 2; pointer-events: none;
}

.banner--square:hover::after, .home-block--square-images a:hover::after { left: 120%; }
.banner--square:hover, .home-block--square-images a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* --- Testimonial hover --- */
.testimonial-entry {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  position: relative; overflow: hidden;
}

.testimonial-entry::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 2px; height: 0;
  background: linear-gradient(180deg, #0075d9, #00a2ff);
  transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.testimonial-entry:hover::before { height: 100%; }
.testimonial-entry:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); }

/* --- Scroll reveal (JS adds classes) --- */
.reveal-up { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal-up.revealed { opacity: 1; transform: translateY(0); }

.reveal-left { opacity: 0; transform: translateX(-30px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal-left.revealed { opacity: 1; transform: translateX(0); }

.reveal-scale { opacity: 0; transform: scale(0.9); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1); }
.reveal-scale.revealed { opacity: 1; transform: scale(1); }

/* --- Section entrance --- */
.home-block {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-block:first-child, .home-block:first-of-type,
.home-block:has(.splide), .home-block:has(salla-slider), .home-block:has(.swiper),
.home-block:has([class*="slider"]), .home-block:has([class*="banner"]),
.home-block[class*="slider"], .home-block[class*="banner"],
.home-block[class*="testimonial"],
.home-block--bg, .home-block--fixed-banner {
  opacity: 1 !important;
  transform: none !important;
}

.home-block.visible { opacity: 1; transform: translateY(0); }

main section:not(:first-of-type), .home-block section, .content-wrapper section {
  animation: sectionAutoReveal 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.3s both;
}

main > section:first-of-type, main > *:first-child,
section:has(.splide), section:has(salla-slider), section:has(.swiper) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@keyframes sectionAutoReveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- Particles canvas (JS) --- */
#particles-canvas {
  position: fixed; top: 0; left: 0;
  width: 100vw; height: 100vh;
  pointer-events: none; z-index: 1;
}

/* --- Cursor glow (JS) --- */
.cursor-glow {
  position: fixed;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 158, 255, 0.04) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}

/* --- Footer gradient line --- */
.footer { position: relative; }
.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 10%;
  width: 80%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(59, 158, 255, 0.3), transparent);
}

/* --- Button hover lift --- */
.btn--padded:hover, .btn--primary:hover { transform: translateY(-2px); }

/* ╔═══════════════════════════════════════════════════════════╗
   ║  4. OVERRIDES — تعديلات نهائية                            ║
   ╚═══════════════════════════════════════════════════════════╝ */

/* --- Logo: يمين + أكبر + أنيميشن طفو (ديسكتوب فقط) --- */
@media (min-width: 769px) {
  header .site-header__wrapper .theme-logo {
    float: right !important;
    margin-right: 0 !important;
    display: block !important;
  }
}
@media (min-width: 769px) {
  header .site-header__wrapper .theme-logo a {
    width: 160px !important;
    display: inline-block !important;
  }
  header .site-header__wrapper .theme-logo a img {
    width: 100% !important;
    height: auto !important;
    filter: drop-shadow(0 0 8px rgba(0, 138, 255, 0.15));
    transition: filter 0.3s ease;
  }
  header .site-header__wrapper .theme-logo a:hover img {
    filter: drop-shadow(0 0 18px rgba(0, 138, 255, 0.35));
  }
}

/* --- البحث والسلة: مبدّلين + موازيين للشعار (ديسكتوب فقط) --- */
@media (min-width: 769px) {
  header .site-header__wrapper .form--search {
    float: left !important;
    margin-top: 65px !important;
    position: relative !important;
    right: -10px !important;
  }
  header .site-header__wrapper .main-header-components {
    float: left !important;
    margin-top: 58px !important;
    position: relative !important;
    right: 420px !important;
  }
}

/* --- شيل أي مربع/شريط حول الأزرار --- */
.hero__content,
.hero__content > *,
custom-main-menu,
#mainnav,
#mainnav .inner,
#mainnav > *,
.nav-desktop,
.nav-desktop-wrapper,
.header-block--nav-wrapper,
.header-block--nav,
.splide--main-slider,
.splide--main-slider .splide__track,
.splide--main-slider .splide__list {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: auto !important;
}
.splide--main-slider .splide__track {
  overflow: hidden !important;
}
.hero__content {
  padding: 0 !important;
  margin-top: 0.5rem !important;
  border-radius: 0 !important;
  pointer-events: none !important;
}
.hero__content a,
.hero__content button,
.hero__content .menu-item,
.hero__content .menu-item > a,
.nav-desktop ul .menu-item > a,
.main-menu > li.root-level > a,
header .site-header__wrapper .form--search,
header .site-header__wrapper .main-header-components,
header .site-header__wrapper .main-header-components *,
salla-cart-summary,
salla-cart-summary *,
salla-user-menu,
salla-user-menu * {
  pointer-events: auto !important;
}

/* --- Nav button sparkles on hover --- */
.nav-sparkle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  pointer-events: none;
  animation: navSparkleAnim 0.6s ease-out forwards;
  z-index: 50;
}
@keyframes navSparkleAnim {
  0% { opacity: 1; transform: scale(1) translate(0, 0); }
  100% { opacity: 0; transform: scale(0) translate(var(--sx), var(--sy)); }
}

/* --- Nav buttons: لون أغمق --- */
.nav-desktop ul .menu-item > a,
.main-menu > li.root-level > a {
  background: #080c14 !important;
  border: 1px solid #131c2c !important;
  color: #7cc4ff !important;
}
.nav-desktop ul .menu-item > a:hover,
.nav-desktop ul .menu-item:hover > a,
.main-menu > li.root-level > a:hover,
.main-menu > li.root-level:hover > a {
  background: #141e2e !important;
  border-color: #0075d9 !important;
  color: #fff !important;
}

/* --- User menu + Cart + Currency: ألوان فقط بدون تغيير حجم --- */
header salla-user-menu .s-user-menu-trigger,
header salla-user-menu .s-user-menu-trigger-slot,
header salla-user-menu .s-user-menu-wrapper .s-user-menu-trigger-slot {
  background: #0b1018 !important;
  background-image: none !important;
  border: none !important;
}
header salla-user-menu .s-user-menu-trigger-name,
header salla-user-menu .s-user-menu-trigger-hello { color: #c8e4ff !important; }
header salla-user-menu .s-user-menu-trigger-icon { color: #7cc4ff !important; }
/* Dropdown above cart/heart */
header salla-user-menu {
  z-index: 9999 !important;
  position: relative !important;
}
header salla-user-menu .s-user-menu-toggler,
header salla-user-menu .s-user-menu-dropdown,
header salla-user-menu .s-user-menu-wrapper {
  z-index: 9999 !important;
}

header salla-cart-summary .s-cart-summary-wrapper,
header salla-cart-summary .header-btn,
header salla-cart-summary,
header .site-header__cart,
header .site-header__cart .favorite-btn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
header .site-header__cart {
  z-index: 10 !important;
}
header salla-cart-summary {
  z-index: 10 !important;
  position: relative !important;
}
salla-cart-summary .s-cart-summary-count {
  background: #008aff !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 11 !important;
}
#cart-items-count-badge,
.badge--danger,
span.badge.badge--small.badge--circular {
  background: #008aff !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  z-index: 11 !important;
}
header salla-cart-summary .header-btn__icon {
  background: transparent !important;
  border: none !important;
  color: #7cc4ff !important;
}
header .site-header__cart .favorite-btn,
header .site-header__cart .favorite-btn * {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
}
header .site-header__cart .favorite-btn .sicon-heart:before {
  color: #fff !important;
}

/* --- زر العملة: ألوان فقط --- */
header .switchers .modal-trigger,
.top-header .switchers .modal-trigger {
  background: #0b1018 !important;
  background-image: none !important;
  border: none !important;
  color: #c8e4ff !important;
}

/* --- مودال العملة: ستايل كريتيف داكن --- */
.s-localization-modal .s-modal-body,
.s-modal-body:has(.s-localization-modal-title) {
  background: #0b1018 !important;
  border: 1px solid #1a2535 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 117, 217, 0.1) !important;
  overflow: hidden;
}
.s-localization-modal-title {
  color: #7cc4ff !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  background: linear-gradient(135deg, #0075d9, #00a2ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.s-localization-modal-label {
  color: #8ebbdf !important;
  font-size: 13px !important;
}
.s-localization-modal-currency {
  color: #c8e4ff !important;
}
/* Select / dropdown inside modal */
.s-localization-modal .s-modal-body select,
.s-localization-modal .s-modal-body .choices__inner,
.s-localization-modal .s-modal-body .form-control,
.s-modal-body:has(.s-localization-modal-title) select,
.s-modal-body:has(.s-localization-modal-title) .choices__inner,
.s-modal-body:has(.s-localization-modal-title) .form-control {
  background: #111823 !important;
  border: 1px solid #1a2535 !important;
  border-radius: 10px !important;
  color: #fff !important;
  padding: 10px 14px !important;
  transition: border-color 0.3s ease !important;
}
.s-modal-body:has(.s-localization-modal-title) select:focus,
.s-modal-body:has(.s-localization-modal-title) .choices__inner:focus,
.s-modal-body:has(.s-localization-modal-title) .form-control:focus {
  border-color: #0075d9 !important;
  box-shadow: 0 0 12px rgba(0, 117, 217, 0.15) !important;
}
/* Submit button */
.s-localization-modal .s-modal-body .s-button-element,
.s-localization-modal .s-modal-body button[type="submit"],
.s-modal-body:has(.s-localization-modal-title) .s-button-element,
.s-modal-body:has(.s-localization-modal-title) button[type="submit"],
.s-modal-body:has(.s-localization-modal-title) .btn--primary {
  background: linear-gradient(135deg, #0068c6, #009dff) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 18px rgba(0, 117, 217, 0.25) !important;
}
.s-modal-body:has(.s-localization-modal-title) .s-button-element:hover,
.s-modal-body:has(.s-localization-modal-title) button[type="submit"]:hover {
  box-shadow: 0 6px 24px rgba(0, 117, 217, 0.4) !important;
  transform: translateY(-1px);
}
/* Close button */
.s-localization-modal .s-modal-close,
.s-modal-body:has(.s-localization-modal-title) .s-modal-close {
  color: #7cc4ff !important;
  background: #111823 !important;
  border-radius: 50% !important;
  border: 1px solid #1a2535 !important;
}
/* Radio inputs */
.s-localization-modal-input {
  border-color: #1a2535 !important;
  background: #111823 !important;
}
.s-localization-modal-input:checked {
  border-color: #0075d9 !important;
  background: #0075d9 !important;
}

/* --- Radad Chat Widget (launcher button + window frame) --- */
/* Chat bubble/launcher button */
#radad-widget-container .radad-launcher,
#radad-widget-container [class*="launcher"],
#radad-chat-widget .radad-launcher,
.radad-launcher-button,
[id*="radad"] button[class*="launcher"],
[id*="radad"] [class*="bubble"] {
  background: linear-gradient(135deg, #0075d9, #0058a8) !important;
  border: 2px solid rgba(0,117,217,0.3) !important;
  box-shadow: 0 4px 20px rgba(0,117,217,0.4), 0 0 30px rgba(0,117,217,0.15) !important;
  transition: all 0.3s ease !important;
}
#radad-widget-container .radad-launcher:hover,
#radad-widget-container [class*="launcher"]:hover,
.radad-launcher-button:hover,
[id*="radad"] button[class*="launcher"]:hover {
  background: linear-gradient(135deg, #008aff, #0068cc) !important;
  box-shadow: 0 6px 28px rgba(0,117,217,0.5), 0 0 40px rgba(0,117,217,0.2) !important;
  transform: scale(1.05) !important;
}
/* Chat window frame */
#radad-widget-container iframe,
#radad-chat-widget iframe {
  border-radius: 16px !important;
  border: 1px solid rgba(0,117,217,0.15) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 20px rgba(0,117,217,0.1) !important;
}
/* NOTE: ألوان الدردشة من الداخل (الرسائل، الهيدر، حقل الكتابة) لازم تتغير من لوحة تحكم Radad */

/* ╔═══════════════════════════════════════════════════════════╗
   ║  5. COMPONENT ENHANCEMENTS — مكونات سلة المحسّنة         ║
   ╚═══════════════════════════════════════════════════════════╝ */

/* --- Rating stars (product page) --- */
salla-rating-stars {
  --star-color: #ffb800 !important;
}
salla-rating-stars .s-rating-stars-wrapper { gap: 2px; }
salla-rating-stars .s-rating-stars-wrapper svg,
salla-rating-stars .s-rating-stars-wrapper i {
  width: 12px !important;
  height: 12px !important;
}
salla-rating-stars .s-rating-stars-wrapper svg:nth-child(n+3),
salla-rating-stars .s-rating-stars-wrapper i:nth-child(n+3) {
  display: none !important;
}
salla-rating-stars .s-rating-stars-count { color: #7a8a9a !important; font-size: 13px !important; }

/* --- Breadcrumb --- */
salla-breadcrumb .s-breadcrumb-item a { color: #7a8a9a !important; transition: color 0.2s ease !important; }
salla-breadcrumb .s-breadcrumb-item a:hover { color: #4db8ff !important; }
salla-breadcrumb .s-breadcrumb-item.active span { color: #c8e4ff !important; }
salla-breadcrumb .s-breadcrumb-separator { color: #3a4a5a !important; }

/* --- Comments (product page) --- */
salla-comments { color: #c8e4ff !important; }
salla-comments .s-comments-header { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
salla-comments .s-comments-item {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  transition: border-color 0.3s ease !important;
}
salla-comments .s-comments-item:hover { border-color: rgba(0,117,217,0.15) !important; }
salla-comments .s-comments-item-name { color: #4db8ff !important; }
salla-comments .s-comments-item-date { color: #5a6a7a !important; }
salla-comments .s-comments-item-content { color: #c8e4ff !important; }
salla-comments .s-comments-reply {
  background: #0e141d !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}
salla-comments .s-comments-form textarea,
salla-comments .s-comments-form input {
  background: #1a2535 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
salla-comments .s-comments-form textarea:focus,
salla-comments .s-comments-form input:focus {
  border-color: #0075d9 !important;
  box-shadow: 0 0 10px rgba(0,117,217,0.15) !important;
}

/* --- Filters sidebar (category page) --- */
salla-filters {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}
salla-filters .s-filters-header { color: #fff !important; font-weight: 700 !important; }
salla-filters .s-filters-section-title { color: #c8e4ff !important; }
salla-filters label { color: #c8e4ff !important; }
salla-filters input[type="checkbox"] { accent-color: #0075d9 !important; }
salla-filters .s-filters-price-input {
  background: #1a2535 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: #fff !important;
}

/* --- Sort dropdown (category page) --- */
#product-filter {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #c8e4ff !important;
  padding: 8px 12px !important;
}
#product-filter option { background: #0e141d !important; color: #c8e4ff !important; }

/* --- Category/search page title --- */
#page-main-title { color: #fff !important; font-weight: 800 !important; }

/* --- Installment (product page) --- */
salla-installment {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
salla-installment .s-installment-header { color: #c8e4ff !important; }
salla-installment .s-installment-item { border-color: rgba(255,255,255,0.06) !important; }
salla-installment .s-installment-item-price { color: #4db8ff !important; font-weight: 700 !important; }
salla-installment .s-installment-item-months { color: #7a8a9a !important; }

/* --- Metadata (product page) --- */
salla-metadata {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  padding: 16px !important;
}
salla-metadata .s-metadata-item-label { color: #7a8a9a !important; }
salla-metadata .s-metadata-item-value { color: #c8e4ff !important; }

/* --- Related products slider --- */
salla-products-slider[source="related"] {
  margin-top: 32px !important;
}
salla-products-slider .s-block__title h2,
salla-products-slider .s-slider-block__title h2 { color: #fff !important; }

/* --- Product availability --- */
salla-scopes .s-scopes-item { background: #141c2b !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 10px !important; }
salla-scopes .s-scopes-item-name { color: #c8e4ff !important; }

/* --- Conditional offer (cart page) --- */
salla-conditional-offer { color: #c8e4ff !important; }

/* --- Cart coupons --- */
salla-cart-coupons .s-cart-coupons-input {
  background: #1a2535 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
salla-cart-coupons .s-cart-coupons-btn {
  background: linear-gradient(135deg, #0075d9, #0064b9) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
}

/* --- Loyalty (cart sidebar) --- */
salla-loyalty { color: #c8e4ff !important; }
salla-loyalty .s-loyalty-points { color: #4db8ff !important; font-weight: 700 !important; }

/* --- Gifting (cart/product) --- */
salla-gifting {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  color: #c8e4ff !important;
}

/* --- Promotion title ribbon --- */
.promotion-title {
  background: linear-gradient(135deg, #ff4500, #ff6b3d) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
}

/* --- Brand logo area --- */
.product-brand { transition: transform 0.3s ease !important; }
.product-brand:hover { transform: scale(1.05) !important; }

/* --- Product card (salla web component) --- */
salla-product-card .s-product-card-entry {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
salla-product-card .s-product-card-entry:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
  border-color: rgba(0,117,217,0.15) !important;
}

/* --- Quick order --- */
salla-quick-order {
  background: #141c2b !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  color: #c8e4ff !important;
}

/* --- Payments icons (footer) --- */
salla-payments { filter: brightness(1.2) !important; }

/* --- Trust badges --- */
salla-trust-badges img { filter: brightness(1.1) !important; }

/* --- (reserved) --- */

/* ╔═══════════════════════════════════════════════════════════╗
   ║  6. MOBILE RESPONSIVE — تصميم الجوال                     ║
   ╚═══════════════════════════════════════════════════════════╝ */

@media (max-width: 768px) {

  /* ══════ الهيدر ══════ */

  /* 1) إخفاء البريميوم + النافبار + يوزر */
  #mainnav, header #mainnav,
  .premium-nav-wrapper, custom-main-menu,
  .nav-desktop, .nav-desktop-wrapper,
  header salla-user-menu,
  header .site-header__wrapper .form--search {
    display: none !important;
  }

  /* 2) الـ wrapper — صف واحد 60px */
  header .site-header__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important; /* يبدأ من اليمين في RTL */
    height: 60px !important;
    max-height: 60px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    gap: 4px !important; /* مسافة أقل بين المجموعات */
    overflow: visible !important;
  }

  /* 3) الـ container يختفي من اللاي آوت */
  header .site-header__wrapper .container {
    display: contents !important;
  }

  /* 4) اللوقو — ندفعه لليمين، وmargin-left:auto يدفع الباقي لليسار */
  header .site-header__wrapper .theme-logo {
    float: none !important;
    margin: 0 !important;
    margin-right: 5px !important; /* إبعاد بسيط عن الطرف الأيمن */
    margin-left: auto !important; /* هذي اللي تدفع الأيقونات والسلة لليسار مع بعض */
    display: flex !important;
    align-items: center !important;
  }
  header .site-header__wrapper .theme-logo a img {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    object-fit: contain !important;
    animation: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* 5) مجموعة الأيقونات */
  header .site-header__wrapper .main-header-components {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  /* 6) مجموعة السلة — إجبار إظهار */
  header .site-header__cart,
  .site-header__cart {
    float: none !important;
    margin: 0 !important;
    margin-right: 10px !important;
    padding: 0 !important;
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* 7) salla-cart-summary — إجبار إظهار + relative للبادج */
  salla-cart-summary,
  header salla-cart-summary,
  header .site-header__cart salla-cart-summary {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    transform: translateY(3px) !important; /* تنزيل السلة تحت تكه */
  }
  salla-cart-summary i,
  salla-cart-summary svg,
  .site-header__cart i,
  .site-header__cart svg {
    color: #008aff !important;
    fill: #008aff !important;
  }
  .s-cart-summary-icon,
  i.s-cart-summary-icon {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  
  /* إخفاء وتصفير العناصر الداخلية للسلة اللي تسبب مسافات فاضية */
  .s-cart-summary-content {
    display: none !important;
  }
  a.s-cart-summary-wrapper,
  .s-cart-summary-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
  }

  salla-cart-summary .s-cart-summary-count {
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
    transform: scale(0.8) !important;
    margin: 0 !important;
    padding: 2px 5px !important;
    line-height: 1 !important;
    background: #008aff !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 11 !important;
  }

  /* 8) القلب — static */
  header .site-header__cart .favorite-btn {
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: translate(8px, 3px) !important; /* يمين زيادة تكه وتحت تكه */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #008aff !important;
  }
  header .site-header__cart .favorite-btn i::before {
    color: #008aff !important;
  }

  /* 9) هيدر ثابت عند السكرول */
  header.fixed-header #mainnav { display: none !important; }
  header.fixed-header .site-header__wrapper {
    height: 46px !important;
    max-height: 46px !important;
  }
  header.fixed-header .site-header__wrapper .theme-logo a img {
    max-height: 26px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* ── Top header — نفس الكود الأصلي فقط ── */
  .top-header {
    border-bottom: #545454 dotted 1px !important;
  }

  /* ── محتوى الصفحة — رفعه فوق النافبار السفلي ── */
  body {
    padding-bottom: 70px !important;
  }
  /* النافبار السفلي من سلة */
  .s-bottom-nav,
  salla-bottom-alert,
  [class*="bottom-nav"],
  [class*="mobile-nav-bar"],
  .mobile-bottom-nav {
    z-index: 999 !important;
  }

  /* ── زر رداد — رفعه فوق النافبار السفلي ── */
  #radad-chat-button,
  .radad-open,
  #radad-widget-container,
  #radad-chat-widget,
  [id*="radad"],
  .radad-launcher-button {
    bottom: 80px !important;
    z-index: 998 !important;
  }

  /* ── البانر/السلايدر ── */
  .splide--main-slider,
  .hero__content {
    border-radius: 0 !important;
  }
  .splide--main-slider img {
    border-radius: 0 !important;
  }

  /* ── الهوم بلوكات: تقليل padding ── */
  .home-block {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .home-block .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* ── شبكة المنتجات: عمودين ── */
  .product-list,
  .products-container,
  [class*="product-list"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .product-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .product-block__thumb img {
    border-radius: 10px !important;
  }

  /* ── البانرات المربعة ── */
  .home-block--square-images .col-md-4 {
    max-width: 50% !important;
    padding: 4px !important;
  }

  /* ── سكشن المميزات (features banner) ── */
  #pm-features-banner {
    padding: 30px 10px !important;
  }
  .pm-features-row {
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
  }
  .pm-features-row::before {
    display: none !important;
  }
  .pm-feature-card {
    padding: 0 !important;
  }
  .pm-feature-icon {
    width: 56px !important;
    height: 56px !important;
  }

  /* ══════════════════════════════════════════
     صفحة المنتج — Best Practice Mobile
     Base font: 16px, Touch target: 44px min
     Spacing: 8px grid, line-height: 1.5
     ══════════════════════════════════════════ */

  .main-content {
    padding: 12px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .sidebar {
    padding: 0 8px !important;
  }
  .product-form > section {
    padding: 14px !important;
  }
  .product-form > section.flex .total-price {
    font-size: 22px !important;
  }
  .sticky-product-bar salla-add-product-button .s-button-element {
    padding: 14px !important;
    font-size: 16px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  /* ── النجوم — Rating Stars (متمركزة) ── */
  salla-rating-stars {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    width: 100% !important;
    --star-color: #ffb800 !important;
  }
  salla-rating-stars .s-rating-stars-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    flex-wrap: nowrap !important;
  }
  salla-rating-stars .s-rating-stars-wrapper svg,
  salla-rating-stars .s-rating-stars-wrapper i,
  salla-rating-stars svg,
  salla-rating-stars i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex-shrink: 0 !important;
    color: #ffb800 !important;
    fill: #ffb800 !important;
  }
  salla-rating-stars .s-rating-stars-count {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #7a8a9a !important;
    font-size: 13px !important;
    margin-inline-start: 4px !important;
    white-space: nowrap !important;
  }
  /* النجوم داخل الكومنت */
  salla-comments salla-rating-stars,
  .s-comments-item salla-rating-stars {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .sicon-star-o:before,
  .sicon-star:before {
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffb800 !important;
  }
  /* Rating wizard (التقييم بعد الشراء) */
  .rating-wizard {
    padding: 16px !important;
    border-radius: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .rating-wizard__nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 4px !important;
  }
  .rating-wizard__nav li {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* ── آراء العملاء — Comments/Reviews ── */
  salla-comments {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    color: #c8e4ff !important;
  }
  salla-comments .s-comments-wrapper,
  salla-comments .s-comments-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  salla-comments .s-comments-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin-bottom: 12px !important;
  }
  salla-comments .s-comments-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #141c2b !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  salla-comments .s-comments-item-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  salla-comments .s-comments-item-avatar,
  salla-comments .s-comments-item-avatar img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }
  salla-comments .s-comments-item-name {
    color: #4db8ff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
  salla-comments .s-comments-item-date {
    color: #5a6a7a !important;
    font-size: 13px !important;
  }
  salla-comments .s-comments-item-content {
    color: #c8e4ff !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  salla-comments .s-comments-item-rating {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    gap: 2px !important;
    margin-bottom: 6px !important;
  }
  /* النجوم داخل التعليق */
  salla-comments .s-comments-item-rating svg,
  salla-comments .s-comments-item-rating i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    color: #ffb800 !important;
    fill: #ffb800 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  salla-comments .s-comments-reply {
    background: #0e141d !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.04) !important;
    padding: 12px !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  /* Badge مشتري */
  salla-comments .s-comments-item .badge,
  .view-comment__comment .comment-wrapper .badge {
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    background: #008aff !important;
    color: #fff !important;
  }
  /* فورم التعليق */
  salla-comments .s-comments-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 16px !important;
    padding: 0 !important;
  }
  salla-comments .s-comments-form textarea,
  salla-comments .s-comments-form input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #1a2535 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 12px !important;
    line-height: 1.5 !important;
    min-height: 48px !important;
  }
  salla-comments .s-comments-form textarea {
    min-height: 100px !important;
    resize: vertical !important;
  }
  salla-comments .s-comments-form textarea:focus,
  salla-comments .s-comments-form input:focus {
    border-color: #0075d9 !important;
    box-shadow: 0 0 10px rgba(0,117,217,0.15) !important;
    outline: none !important;
  }
  salla-comments .s-comments-form .s-button-element,
  salla-comments .s-comments-form button[type="submit"] {
    min-height: 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    width: 100% !important;
  }
  /* قسم التعليقات القديم (view-comment) */
  .view-comment,
  .view-comment__comment {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .view-comment__comment--has-replays {
    padding: 10px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }
  .view-comment__comment .comment-wrapper {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .view-comment__comment .comment-wrapper p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .view-comment__comment .comment-wrapper .name {
    font-size: 15px !important;
  }
  .insert-question,
  .view-comment .comments-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
  }
  .s-comment-form-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    min-height: 48px !important;
    padding: 12px !important;
  }
  /* Testimonials responsive */
  .testimonial-entry {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* ══════════════════════════════════════════
     صفحة السلة — تنسيق الجوال
     ══════════════════════════════════════════ */

  /* الخطوات (breadcrumb السلة) */
  .cart-steps,
  .checkout-steps,
  [class*="steps"] {
    font-size: 13px !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  /* كارت المنتج في السلة */
  section.cart-item {
    padding: 14px !important;
    margin-bottom: 10px !important;
    border-radius: 12px !important;
  }
  section.cart-item img {
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 8px !important;
  }

  /* صف المنتج — تنظيم */
  section.cart-item > div,
  section.cart-item .cart-item__details,
  section.cart-item .flex {
    gap: 8px !important;
  }

  /* اسم المنتج */
  section.cart-item h1,
  section.cart-item a[href*="product"] {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }

  /* السعر */
  section.cart-item .item-price,
  section.cart-item .item-total,
  section.cart-item .text-primary {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  /* زر الحذف — مرتب */
  section.cart-item .btn--delete,
  section.cart-item salla-button[color="danger"],
  section.cart-item [class*="delete"],
  section.cart-item [class*="remove"] {
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 4px !important;
    font-size: 13px !important;
  }

  /* الكمية — مضغوطة */
  section.cart-item salla-quantity-input .s-quantity-input-container {
    height: 34px !important;
    border-radius: 8px !important;
  }
  section.cart-item salla-quantity-input .s-quantity-input-input {
    width: 32px !important;
    font-size: 13px !important;
  }
  section.cart-item salla-quantity-input .s-quantity-input-button {
    width: 28px !important;
    height: 28px !important;
  }

  /* الجدول (لو السلة جدولية) */
  table.cart-table,
  .cart-table {
    display: block !important;
    overflow-x: auto !important;
  }
  table.cart-table td,
  table.cart-table th {
    padding: 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* ملخص السلة — أسفل */
  .cart-summary,
  .cart-total,
  [class*="cart-summary"],
  [class*="order-summary"] {
    padding: 14px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }
  .cart-summary td,
  .cart-summary th,
  .cart-total td,
  .cart-total th {
    padding: 8px 0 !important;
    font-size: 14px !important;
  }

  /* الإجمالي */
  [data-cart-total] {
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  /* زر إتمام الطلب — عريض وواضح */
  .cart-submit-wrap,
  .cart-submit-wrap salla-button,
  #cart-submit {
    width: 100% !important;
    display: block !important;
  }
  .cart-submit-wrap salla-button .s-button-element,
  #cart-submit .s-button-element,
  .cart-submit-wrap .s-button-element {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    justify-content: center !important;
    padding: 12px 20px !important;
  }

  /* كوبون الخصم */
  salla-cart-coupons {
    width: 100% !important;
  }
  salla-cart-coupons .s-cart-coupons-input {
    font-size: 14px !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
  }
  salla-cart-coupons .s-cart-coupons-btn {
    min-height: 42px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
  }

  /* الصفحة عموماً — منع أزرار مبعثرة */
  .cart-page .flex,
  .cart-content .flex,
  [class*="cart"] .flex {
    flex-wrap: wrap !important;
  }
  .cart-page .gap-4,
  .cart-content .gap-4 {
    gap: 8px !important;
  }

  /* ══════════════════════════════════════════
     أفضل ممارسات الجوال — عام
     Touch: 44-48px min, Font: 16px base
     ══════════════════════════════════════════ */

  /* ── الأزرار — Touch target 48px min ── */
  .btn, .s-button-element {
    font-size: 15px !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
  }

  /* ── النصوص — 16px base ── */
  body {
    font-size: 16px !important;
    line-height: 1.5 !important;
    -webkit-text-size-adjust: 100% !important;
  }
  p, li, span, label {
    font-size: inherit !important;
    line-height: 1.5 !important;
  }
  h1 { font-size: 1.5rem !important; }
  h2 { font-size: 1.3rem !important; }
  h3 { font-size: 1.15rem !important; }

  /* ── حقول الإدخال — 16px min (يمنع iOS zoom) ── */
  input, textarea, select {
    font-size: 16px !important;
    min-height: 44px !important;
  }

  /* ── الفوتر ── */
  .footer {
    padding: 20px 12px !important;
  }
  .footer__mid .row {
    flex-direction: column !important;
  }
  .footer-list--payment-methods {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .footer-list--payment-methods li img {
    max-height: 24px !important;
  }

  /* ── النيون لاين ── */
  #pm-neon-bar {
    height: 20px !important;
    bottom: -10px !important;
  }

  /* ── الكيرسر: إلغاء على الجوال (النجوم شغالة) ── */
  .cursor-glow {
    display: none !important;
  }

  /* ── منع overflow أفقي ── */
  body, html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  body > * {
    max-width: 100vw !important;
  }
  header, footer, section, .home-block, .container {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .pm-welcome-section, .pm-welcome-inner {
    overflow: hidden !important;
    max-width: 100vw !important;
  }
  #pm-neon-bar, #pm-neon-svg {
    max-width: 100vw !important;
    overflow: hidden !important;
  }
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  /* SVG عام (ما عدا النجوم) */
  svg:not([class*="s-rating"]) {
    max-width: 100% !important;
  }

  /* ── صفحة الطلب/الإيصال ── */
  .receipt__wrapper {
    padding: 0 16px !important;
  }

  /* ── مودال العملة ── */
  .s-localization-modal .s-modal-body,
  .s-modal-body:has(.s-localization-modal-title) {
    margin: 10px !important;
    border-radius: 14px !important;
  }

  /* ── صفحة التصنيف: فلاتر ── */
  salla-filters {
    border-radius: 10px !important;
    padding: 12px !important;
  }

  /* ── breadcrumb ── */
  salla-breadcrumb {
    font-size: 13px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 8px 0 !important;
  }

  /* ── أزرار صفحة المنتج (المفضلة والمشاركة) ── */
  .btn--wishlist,
  salla-social-share button,
  salla-social-share .s-button-element {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important; /* دائري الشكل */
    flex-shrink: 0 !important;
  }
  .btn--wishlist i,
  .btn--wishlist svg,
  salla-social-share button i,
  salla-social-share button svg,
  salla-social-share .s-button-element i,
  salla-social-share .s-button-element svg {
    margin: 0 !important;
    font-size: 18px !important; /* حجم الأيقونة جوا الزر */
    display: inline-block !important;
  }
}

/* ── شاشات أصغر (موبايل صغير) ── */
@media (max-width: 420px) {
  .product-list,
  .products-container,
  [class*="product-list"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
  }
  .pm-feature-title {
    font-size: 0.95rem !important;
  }
  .pm-feature-desc {
    font-size: 0.8rem !important;
  }
  .product-form > section.flex .total-price {
    font-size: 20px !important;
  }
}

/* --- أزرار المنتجات المخصصة --- */