@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

@property --pa-a {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
@keyframes pa-rotate { to { --pa-a: 360deg; } }
@keyframes pa-shine {
  0%   { transform: translateX(-130%); }
  60%, 100% { transform: translateX(130%); }
}
@keyframes pa-flame {
  0%, 100% { transform: scale(1) rotate(-3deg); }
  50%      { transform: scale(1.1, 1.22) rotate(3deg); }
}
@keyframes pa-drift {
  0%   { transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1); }
  50%  { transform: translate3d(3%, 2%, 0) rotate(6deg) scale(1.08); }
  100% { transform: translate3d(-2%, 4%, 0) rotate(-4deg) scale(1); }
}

:root {
  --pa-950: #031a12;
  --pa-900: #04251a;
  --pa-800: #063d2a;
  --pa-700: #0a5a3c;
  --pa-600: #0d6e48;
  --pa-500: #12875a;
  --pa-400: #34a873;
  --pa-300: #7cc9a1;
  --pa-100: #e1f1e8;
  --pa-gold: #c8a44d;
  --pa-ink: #0b2a1f;
  --pa-muted: #5a776a;

  --pa-grad: linear-gradient(135deg, #12875a 0%, #0a5a3c 45%, #04251a 100%);
  --pa-glass-strong: rgba(255, 255, 255, .92);
  --pa-shadow: 0 14px 34px -14px rgba(4, 37, 26, .38), 0 2px 8px rgba(4, 37, 26, .08);
  --pa-shadow-sm: 0 6px 16px -8px rgba(4, 37, 26, .3);

  --pa-r-lg: 28px;
  --pa-r-md: 20px;
  --pa-r-sm: 14px;

  --pa-font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;

  --color-primary: #0d6e48 !important;
  --color-primary-dark: #0a5a3c !important;
  --color-primary-light: #e1f1e8 !important;
  --color-primary-reverse: #ffffff !important;
  --main-text-color: #0b2a1f !important;
  --font-main: var(--pa-font) !important;
}

/* أدوات مساعدة */
.pa-hide { display: none !important; }
.pa-nobg {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* الخط */
html, body,
body *:not(i):not(.sicon):not([class^="sicon-"]):not([class*=" sicon-"]):not(svg):not(svg *) {
  font-family: var(--pa-font) !important;
  -webkit-font-smoothing: antialiased;
}
body { color: var(--pa-ink); line-height: 1.65; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.35; color: var(--pa-900); }

/* الخلفية: شفق هادئ متحرك + نقش شبه مخفي (مريح للقراءة) */
html { min-height: 100%; background: #bcdac9; }
body, #app, main, .main-content, .app-inner, .store-wrapper, .page-wrapper {
  background: transparent !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='%230a5a3c' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E") center top / 80px 80px repeat,
    radial-gradient(900px 520px at 90% -5%, rgba(255, 255, 255, .5), transparent 60%),
    linear-gradient(180deg, #c9e3d4 0%, #b9d9c7 55%, #c0ddcd 100%);
}
body::after {
  content: "";
  position: fixed;
  inset: -25%;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(38% 30% at 25% 30%, rgba(52, 168, 115, .30), transparent 70%),
    radial-gradient(34% 28% at 75% 25%, rgba(255, 255, 255, .40), transparent 70%),
    radial-gradient(40% 32% at 60% 75%, rgba(10, 90, 60, .22), transparent 70%),
    radial-gradient(30% 26% at 15% 80%, rgba(124, 201, 161, .35), transparent 70%);
  animation: pa-drift 38s ease-in-out infinite alternate;
  will-change: transform;
}
#pa-sky {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: .8;
}

/* إخفاء البحث بالكامل */
salla-search, .s-search, .s-search-input,
.top-navbar:has(salla-search),
.top-navbar:has(.s-search-input) {
  display: none !important;
}

/* الهيدر العلوي */
#mainnav,
.store-header,
header.store-header,
.main-nav-container,
.pa-header {
  background-color: var(--pa-glass-strong) !important;
  background-image: linear-gradient(90deg, transparent 0%, var(--pa-500) 30%, var(--pa-300) 50%, var(--pa-500) 70%, transparent 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: bottom center;
  border: 0 !important;
  border-radius: 0 0 var(--pa-r-lg) var(--pa-r-lg);
  box-shadow: var(--pa-shadow);
  z-index: 500 !important;
}
.main-nav-container .container,
.main-nav-container .inner,
.store-header .container,
.store-header .inner {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.pa-scrolled #mainnav,
body.pa-scrolled .main-nav-container,
body.pa-scrolled .pa-header {
  box-shadow: 0 18px 38px -14px rgba(4, 37, 26, .45);
}
.store-header a,
.store-header button,
.store-header [class^="sicon-"],
.store-header [class*=" sicon-"],
.store-header salla-cart-summary,
.store-header salla-user-menu,
.pa-header a,
.pa-header button,
.pa-header [class^="sicon-"] {
  color: var(--pa-700) !important;
}
.s-cart-summary-count,
.cart-count,
.store-header .badge {
  background: var(--pa-grad) !important;
  color: #fff !important;
  border: 2px solid #fff;
  box-shadow: 0 4px 10px -2px rgba(4, 37, 26, .45);
  font-weight: 700;
}
.top-navbar,
.s-advertisement,
salla-advertisement {
  background: linear-gradient(90deg, var(--pa-950), var(--pa-800) 50%, var(--pa-950)) !important;
  color: #e8f6ee !important;
  font-weight: 500;
}
.top-navbar *, .s-advertisement *, salla-advertisement * { color: #e8f6ee !important; }

/* الشريط السفلي */
.bottom-navigation,
.s-bottom-navigation,
.mobile-bottom-nav,
#bottom-navigation,
.footer-navbar,
.btm-nav,
salla-bottom-navigation,
nav[class*="bottom"] {
  background-color: var(--pa-glass-strong) !important;
  background-image: linear-gradient(90deg, transparent 0%, var(--pa-500) 30%, var(--pa-300) 50%, var(--pa-500) 70%, transparent 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: top center;
  border: 0 !important;
  border-radius: var(--pa-r-lg) var(--pa-r-lg) 0 0;
  box-shadow: 0 -12px 30px -14px rgba(4, 37, 26, .35);
  padding-bottom: env(safe-area-inset-bottom);
}
.bottom-navigation a,
.s-bottom-navigation a,
.mobile-bottom-nav a,
.footer-navbar a,
nav[class*="bottom"] a {
  color: #6b8a7b !important;
  font-weight: 600;
  font-size: 12px;
}
.bottom-navigation a.active,
.s-bottom-navigation a.active,
.mobile-bottom-nav a.active,
.footer-navbar a.active,
nav[class*="bottom"] a.active,
nav[class*="bottom"] a[aria-current="page"] {
  color: var(--pa-700) !important;
}

/* القائمة الجانبية */
.mm-menu, .mm-spn, #mobile-menu, .mobile-menu, .sidebar-menu, .side-menu {
  background: #edf6f1 !important;
  color: var(--pa-ink) !important;
  overflow-x: hidden !important;
  box-shadow: -18px 0 40px -20px rgba(4, 37, 26, .45);
}
.mm-spn ul, .mm-spn li > ul,
.mm-menu .mm-panel, .mm-panels > .mm-panel,
.mobile-menu ul ul, .sidebar-menu ul ul, .side-menu ul ul {
  background: #edf6f1 !important;
}
.mm-spn li, .mm-listitem,
.mobile-menu li, .sidebar-menu li, .side-menu li {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid rgba(13, 110, 72, .14) !important;
  margin: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
.mm-spn li a, .mm-listitem a,
.mobile-menu li a, .sidebar-menu li a, .side-menu li a {
  color: var(--pa-800) !important;
  font-weight: 600;
}
.mm-spn li a:active, .mm-listitem a:active { background: var(--pa-100) !important; }
.mm-spn li::after, .mm-listitem::after { border-color: var(--pa-500) !important; }
.mm-spn .mm-spn--navbar, .mm-navbar {
  background: var(--pa-grad) !important;
  color: #fff !important;
}
.mm-spn .mm-spn--navbar *, .mm-navbar * { color: #fff !important; }
.mm-spn .mm-spn--navbar::before, .mm-spn .mm-spn--navbar::after { border-color: #fff !important; }
.mm-wrapper__blocker { background: rgba(3, 26, 18, .5) !important; }

/* عناوين الأقسام */
.s-slider-block__title,
.section-title,
.s-block__title,
.s-products-list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.s-slider-block__title::before, .s-slider-block__title::after,
.section-title::before, .section-title::after,
.s-block__title::before, .s-block__title::after {
  content: "";
  flex: 0 0 52px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--pa-700));
}
.s-slider-block__title::after,
.section-title::after,
.s-block__title::after {
  background: linear-gradient(270deg, transparent, var(--pa-700));
}
.s-slider-block__title h2, .section-title h2, .s-block__title h2 {
  margin: 0;
  font-size: 18px;
  color: var(--pa-900);
}

/* رأس صفحة القسم */
.page-header,
.category-header,
.page-title-section {
  background-color: var(--pa-glass-strong) !important;
  border-radius: 0 0 var(--pa-r-lg) var(--pa-r-lg);
  box-shadow: var(--pa-shadow);
  background-image: linear-gradient(90deg, transparent, var(--pa-500), var(--pa-300), var(--pa-500), transparent);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-block: 22px;
}
.page-header h1, .category-header h1, .page-title-section h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--pa-900);
}

/* شريط المسار */
.pa-flat,
.breadcrumb-section,
.s-breadcrumb-wrapper {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding-block: 6px !important;
}
.pa-flat::before, .pa-flat::after,
.breadcrumb-section::before, .breadcrumb-section::after { display: none !important; }
.breadcrumbs, .s-breadcrumb, .breadcrumb { font-weight: 500; font-size: 14px; }
.breadcrumbs a, .s-breadcrumb a, .breadcrumb a { color: var(--pa-800) !important; }

/* بطاقات المنتجات */
.s-product-card-entry,
.product-entry,
salla-product-card .s-product-card-entry {
  position: relative;
  border: 1.5px solid transparent !important;
  border-radius: var(--pa-r-lg) !important;
  background:
    linear-gradient(var(--pa-glass-strong), var(--pa-glass-strong)) padding-box,
    linear-gradient(145deg, var(--pa-400), rgba(255, 255, 255, .9) 45%, var(--pa-600)) border-box !important;
  box-shadow: var(--pa-shadow);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.s-product-card-entry:hover { transform: translateY(-3px); }
.s-product-card-image { padding: 10px 10px 0; background: transparent !important; }
.s-product-card-image img,
.s-product-card-image-cover,
.s-product-card-image-contain { border-radius: var(--pa-r-md) !important; }
.s-product-card-content { text-align: center; padding: 14px 14px 18px; }
.s-product-card-content-title,
.s-product-card-content-title a {
  font-size: 17px;
  font-weight: 700;
  color: var(--pa-900) !important;
}
.s-product-card-promotion-title,
.product-card-badge,
.s-product-card-entry .badge {
  background: linear-gradient(135deg, #0a5a3c, #04251a) !important;
  color: var(--pa-gold) !important;
  border-radius: 0 var(--pa-r-md) 0 var(--pa-r-sm) !important;
  font-weight: 700;
  font-size: 12px;
  padding: 6px 14px;
}
.s-product-card-price,
.s-product-card-sale-price h4,
.total-price,
.product-price {
  color: var(--pa-700) !important;
  font-weight: 700;
}

/* الأزرار */
.s-button-primary,
.s-button-solid,
.btn--primary,
.s-button-element.s-button-solid,
.s-product-card-content-footer .s-button-element,
salla-add-product-button .s-button-element {
  background: var(--pa-grad) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--pa-r-md) !important;
  font-weight: 700;
  min-height: 48px;
  box-shadow: 0 12px 22px -10px rgba(4, 37, 26, .6), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.s-button-outline, .btn--outline {
  border: 1.5px solid var(--pa-500) !important;
  color: var(--pa-700) !important;
  border-radius: var(--pa-r-md) !important;
  background: rgba(255, 255, 255, .85) !important;
}

/* صفحة المنتج */
.product-single .product-image,
.product-entry-gallery,
.product-gallery {
  border: 1.5px solid transparent;
  border-radius: var(--pa-r-lg) !important;
  background:
    linear-gradient(var(--pa-glass-strong), var(--pa-glass-strong)) padding-box,
    linear-gradient(145deg, var(--pa-400), rgba(255, 255, 255, .9) 45%, var(--pa-600)) border-box;
  box-shadow: var(--pa-shadow);
  overflow: hidden;
}
.product-gallery img, .main-image { border-radius: var(--pa-r-lg) !important; }
.product-single h1, .product-details h1, .product-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: var(--pa-900);
}
.product-tag, .s-product-tag, .product-label {
  background: var(--pa-100) !important;
  color: var(--pa-700) !important;
  border: 1px solid rgba(18, 135, 90, .3);
  border-radius: 999px;
  padding: 4px 16px;
  font-weight: 600;
}

/* صناديق المعلومات (رقم الموديل / السعر) */
.pa-info {
  background: linear-gradient(135deg, rgba(10, 90, 60, .95), rgba(4, 37, 26, .95)) !important;
  border: 1px solid rgba(124, 201, 161, .35) !important;
  border-radius: var(--pa-r-md) !important;
  box-shadow: var(--pa-shadow) !important;
  padding: 14px 18px !important;
}
.pa-info, .pa-info * { color: #eaf7f0 !important; }

/* بطاقة "تم شراؤه" المتحركة */
.pa-sold-wrap { display: flex; justify-content: center; margin: 10px 0; }
.pa-sold {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 999px;
  overflow: hidden;
  isolation: isolate;
  border: 2px solid transparent;
  background:
    linear-gradient(135deg, #0a5a3c, #04251a) padding-box,
    conic-gradient(from var(--pa-a), rgba(124, 201, 161, .25) 0%, #7cc9a1 25%, #f0c75e 40%, rgba(124, 201, 161, .25) 60%, rgba(124, 201, 161, .25) 100%) border-box;
  animation: pa-rotate 4s linear infinite;
  box-shadow: 0 12px 26px -10px rgba(4, 37, 26, .6);
  color: #eaf7f0;
  font-weight: 600;
}
.pa-sold::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .2) 50%, transparent 65%);
  animation: pa-shine 3.4s ease-in-out infinite;
}
.pa-sold-flame {
  width: 26px;
  height: 26px;
  color: #f0c75e;
  transform-origin: 50% 100%;
  animation: pa-flame 1.4s ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(240, 199, 94, .75));
}
.pa-sold-flame svg { width: 100%; height: 100%; display: block; fill: currentColor; }
.pa-sold-num {
  font-size: 22px;
  font-weight: 700;
  color: #f0c75e;
  font-variant-numeric: tabular-nums;
}
.pa-sold-label, .pa-sold-unit { font-size: 14px; color: #eaf7f0; }

.cashback-banner, .s-loyalty-banner, .product-cashback, .s-cashback {
  background: linear-gradient(120deg, var(--pa-700), var(--pa-950)) !important;
  color: #fff !important;
  border-radius: var(--pa-r-md);
  padding: 14px 18px;
  box-shadow: var(--pa-shadow);
}
.cashback-banner *, .s-loyalty-banner *, .product-cashback *, .s-cashback * { color: #fff !important; }

.sticky-product-bar,
.product-form-fixed,
.fixed-add-to-cart,
.product-fixed-bar,
.s-add-product-button-fixed {
  background-color: var(--pa-glass-strong) !important;
  border: 0 !important;
  border-radius: var(--pa-r-lg) var(--pa-r-lg) 0 0;
  box-shadow: 0 -14px 34px -14px rgba(4, 37, 26, .4);
  background-image: linear-gradient(90deg, transparent, var(--pa-500), var(--pa-300), var(--pa-500), transparent);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: top center;
}
.s-quantity-input-container {
  background: #fff !important;
  border: 1.5px solid var(--pa-300) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.s-quantity-input-container button,
.s-quantity-input-container [class^="sicon-"] { color: var(--pa-600) !important; }
.s-quantity-input-input { font-weight: 700; color: var(--pa-900); }

/* ===== الوصف (تصميم احترافي) ===== */
.pa-desc {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(255, 255, 255, .95) !important;
  border-radius: var(--pa-r-lg) !important;
  box-shadow: var(--pa-shadow) !important;
  padding: 24px 18px 18px !important;
  margin-block: 16px;
}
.pa-desc::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--pa-700), var(--pa-400), var(--pa-700));
}
.pa-desc > :first-child { margin-top: 0 !important; }
.pa-desc p,
.pa-desc span,
.pa-desc div,
.pa-desc li {
  color: #1d3a2e !important;
  background-color: transparent;
}
.pa-desc p {
  font-size: 15.5px !important;
  line-height: 1.95 !important;
  margin: 0 0 14px !important;
  text-align: start;
}
.pa-desc > p:first-of-type {
  font-weight: 500;
  padding-inline-start: 14px;
  border-inline-start: 3px solid var(--pa-400);
}
.pa-desc strong, .pa-desc b { color: var(--pa-700) !important; font-weight: 700; }
.pa-desc a { color: var(--pa-600) !important; text-decoration: underline; text-underline-offset: 3px; }
.pa-desc h1, .pa-desc h2, .pa-desc h3, .pa-desc h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 19px !important;
  line-height: 1.5;
  margin: 24px 0 12px !important;
  color: var(--pa-900) !important;
}
.pa-desc h1::before, .pa-desc h2::before, .pa-desc h3::before, .pa-desc h4::before {
  content: "";
  flex: none;
  width: 5px;
  height: 22px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--pa-400), var(--pa-700));
}
.pa-desc ul, .pa-desc ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 14px 0 !important;
  display: grid;
  gap: 8px;
}
.pa-desc li {
  position: relative;
  list-style: none !important;
  padding: 11px 14px !important;
  padding-inline-start: 48px !important;
  background: rgba(18, 135, 90, .07) !important;
  border: 1px solid rgba(18, 135, 90, .14);
  border-radius: 14px;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}
