/* ========================================
   هدوء — الكود البصري النهائي الموحد
   مايو ٢٠٢٦ — خط Almarai
   ======================================== */

/* استيراد خط Almarai من قوقل فونتس */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --warm-ivory: #F5F1EA;
  --midnight-navy: #171F3F;
  --dusk-navy: #2A3354;
  --moonlight-silver: #B8C5D6;
  --near-black: #1A1A1A;
  --ivory-border: #E8E2D5;
  --ivory-85: rgba(245, 241, 234, 0.85);
  --ivory-70: rgba(245, 241, 234, 0.70);
  --ivory-50: rgba(245, 241, 234, 0.50);
  --ivory-15: rgba(245, 241, 234, 0.15);
  --ivory-08: rgba(245, 241, 234, 0.08);
}

/* ========== الأساسيات ========== */
body, html {
  background-color: var(--warm-ivory) !important;
  color: var(--near-black) !important;
  font-family: 'Almarai', 'Arial', sans-serif !important;
  direction: rtl !important;
}

* { font-family: 'Almarai', 'Arial', sans-serif !important; }

.s-product-card-price,
.s-product-card-sale-price h4,
[class*="price"]:not([class*="text"]),
.price {
  font-family: 'Outfit', system-ui, sans-serif !important;
}

p, li {
  line-height: 1.8 !important;
  color: var(--near-black) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--midnight-navy) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ========== الهيدر ========== */
.store-header,
header.store-header,
.store-header .main-header,
.store-header > div,
.store-header section {
  background-color: var(--warm-ivory) !important;
  border-bottom: 1px solid var(--ivory-border) !important;
  box-shadow: none !important;
}

.store-header a,
.store-header span,
.store-header .main-header a {
  color: var(--near-black) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.store-header svg,
.store-header i,
.store-header [class*="icon"]:not([class*="badge"]) {
  width: 22px !important;
  height: 22px !important;
  font-size: 20px !important;
  color: var(--midnight-navy) !important;
}

.store-header [class*="menu"] svg,
.store-header .menu-toggle svg {
  width: 24px !important;
  height: 24px !important;
}

.store-header .cart-badge,
.store-header [class*="badge"],
.store-header [class*="count"],
.store-header .header-cart-count,
.s-header-cart-count {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
  border: none !important;
}

.store-header .top-navbar,
.store-header .header-top-bar {
  display: none !important;
}

/* ========== البانر الرئيسي ========== */
.s-block--banner,
.s-block--banner section,
section.s-block--banner {
  background-color: var(--midnight-navy) !important;
}

.s-block--banner h1,
.s-block--banner h2 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
  font-size: 48px !important;
  line-height: 1.3 !important;
}