.pa-desc li::marker { content: ""; }
.pa-desc li::before {
  content: "";
  position: absolute;
  inset-inline-start: 12px;
  top: 13px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat,
    linear-gradient(135deg, #12875a, #0a5a3c);
}
.pa-desc img { max-width: 100%; height: auto; border-radius: var(--pa-r-md); }

/* خيارات المنتج */
.s-product-options-wrapper,
.product-options,
.product-form .s-form-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.s-product-options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.s-product-options-option-container {
  position: relative;
  border: 2px solid transparent !important;
  border-radius: var(--pa-r-lg) !important;
  background:
    linear-gradient(#fbfefc, #f0f8f3) padding-box,
    conic-gradient(from var(--pa-a), rgba(18, 135, 90, .28) 0%, rgba(18, 135, 90, .28) 55%, #7cc9a1 72%, #34a873 84%, #12875a 92%, rgba(18, 135, 90, .28) 100%) border-box !important;
  box-shadow: var(--pa-shadow) !important;
  padding: 18px 16px !important;
  animation: pa-rotate 5s linear infinite;
}
.s-product-options-option-label,
.s-form-label {
  font-weight: 700;
  color: var(--pa-900);
  font-size: 17px;
}
.s-product-options-option .s-form-check,
.s-product-options-option label:has(input[type="radio"]),
.s-product-options-option label:has(input[type="checkbox"]),
.s-product-options-option-content > label {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1.5px solid var(--pa-100);
  border-radius: var(--pa-r-md);
  padding: 14px 16px;
  margin-bottom: 12px;
  box-shadow: var(--pa-shadow-sm);
  cursor: pointer;
}
.s-product-options-option label:has(input:checked),
.s-product-options-option .s-form-check:has(input:checked) {
  border-color: var(--pa-500);
  background: linear-gradient(135deg, #f2faf6, #dff1e8);
  box-shadow: 0 0 0 4px rgba(18, 135, 90, .16), var(--pa-shadow-sm);
}
input[type="radio"], input[type="checkbox"] { accent-color: var(--pa-600); }
.s-product-options-option .option-price {
  background: var(--pa-100);
  color: var(--pa-700);
  border-radius: 999px;
  padding: 4px 14px;
  font-weight: 700;
}
.option-badge, .s-product-options-option .badge {
  background: linear-gradient(135deg, var(--pa-gold), #a8842f) !important;
  color: #1a1403 !important;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 12px;
}
.s-form-control,
.product-form input[type="text"],
.product-form input[type="number"],
.product-form input[type="url"],
.product-form textarea,
.product-form select {
  background: #fff !important;
  border: 1.5px solid var(--pa-100) !important;
  border-radius: var(--pa-r-md) !important;
  color: var(--pa-ink) !important;
  min-height: 54px;
  padding-inline: 16px;
}
.s-form-control:focus,
.product-form input:focus,
.product-form textarea:focus {
  border-color: var(--pa-500) !important;
  box-shadow: 0 0 0 4px rgba(18, 135, 90, .18) !important;
  outline: 0;
}
::placeholder { color: #8aa496 !important; }
.s-alert, .alert, .product-notice {
  background: linear-gradient(135deg, #eaf6f0, #d9eee3) !important;
  border: 1.5px solid rgba(18, 135, 90, .35) !important;
  color: var(--pa-800) !important;
  border-radius: var(--pa-r-md) !important;
}

/* ===== التقييمات ===== */
.s-comments,
.s-comments-container,
.s-comments-product-container,
.product-comments,
#product-comments,
.s-questions,
.product-questions {
  background: transparent !important;
  box-shadow: none !important;
}
.s-comments-product-title,
.s-comments-title,
.s-questions-title {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: var(--pa-900) !important;
}

/* مكوّن "أوصوا بالمنتج" الجديد: حلقة صغيرة في المنتصف */
.pa-reco2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 6px auto 18px;
  text-align: center;
}
.pa-reco2-ring {
  --p: 100;
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--pa-500) calc(var(--p) * 1%), rgba(10, 90, 60, .15) 0);
  box-shadow: var(--pa-shadow-sm);
}
.pa-reco2-ring::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: #fff;
}
.pa-reco2-ring b {
  position: relative;
  direction: ltr;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: var(--pa-900);
}
.pa-reco2-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--pa-800);
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .95);
  padding: 4px 14px;
  border-radius: 999px;
}

/* صف الآراء: بطاقات صغيرة متساوية جنب بعض */
.pa-reviews-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 14px 4px 22px !important;
  background: transparent !important;
}
.pa-reviews-row::-webkit-scrollbar { display: none; }
.pa-reviews-row > * {
  flex: 0 0 82% !important;
  max-width: 310px !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  align-self: flex-start !important;
  margin: 0 !important;
  scroll-snap-align: center;
}
.s-comments-item,
.s-questions-item,
.s-comments-product-item {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  background:
    linear-gradient(var(--pa-glass-strong), var(--pa-glass-strong)) padding-box,
    linear-gradient(145deg, var(--pa-400), rgba(255, 255, 255, .9) 45%, var(--pa-600)) border-box;
  border: 1.5px solid transparent;
  border-radius: var(--pa-r-lg);
  box-shadow: var(--pa-shadow);
  padding: 16px !important;
  min-height: 0 !important;
  height: auto !important;
}
.s-comments-item * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.s-comments-item::before {
  content: "\201D";
  position: absolute;
  top: 8px;
  inset-inline-start: 14px;
  font-size: 50px;
  line-height: 1;
  color: var(--pa-300);
  font-family: Georgia, serif !important;
  pointer-events: none;
}
.s-comments-item [class*="translate"],
.s-comments-item [class*="translate"] * { color: var(--pa-600) !important; }
.sicon-star2, .sicon-star, .s-rating-stars [class^="sicon-"], .s-comments-item-rating i {
  color: var(--pa-gold) !important;
}
.s-comments-item-verified, .s-comments-verified, .verified-buyer {
  background: rgba(200, 164, 77, .2) !important;
  color: #7a5f17 !important;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
}
.s-comments-helpful-button {
  border: 1.5px solid var(--pa-300) !important;
  color: var(--pa-700) !important;
  border-radius: 999px !important;
  background: #fff !important;
}
.s-comments textarea, .s-questions textarea {
  border-radius: var(--pa-r-md) !important;
  border: 1.5px solid var(--pa-100) !important;
}