.s-block--banner p {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.s-block--banner .btn,
.s-block--banner a.btn,
.s-block--banner .s-button-element {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  padding: 14px 32px !important;
  border: none !important;
  box-shadow: none !important;
}

.s-block--banner .btn:hover {
  background-color: #C8D2DF !important;
}

/* ========== السكاشن العامة ========== */
section.s-block {
  background-color: var(--midnight-navy) !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* ========== قسم المميزات ========== */
.s-block--features {
  background-color: var(--midnight-navy) !important;
  padding: 64px 20px !important;
}

.s-block--features h2,
.s-block--features .section-title {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-bottom: 32px !important;
  text-align: center !important;
}

.s-block--features__item {
  background-color: var(--dusk-navy) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px 20px !important;
  text-align: center !important;
}

.s-block--features__item:hover {
  border-color: var(--moonlight-silver) !important;
}

.s-block--features__item .feature-icon,
.s-block--features__item [class*="icon"]:not([class*="title"]) {
  background-color: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 16px auto !important;
  display: block !important;
  text-align: center !important;
}

.s-block--features__item svg,
.s-block--features__item i,
.s-block--features__item .feature-icon svg,
.s-block--features__item .feature-icon i {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  color: var(--moonlight-silver) !important;
  fill: var(--moonlight-silver) !important;
  stroke: var(--moonlight-silver) !important;
  font-size: 24px !important;
  margin: 0 auto !important;
  display: block !important;
}

.s-block--features__item h2,
.s-block--features__item h3,
.s-block--features__item .feature-title {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

.s-block--features__item p,
.s-block--features__item .feature-description {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* ========== قسم المنتج المميز ========== */
.s-block--products-slider,
section.s-block--products-slider {
  background-color: var(--midnight-navy) !important;
  padding: 64px 20px !important;
}

.s-block--products-slider h2,
.s-block--products-slider .section-title {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

.s-block--products-slider p {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* ========== كرت المنتج ========== */
custom-salla-product-card,
.s-product-card-entry {
  background-color: var(--dusk-navy) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 12px !important;
}

custom-salla-product-card:hover {
  border-color: var(--moonlight-silver) !important;
}

custom-salla-product-card .s-product-card-image,
custom-salla-product-card [class*="image-wrap"],
custom-salla-product-card [class*="img-wrap"],
custom-salla-product-card figure,
custom-salla-product-card picture {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 6px !important;
}

custom-salla-product-card .s-product-card-image img,
custom-salla-product-card figure img,
custom-salla-product-card picture img,
custom-salla-product-card .product-image {
  border-radius: 6px !important;
  background-color: transparent !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

custom-salla-product-card .s-product-card-content {
  padding: 12px 8px !important;
}

custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a,
.s-product-card-title {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

custom-salla-product-card .s-product-card-sale-price h4,
custom-salla-product-card .s-product-card-sale-price h4:first-of-type,
custom-salla-product-card [class*="price"] h4,
.s-product-card-price,
.s-product-card-price h4 {
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  color: var(--moonlight-silver) !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

custom-salla-product-card .s-product-card-sale-price h4 span,
custom-salla-product-card [class*="currency"] {
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

custom-salla-product-card .s-product-card-sale-price h4:nth-of-type(2),
.s-product-card-sale-price del,
.s-product-card-sale-price s,
.s-product-card-price-before,
.s-product-card-sale-price h4 + h4,
del, s {
  display: none !important;
}

custom-salla-product-card .s-button-primary-outline,
custom-salla-product-card salla-add-product-button button,
.add-to-cart,
button.add-to-cart {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  width: 100% !important;
  box-shadow: none !important;
}

custom-salla-product-card .s-button-primary-outline:hover,
.add-to-cart:hover {
  background-color: var(--warm-ivory) !important;
}

custom-salla-product-card .s-button-primary-outline span,
custom-salla-product-card .s-button-primary-outline i,
.add-to-cart span,
.add-to-cart i {
  color: var(--midnight-navy) !important;
}

.wishlist-btn,
.favorite-btn,
custom-salla-product-card .s-product-card-favorite {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
}

.wishlist-btn svg,
.favorite-btn svg,
custom-salla-product-card .s-product-card-favorite svg,
custom-salla-product-card .s-product-card-favorite i {
  width: 16px !important;
  height: 16px !important;
  color: var(--midnight-navy) !important;
  fill: var(--midnight-navy) !important;
}

/* ========== الأزرار العامة ========== */
.btn-primary,
.s-button-primary,
button[type="submit"]:not(.add-to-cart) {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 32px !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.btn-primary:hover {
  background-color: var(--warm-ivory) !important;
}

.s-block--fixed-banner:not(:first-of-type),
#main-content > section.s-block--fixed-banner:last-of-type {
  display: none !important;
}

/* ========== الفوتر ========== */
footer.store-footer,
footer.store-footer .store-footer__inner,
footer.store-footer > div {
  background-color: var(--midnight-navy) !important;
  border-top: none !important;
  padding: 48px 20px 32px !important;
}

footer.store-footer h3,
footer.store-footer h4,
footer.store-footer h2 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
}

footer.store-footer,
footer.store-footer p,
footer.store-footer li,
footer.store-footer span {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

footer.store-footer a {
  color: var(--ivory-70) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 14px !important;
  line-height: 2.2 !important;
  text-decoration: none !important;
}

footer.store-footer a:hover {
  color: var(--warm-ivory) !important;
}

/* أيقونات الواتساب والإيميل — بدون دوائر */
footer.store-footer .contact-info a,
footer.store-footer .contact-item,
footer.store-footer [class*="contact"] a,
footer.store-footer .whatsapp-link,
footer.store-footer .email-link,
footer.store-footer [class*="contact-link"],
footer.store-footer li:has(svg),
footer.store-footer li > a > span > svg,
footer.store-footer [class*="contact"] > * {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

footer.store-footer [class*="contact"] svg,
footer.store-footer [class*="whatsapp"] svg,
footer.store-footer [class*="email"] svg,
footer.store-footer .contact-item svg,
footer.store-footer li svg {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  color: var(--moonlight-silver) !important;
  fill: var(--moonlight-silver) !important;
}

footer.store-footer ul li,
footer.store-footer .list-contact li,
footer.store-footer [class*="list"] li {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  list-style: none !important;
}

footer.store-footer .s-social-list-item,
footer.store-footer .social-icons a,
footer.store-footer [class*="social"] a {
  background-color: transparent !important;
  border: none !important;
  padding: 8px !important;
}

footer.store-footer .s-social-list-item svg,
footer.store-footer .s-social-list-item i,
footer.store-footer .social-icons svg,
footer.store-footer [class*="social"] svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--moonlight-silver) !important;
  fill: var(--moonlight-silver) !important;
  opacity: 0.85 !important;
}

footer.store-footer .s-social-list-item:hover svg,
footer.store-footer [class*="social"] a:hover svg {
  opacity: 1 !important;
  color: var(--warm-ivory) !important;
  fill: var(--warm-ivory) !important;
}

footer.store-footer [class*="commercial"],
footer.store-footer [class*="saudi"] {
  color: var(--ivory-85) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
}

footer.store-footer .md\:flex.items-center.justify-between,
footer.store-footer .copyright,
footer.store-footer [class*="copyright"] {
  color: var(--ivory-50) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 12px !important;
  border-top: 1px solid var(--ivory-15) !important;
  padding-top: 20px !important;
  margin-top: 24px !important;
}

/* إخفاء الخطوط الفاصلة */
footer.store-footer hr,
footer.store-footer .divider,
footer.store-footer [class*="divider"],
footer.store-footer [class*="separator"],
footer.store-footer .border-top,
footer.store-footer .border-bottom,
footer.store-footer [class*="border-t"],
footer.store-footer [class*="border-b"] {
  display: none !important;
  border: none !important;
}

footer.store-footer > div,
footer.store-footer section,
footer.store-footer .footer-section,
footer.store-footer [class*="footer-col"],
footer.store-footer [class*="footer-block"] {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

footer.store-footer [style*="border-right"],
footer.store-footer [style*="border-left"] {
  border-right: none !important;
  border-left: none !important;
}

/* ========== أيقونات الدفع ========== */
footer.store-footer .payment-methods,
footer.store-footer [class*="payment"],
footer.store-footer ul[class*="payment"],
footer.store-footer .payments-list,
footer.store-footer [class*="payments"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 16px 0 !important;
  list-style: none !important;
}

footer.store-footer .payment-methods li,
footer.store-footer .payment-methods > div,
footer.store-footer [class*="payment"] li,
footer.store-footer [class*="payment"] > div,
footer.store-footer .payments-list li {
  background-color: var(--warm-ivory) !important;
  border-radius: 6px !important;
  width: 48px !important;
  height: 32px !important;
  padding: 4px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: none !important;
  overflow: hidden !important;
}

footer.store-footer .payment-methods img,
footer.store-footer [class*="payment"] img,
footer.store-footer .payments-list img {
  width: 100% !important;
  height: 100% !important;
  max-width: 40px !important;
  max-height: 24px !important;
  object-fit: contain !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: block !important;
}

/* ========== تابي وتمارا ========== */
[class*="tabby"]:not(img),
[id*="tabby"]:not(img),
tabby-promo,
salla-tabby,
[class*="tamara"]:not(img),
[id*="tamara"]:not(img),
tamara-widget,
salla-tamara {
  background-color: var(--dusk-navy) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 8px !important;
  padding: 14px !important;
  box-shadow: none !important;
}

[class*="tabby"] p,
[class*="tabby"] span,
[class*="tabby"] div:not([class*="logo"]),
tabby-promo p,
[class*="tamara"] p,
[class*="tamara"] span,
[class*="tamara"] div:not([class*="logo"]),
tamara-widget p {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 13px !important;
}

[class*="tabby"] strong,
[class*="tabby"] [class*="amount"],
[class*="tamara"] strong,
[class*="tamara"] [class*="amount"] {
  font-family: 'Outfit', system-ui, sans-serif !important;
  color: var(--moonlight-silver) !important;
  font-weight: 500 !important;
}

[class*="tabby"] a,
[class*="tamara"] a {
  color: var(--moonlight-silver) !important;
  text-decoration: underline !important;
  font-size: 13px !important;
}

[class*="tabby"] img,
[class*="tamara"] img,
tabby-promo img,
tamara-widget img {
  opacity: 0.85 !important;
  filter: saturate(0.7) brightness(1.1) !important;
  max-height: 22px !important;
  width: auto !important;
}

/* ========== صفحة المنتج ========== */
.product-page,
.s-product-page {
  background-color: var(--midnight-navy) !important;
}

.product-page h1,
.s-product-page h1 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
  font-size: 24px !important;
}

.product-page p,
.s-product-page p {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
}

.product-page .product-info,
.product-page .product-details,
.s-product-page .product-info,
[class*="product-info"] {
  background-color: var(--midnight-navy) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.product-page .product-image,
.s-product-page .product-image,
.product-page .gallery,
.s-product-page .gallery,
[class*="product-gallery"] {
  background-color: var(--warm-ivory) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.product-page img,
.s-product-page img,
.product-page .gallery img,
.s-product-page .gallery img {
  border-radius: 6px !important;
}

.product-page .thumbnail,
.s-product-page .thumbnail,
.product-page [class*="thumb"] {
  border: 1px solid var(--ivory-border) !important;
  border-radius: 6px !important;
  background-color: var(--warm-ivory) !important;
}

.product-page .thumbnail.active,
.s-product-page .thumbnail.active,
.product-page [class*="thumb"].active {
  border: 2px solid var(--moonlight-silver) !important;
}

[class*="product-name"],
[class*="product-title"] {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

.product-page .price,
.s-product-page .price,
.product-page [class*="price-current"] {
  color: var(--moonlight-silver) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
}

select,
[class*="select-field"],
.product-page select {
  background-color: var(--dusk-navy) !important;
  color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 15px !important;
}

select option {
  background-color: var(--midnight-navy) !important;
  color: var(--warm-ivory) !important;
}

.required,
[class*="required"],
label .text-red,
label .text-danger {
  color: var(--moonlight-silver) !important;
}

[class*="price-box"],
[class*="price-section"] {
  background-color: var(--midnight-navy) !important;
  border-radius: 8px !important;
}

[class*="sticky-buy"],
[class*="bottom-bar"],
[class*="quick-buy"] {
  background-color: var(--midnight-navy) !important;
  border-top: 1px solid var(--ivory-15) !important;
}

[class*="sticky-buy"] button,
[class*="bottom-bar"] button {
  font-family: 'Almarai', sans-serif !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-radius: 4px !important;
}

[class*="quantity"],
.quantity-input,
.quantity-field {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 4px !important;
  color: var(--near-black) !important;
  font-family: 'Outfit', sans-serif !important;
}

/* ========== صفحات داخلية ========== */
.s-content-page,
.s-page-content,
.page-content {
  background-color: var(--midnight-navy) !important;
  color: var(--warm-ivory) !important;
  padding: 64px 20px !important;
}

.s-content-page h1,
.s-page-content h1 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
  margin-bottom: 24px !important;
}

.s-content-page p,
.s-content-page li,
.s-page-content p {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.cart-page,
.shopping-cart,
.s-cart-page {
  background-color: var(--midnight-navy) !important;
  color: var(--warm-ivory) !important;
}

.cart-item,
.s-cart-item {
  background-color: var(--dusk-navy) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 8px !important;
}

hr {
  border: none !important;
  border-top: 1px solid var(--ivory-15) !important;
  margin: 32px 0 !important;
}

[class*="shadow"],
.shadow, .shadow-sm, .shadow-md, .shadow-lg {
  box-shadow: none !important;
}

a, button, .s-button-element,
custom-salla-product-card,
.s-block--features__item {
  transition: all 0.2s ease;
}

::selection {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
}

.store-header + section,
.store-header + div {
  border-top: none !important;
}

section.s-block:first-of-type {
  border-top: none !important;
  margin-top: 0 !important;
}

.s-block--banner {
  margin-top: 0 !important;
  border-top: none !important;
}

[class*="vertical-divider"],
[class*="v-divider"] {
  display: none !important;
}

/* ========== الجوال ========== */
@media (max-width: 768px) {
  section.s-block {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  .s-block--banner h1,
  .s-block--banner h2 {
    font-size: 28px !important;
    line-height: 1.4 !important;
  }
  
  .s-block--banner p {
    font-size: 15px !important;
  }
  
  .s-block--features__item {
    padding: 20px 16px !important;
    margin-bottom: 12px !important;
  }
  
  .s-block--features__item svg,
  .s-block--features__item i,
  .s-block--features__item .feature-icon svg {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
  
  .s-block--features__item h2,
  .s-block--features__item h3 {
    font-size: 16px !important;
  }
  
  .s-block--features__item p {
    font-size: 13px !important;
  }
  
  h2, .section-title {
    font-size: 22px !important;
  }
  
  footer.store-footer {
    padding: 40px 16px 24px !important;
  }
  
  footer.store-footer h3,
  footer.store-footer h4 {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  
  footer.store-footer a {
    font-size: 14px !important;
    line-height: 2 !important;
  }
  
  custom-salla-product-card {
    margin-bottom: 16px !important;
  }
  
  custom-salla-product-card .s-product-card-content-title {
    font-size: 15px !important;
  }
  
  custom-salla-product-card .s-product-card-sale-price h4,
  custom-salla-product-card .s-product-card-sale-price h4:first-of-type,
  .s-product-card-price {
    font-size: 18px !important;
  }
  
  .add-to-cart,
  .btn-primary,
  custom-salla-product-card .s-button-primary-outline {
    font-size: 13px !important;
    padding: 10px 20px !important;
  }
  
  footer.store-footer .payment-methods,
  footer.store-footer [class*="payment"] {
    gap: 6px !important;
    padding: 0 16px !important;
  }
  
  footer.store-footer .payment-methods li,
  footer.store-footer [class*="payment"] li {
    width: 44px !important;
    height: 28px !important;
    padding: 3px !important;
  }
  
  footer.store-footer .payment-methods img,
  footer.store-footer [class*="payment"] img {
    max-width: 36px !important;
    max-height: 22px !important;
  }
}

@media (max-width: 480px) {
  .s-block--banner h1,
  .s-block--banner h2 {
    font-size: 24px !important;
  }
  
  .s-block--features__item svg,
  .s-block--features__item i {
    width: 22px !important;
    height: 22px !important;
  }
  
  section.s-block {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media (max-width: 768px) {
  /* المميزات تحت بعض — تعطيل الشبكة على أي حاوية داخل القسم */
  .s-block--features :has(.s-block--features__item) {
    display: block !important;
  }
  .s-block--features__item {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }
}


/* ========== توحيد الهوية — نصوص السكاشن الكحلية ========== */
section.s-block h1,
section.s-block h2,
section.s-block h3 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
}

section.s-block p,
section.s-block li {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* المحتوى النصي — عرض مريح للقراءة + توسيط */
.s-block--text,
.s-block--content,
[class*="block--text"],
[class*="rich-text"] {
  text-align: center !important;
}

.s-block--text p,
.s-block--content p,
[class*="block--text"] p,
[class*="rich-text"] p {
  font-size: 18px !important;
  line-height: 1.9 !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ===== الصفحات التعريفية — خلفية إيفوري + مربع كحلي ===== */

/* خلفية الصفحة إيفوري (تنفّس) */
.page-single,
body.page-single,
.page-single #main-content {
  background-color: var(--warm-ivory) !important;
}

/* المربع كحلي (يبرز المحتوى) */
.content--single-page,
.content.content--single-page {
  background-color: var(--midnight-navy) !important;
  color: var(--warm-ivory) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 40px 32px !important;
}

.content--single-page h1 {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
}

.content--single-page p,
.content--single-page li,
.content--single-page .content-entry,
.content--single-page .ql-align-right {
  color: var(--ivory-85) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.content--single-page strong {
  color: var(--warm-ivory) !important;
  font-weight: 700 !important;
}

/* صندوق التعليقات داخل المربع — أفتح شوي ليبين */
.content--single-page .s-comment-form-input,
.content--single-page textarea {
  background-color: var(--dusk-navy) !important;
  color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-15) !important;
  border-radius: 4px !important;
  font-family: 'Almarai', sans-serif !important;
}

/* البريدكرَمب (المسار) فوق المربع — نص كحلي على الإيفوري */
.page-single .breadcrumbs a,
.page-single .breadcrumbs span {
  color: var(--midnight-navy) !important;
}


/* ===== فصل الهيدر عن خلفية الصفحات التعريفية ===== */
.page-single .store-header,
.page-single header.store-header {
  border-bottom: 1px solid var(--ivory-border) !important;
  box-shadow: 0 1px 8px rgba(23, 31, 63, 0.06) !important;
}

/* مسافة تنفّس بين الهيدر وبداية المربع */
.page-single #main-content {
  padding-top: 24px !important;
}

/* ============================================================
   هدوء — توحيد صفحة المنتج مع الهوية (إيفوري غالب) — نسخة مصححة
   مايو ٢٠٢٦ — يُلصق بعد الكود البصري الأساسي
   ------------------------------------------------------------
   • يعدّل صفحة المنتج فقط (body.product-single)
   • لا يلمس الهيدر ولا الفوتر إطلاقًا
   • يلغي كل الصناديق الكحلية اللي صنعها الكود الأساسي حول الأزرار والتقسيط
   ============================================================ */

/* ========== خلفية الصفحة إيفوري ========== */
body.product-single,
body.product-single main#main-content,
body.product-single #main-content > .container {
  background-color: var(--warm-ivory) !important;
}

/* المسار (البريدكرَمب) — كحلي واضح */
body.product-single .breadcrumbs a,
body.product-single .breadcrumbs span,
body.product-single salla-breadcrumb {
  color: var(--midnight-navy) !important;
}

/* ========== العنوان والوصف ========== */
body.product-single h1 {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
}

body.product-single .product__description,
body.product-single .article--main,
body.product-single .article--main p,
body.product-single .article--main li {
  color: var(--near-black) !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

body.product-single .article--main strong,
body.product-single .article--main b {
  color: var(--midnight-navy) !important;
  font-weight: 700 !important;
}

/* ========== السعر (أعلى الصفحة + قسم السعر) ========== */
body.product-single .total-price,
body.product-single .price-wrapper .total-price,
body.product-single .main-content p.font-bold.text-xl {
  color: var(--midnight-navy) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  font-weight: 600 !important;
}

body.product-single .total-price i,
body.product-single .main-content p.font-bold.text-xl i {
  color: var(--midnight-navy) !important;
}

body.product-single .before-price,
body.product-single .line-through {
  color: rgba(26, 26, 26, 0.40) !important;
}

/* ========== حذف صندوق رقم الموديل ========== */
body.product-single .bg-white:has(.product-sku),
body.product-single .product-sku {
  display: none !important;
}

/* ========== معرض الصور — إطار إيفوري نظيف ========== */
body.product-single .details-slider,
body.product-single .sidebar .s-slider-container {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 12px !important;
}

body.product-single .magnify-wrapper img,
body.product-single .homeslider__slide img {
  border-radius: 6px !important;
}

body.product-single .s-slider-thumbs img {
  border: 1px solid var(--ivory-border) !important;
  border-radius: 6px !important;
  background-color: var(--warm-ivory) !important;
}

body.product-single .swiper-slide-thumb-active img {
  border: 2px solid var(--moonlight-silver) !important;
}

body.product-single .s-slider-nav-arrow {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  box-shadow: none !important;
}

body.product-single .s-slider-button-icon svg {
  color: var(--midnight-navy) !important;
  fill: var(--midnight-navy) !important;
}

/* ========== المفضّلة + المشاركة — إصلاح الإطار المزدوج ========== */
/* الحاويات الخارجية بدون أي إطار (هي سبب البوردرز اللي تبيّن ورا الزر) */
body.product-single salla-button.btn--wishlist,
body.product-single salla-button.s-social-share-btn,
body.product-single salla-social-share,
body.product-single .s-social-share-wrapper {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* الزر الفعلي فقط — دائرة إيفوري نظيفة */
body.product-single button.btn--wishlist,
body.product-single button.s-social-share-btn {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
}

body.product-single button.btn--wishlist i,
body.product-single button.btn--wishlist svg,
body.product-single button.s-social-share-btn i,
body.product-single button.s-social-share-btn svg {
  color: var(--midnight-navy) !important;
  fill: var(--midnight-navy) !important;
}

/* ========== إلغاء كل الصناديق الكحلية حول التقسيط والأزرار ========== */
/* قاعدة quick-buy / tamara-widget / tabby في الكود الأساسي تحط كحلي — نلغيها هنا */
/* التقسيط: شفاف (يبيّن خلفية الصفحة الإيفوري) */
body.product-single salla-installment,
body.product-single salla-installment > div,
body.product-single salla-installment .mb-5,
body.product-single tamara-widget,
body.product-single #tabbyPromoWrapper,
body.product-single #tabbyPromo,
body.product-single #tabbyPromo > div {
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* حاوية الأزرار والشريط السفلي (الجوال): إيفوري صلب — لا كحلي ولا شفاف.
   على الديسكتوب يختفي لأن الصفحة إيفوري، وعلى الجوال يحجب المحتوى خلفه */
body.product-single salla-add-product-button,
body.product-single .s-add-product-button-with-quick-buy,
body.product-single .s-add-product-button-with-sticky-bar {
  background-color: var(--warm-ivory) !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* مسافات موحّدة بين تمارا وتابي */
body.product-single salla-installment .mb-5,
body.product-single #tabbyPromoWrapper {
  margin-bottom: 12px !important;
}

/* تابي: بطاقته البيضاء داخل Shadow DOM (محمية) — حيلة فلتر لوني خفيف
   يدفّي الأبيض ليقارب الإيفوري. لو شعار تابي بان لونه متغيّر، احذف هالسطر */
body.product-single #tabbyPromo {
  filter: sepia(0.10) brightness(0.96) !important;
}

/* ========== صندوق اختر الحجم — كحلي + حقل إيفوري ========== */
body.product-single .s-product-options-option-container {
  background-color: var(--midnight-navy) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

body.product-single .s-product-options-option {
  background-color: transparent !important;
}

body.product-single .s-product-options-option-label b {
  color: var(--warm-ivory) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

body.product-single .s-product-options-option-label small {
  color: var(--ivory-70) !important;
}

body.product-single .s-product-options-option-label span {
  color: var(--moonlight-silver) !important;
}

/* حقل الاختيار — إيفوري بنص كحلي */
body.product-single select#option-1835289093,
body.product-single .s-form-control {
  background-color: var(--warm-ivory) !important;
  color: var(--midnight-navy) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

/* القائمة المنسدلة — إيفوري بنص كحلي */
body.product-single select option {
  background-color: var(--warm-ivory) !important;
  color: var(--midnight-navy) !important;
}

/* ========== أقسام النموذج (شفافة) + التسميات ========== */
body.product-single form.product-form section,
body.product-single section.bg-white,
body.product-single .sticky-product-bar.bg-white {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.product-single .form-label,
body.product-single .form-label b {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

/* ========== عدّاد الكمية ========== */
body.product-single .s-quantity-input-container {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.product-single .s-quantity-input-input {
  background-color: transparent !important;
  color: var(--midnight-navy) !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
}

body.product-single .s-quantity-input-button svg {
  color: var(--midnight-navy) !important;
  fill: var(--midnight-navy) !important;
}

/* ========== الأزرار — زرّان دائريان نظيفان، كل واحد خلفيته لوحده ========== */
/* صف الأزرار — العنصران الفعليان (salla-button + salla-mini-checkout-widget)
   شبكة عمودين متساويين تمامًا، نفس الحجم، جوال وكمبيوتر */
body.product-single .s-add-product-button-main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 0 !important;
  width: 100% !important;
  background-color: transparent !important;
}

/* كل عنصر يملا عموده ويُمنع من تجاوز حصته */
body.product-single .s-add-product-button-main > salla-button,
body.product-single .s-add-product-button-main > salla-mini-checkout-widget {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* الزر الداخلي لكل عنصر يملا حاويته كاملة */
body.product-single .s-add-product-button-main > salla-button button {
  width: 100% !important;
}

/* زر "إضافة للسلة" — فضي بنص كحلي، نفس ارتفاع اشتري الآن (54px) */
body.product-single .s-add-product-button-main salla-button button,
body.product-single salla-add-product-button .s-button-primary {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  border: none !important;
  border-radius: 8px !important;
  height: 3.375rem !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

body.product-single .s-add-product-button-main .s-button-text {
  color: var(--midnight-navy) !important;
}

body.product-single .s-add-product-button-main salla-button button:hover {
  background-color: var(--warm-ivory) !important;
}

/* ========== زر "اشتري الآن" (الدفع السريع) — الطريقة الرسمية ========== */
/* توثيق سلة الرسمي ينص: هذا المكوّن "غير مسموح للمطوّر يخصصه" ويُسمح بثلاث
   خصائص فقط عبر متغيرات CSS (الارتفاع/العرض/الاستدارة). اللون مقفول من سلة
   ويتبع لون الثيم الأساسي — وهو كحلي #171f3f في ثيم رائد. فنستخدم الطريقة
   المعتمدة فقط، ونوقف فرض الألوان (اللي كان يسبب الفراغ وتقلّب الـhover). */
body.product-single salla-mini-checkout-widget {
  --salla-fast-checkout-button-height: 3.375rem;   /* يطابق ارتفاع زر إضافة للسلة */
  --salla-fast-checkout-button-width: 100%;
  --salla-fast-checkout-button-border-radius: 8px;
  background-color: transparent !important;
  display: flex !important;
  width: 100% !important;
  box-shadow: none !important;
}

/* النص والأيقونة في الـDOM العادي — نضمن ظهورهم كحلي واضح وممتلئ للعرض */
body.product-single .s-add-product-button-mini-checkout-content {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  white-space: nowrap !important;
}

body.product-single .s-add-product-button-mini-checkout-content span {
  color: var(--midnight-navy) !important;
}

body.product-single .s-add-product-button-mini-checkout-content svg,
body.product-single .s-add-product-button-mini-checkout-content svg path {
  fill: var(--midnight-navy) !important;
}

/* ========== صندوق التعليقات ========== */
body.product-single .s-comment-form-input,
body.product-single salla-comments textarea {
  background-color: var(--warm-ivory) !important;
  color: var(--midnight-navy) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 4px !important;
  font-family: 'Almarai', sans-serif !important;
  box-shadow: none !important;
}

body.product-single .s-comment-form-input::placeholder {
  color: rgba(26, 26, 26, 0.45) !important;
}

body.product-single salla-comment-form .s-button-element {
  background-color: var(--moonlight-silver) !important;
  border: none !important;
  border-radius: 8px !important;
}

body.product-single salla-comment-form .s-button-text {
  color: var(--midnight-navy) !important;
}

/* ========== قسم "منتجات قد تعجبك" ========== */
body.product-single .s-products-slider-wrapper h2 {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

/* ========== الجوال ========== */
@media (max-width: 768px) {
  body.product-single h1 { font-size: 22px !important; }

  body.product-single .article--main p,
  body.product-single .article--main li { font-size: 15px !important; }

  body.product-single .s-add-product-button-main { gap: 8px !important; }

  body.product-single .s-add-product-button-main salla-button button {
    font-size: 14px !important;
    padding: 0 18px !important;
  }

  body.product-single .s-add-product-button-mini-checkout-content {
    font-size: 14px !important;
  }
}

/* ========================================================================
   ملاحظة: القاعدتان التاليتان خارج سكوب body.product-single عمدًا،
   لأن العنصرين (الأفاتار + نافذة الدفع) ليسا جزءًا من جسم صفحة المنتج.
   ======================================================================== */

/* ---------- خلفية الأفاتار في الهيدر (للمستخدم المسجّل) ----------
   تطابق صورة الحساب مع الإيفوري بدل المربّع الأبيض.
   مسكوبة على عناصر الأفاتار فقط — لا تمسّ أي شيء آخر في الهيدر. */
.s-user-menu-trigger-slot,
.s-user-menu-trigger-avatar-only,
.s-user-menu-trigger-avatar-wrap,
.s-user-menu-trigger-avatar {
  background-color: var(--warm-ivory) !important;
  border-color: var(--ivory-border) !important;
}

/* ---------- نافذة الدفع السريع (اشتري الآن) ----------
   تجربة: نحوّل الخلفية الكحلية الداخلية إلى إيفوري والنص إلى كحلي واضح.
   ملاحظة: محتوى النافذة الفعلي يُولَّد عبر iframe من سلة، فقد لا
   تتأثر الخطوط الداخلية بهذه القواعد (مقفولة من جهة سلة). */
.s-mini-checkout-modal-body,
.s-mini-checkout-modal .s-mini-checkout-modal-body {
  background-color: var(--warm-ivory) !important;
}

/* ========================================================================
   صفحة السلة (body.cart) — توحيدها مع هوية الإيفوري.
   صفحة منفصلة عن صفحة المنتج، لها سكوب خاص body.cart.
   لا تمسّ الهيدر ولا الفوتر.
   ======================================================================== */

/* خلفية الصفحة الكاملة → إيفوري */
body.cart,
body.cart #main-content,
body.cart main {
  background-color: var(--warm-ivory) !important;
}

/* مسار التنقّل (breadcrumb) + عنوان الصفحة → كحلي */
body.cart .breadcrumbs,
body.cart .breadcrumbs * {
  color: var(--midnight-navy) !important;
}

/* بطاقة المنتج في السلة + صندوق ملخص الطلب → إيفوري بحدّ هادئ */
body.cart .cart-item,
body.cart .shadow-default.bg-white,
body.cart .bg-white {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  box-shadow: none !important;
}

/* اسم المنتج وروابطه → كحلي */
body.cart .cart-item h1,
body.cart .cart-item h1 a,
body.cart .cart-item a {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* النصوص الرمادية (الوزن، السعر الفرعي، الوصف) → أسود قريب واضح */
body.cart .cart-item .text-gray-500,
body.cart .cart-item .text-gray-900,
body.cart .item-price,
body.cart .item-weight,
body.cart .item-weight-row {
  color: var(--near-black) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* عنوان "ملخص الطلب" وعناوين الأقسام → كحلي */
body.cart .shadow-default h2,
body.cart .shadow-default .font-bold {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* تسميات الملخّص الرمادية (مجموع المنتجات، الإجمالي) → أسود قريب */
body.cart .shadow-default .text-gray-500 {
  color: var(--near-black) !important;
  font-family: 'Almarai', sans-serif !important;
}

/* الأرقام والأسعار → كحلي بخط Outfit */
body.cart .item-total,
body.cart #sub-total,
body.cart [data-cart-total],
body.cart .shadow-default b {
  color: var(--midnight-navy) !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
}

/* محدّد الحجم في السلة → صندوق كحلي + قائمة إيفوري (زي صفحة المنتج) */
body.cart salla-product-options,
body.cart .s-product-options-wrapper,
body.cart salla-conditional-fields {
  background-color: var(--warm-ivory) !important;
}

body.cart .s-product-options-option-container {
  background-color: var(--midnight-navy) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

body.cart .s-product-options-option-label b {
  color: var(--warm-ivory) !important;
}

body.cart .s-product-options-option-label small {
  color: var(--ivory-70) !important;
}

body.cart .s-product-options-option-label span {
  color: var(--moonlight-silver) !important;
}

body.cart .s-product-options-option-container select,
body.cart .s-product-options-option-container .s-form-control {
  background-color: var(--warm-ivory) !important;
  color: var(--midnight-navy) !important;
  border: 1px solid var(--ivory-border) !important;
}

/* محدّد الكمية → إيفوري بحدّ، أرقام وأيقونات كحلية */
body.cart .s-quantity-input-container {
  background-color: var(--warm-ivory) !important;
  border: 1px solid var(--ivory-border) !important;
  border-radius: 6px !important;
}

body.cart .s-quantity-input-input {
  background-color: transparent !important;
  color: var(--midnight-navy) !important;
}

body.cart .s-quantity-input-button,
body.cart .s-quantity-input-button svg path {
  color: var(--midnight-navy) !important;
  fill: var(--midnight-navy) !important;
}

/* مجموع كل سطر (نص "المجموع:") → كحلي */
body.cart .text-primary {
  color: var(--midnight-navy) !important;
}

/* زر "اتمام الطلب" → فضي بنص كحلي، زوايا دائرية (زي زر الإضافة) */
body.cart #cart-submit .s-button-element,
body.cart #cart-submit .s-button-primary {
  background-color: var(--moonlight-silver) !important;
  color: var(--midnight-navy) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.cart #cart-submit .s-button-text {
  color: var(--midnight-navy) !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}


/* زر حذف المنتج (دائري أحمر) — نتركه كما هو للوضوح، لكن نضمن ظهوره */










/* ========================================================================
   هدوء — إصلاح خلفية salla-product-options البيضاء (الكرت الخارجي)
   العنصر: salla-product-options.s-product-options-wrapper — خلفيته #FFFFFF
   نخلّيها شفافة عشان تبيّن الإيفوري، مع إبقاء الصندوق الكحلي الداخلي كما هو
   ======================================================================== */
body.product-single salla-product-options,
body.product-single salla-product-options.s-product-options-wrapper,
body.product-single .s-product-options-wrapper {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}


/* ========================================================================
   هدوء — تنظيف نهاية صفحة المنتج
   ------------------------------------------------------------------------
   ١) صندوق التعليقات (s-comments) خلفيته #F3F4F6 رمادي → شفاف (إيفوري)
   ٢) إخفاء قسم "منتجات قد تعجبك" (s-after-related) — عندنا منتج واحد فقط
   ======================================================================== */

/* ١) خلفية التعليقات → شفافة */
body.product-single .s-comments,
body.product-single .s-comments-product,
body.product-single salla-comments,
body.product-single salla-comments > div {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ٢) إخفاء قسم المنتجات المقترحة بالكامل */
body.product-single .s-blocks-wrapper.s-after-related,
body.product-single .s-blocks-wrapper.s-before-related,
body.product-single .s-products-slider-wrapper {
  display: none !important;
}