/* الفوتر */
footer, .store-footer, #footer {
  background: linear-gradient(180deg, #0a3d2a 0%, #04211a 100%) !important;
  color: #cfe8da !important;
  border-radius: var(--pa-r-lg) var(--pa-r-lg) 0 0;
  margin-top: 32px;
  overflow: hidden;
}
footer > *,
footer .container,
footer [class*="footer-"]:not([class*="pay"]),
footer [class*="footer__"]:not([class*="pay"]) {
  background: transparent !important;
}
footer [class*="bottom"],
footer [class*="copyright"] { background: rgba(0, 0, 0, .3) !important; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer [class*="title"] { color: #ffffff !important; }
footer p, footer span, footer li, footer a, footer div { color: #cfe8da !important; }
footer a:hover { color: #ffffff !important; }
footer img { background: #fff; border-radius: 10px; padding: 4px; }

/* ختامي */
a { color: var(--pa-600); }
a:hover { color: var(--pa-500); }
:focus-visible { outline: 3px solid rgba(18, 135, 90, .5); outline-offset: 2px; border-radius: 8px; }
::selection { background: var(--pa-400); color: #fff; }

@media (max-width: 767px) {
  body { padding-bottom: 84px; }
  .s-product-card-content-title { font-size: 15px; }
  .page-header h1, .category-header h1 { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  #pa-sky { display: none; }
}