/* Tadweer: centered homepage section headings */
body.index #main-content .s-slider-block__title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
}
body.index #main-content .s-slider-block__title-right {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
  margin: 0;
  padding: 0;
}
body.index #main-content .s-slider-block__title-left {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}
body.index #main-content .s-slider-block__title-right h2,
body.index #main-content .s-reviews-header {
  padding: 0;
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}
body.index #main-content .s-reviews-header-wrapper {
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  body.index #main-content .s-slider-block__title {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 10px;
  }
  body.index #main-content .s-slider-block__title-right {
    grid-column: 1;
  }
  body.index #main-content .s-slider-block__title-left {
    grid-column: 1;
    grid-row: 2;
  }
  body.index #main-content .s-slider-block__title-right h2,
  body.index #main-content .s-reviews-header {
    font-size: 22px;
  }
}


/* Tadweer header refresh — draft review */
.store-header .top-navbar {
  background: #f3f7f4;
  padding-block: 12px;
  border-bottom: 1px solid #e3ebe6;
}
.store-header .top-navbar > .container { gap: 24px; align-items: center; }
.store-header .header-search .s-search-input {
  height: 46px !important;
  border-radius: 12px !important;
  background: #fff;
  border: 1px solid #cbdcd2;
  font-size: 14px;
  color: #214b3b;
  box-shadow: 0 2px 5px rgb(25 66 46 / 3%);
}
.store-header .header-search .s-search-input:focus {
  outline: 2px solid #43856a;
  outline-offset: 2px;
}
.store-header #mainnav {
  box-shadow: 0 3px 14px rgb(25 66 46 / 5%);
  border-bottom: 1px solid #edf1ee;
}
.store-header .navbar-brand img { max-height: 56px; width: auto; }
@media (min-width: 1024px) {
  .store-header #mainnav .inner > .container > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 24px; }
  .store-header #mainnav .inner > .container > div > div:first-child { display: contents; }
  .store-header .main-menu > .root-level { min-width: 0; flex-shrink: 0; }
  .store-header #mobile-menu { margin-inline: 0; }
  .store-header .main-menu { padding-top: 0; flex-wrap: nowrap; justify-content: center; }
  .store-header custom-main-menu { grid-column: 1 / -1; grid-row: 2; min-width: 0; border-top: 1px solid #edf1ee; }
  .store-header .navbar-brand { grid-column: 1; grid-row: 1; justify-self: start; padding-block: 12px; margin: 0; }
  .store-header .main-menu > .root-level > a {
    font-size: 14px;
    font-weight: 600;
    padding: 14px 10px;
    color: #244b3b;
    white-space: nowrap;
    font-family: Tahoma, Arial, sans-serif;
  }
  .store-header .main-menu > .root-level > a:hover,
  .store-header .main-menu > .root-level > a:focus-visible {
    color: #176344;
    background: #f0f7f2;
    border-radius: 8px;
  }
  .store-header .main-menu .sub-menu {
    border: 1px solid #e3ebe6;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgb(22 54 37 / 12%);
  }
}
@media (max-width: 1023px) {
  .store-header .top-navbar { padding-block: 10px; }
  .store-header .navbar-brand img { max-height: 42px; }
}


@media (min-width: 1024px) {
  .store-header .main-menu li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* Tadweer product cards — draft review */
#main-content .s-product-card-vertical {
  border: 1px solid #e4eae6;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 8px rgb(25 55 40 / 3%);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
#main-content .s-product-card-vertical .s-product-card-image {
  height: auto !important;
  aspect-ratio: 1 / 1;
  max-height: none !important;
  flex: none;
  background: #fff;
  border-bottom: 1px solid #f0f3f1;
}
#main-content .s-product-card-vertical .s-product-card-image > a {
  display: block;
  width: 100%;
  height: 100%;
}
#main-content .s-product-card-vertical .s-product-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  padding: 0;
}
#main-content .s-product-card-vertical .s-product-card-content {
  padding: 16px;
  gap: 12px;
  flex: 1;
  justify-content: flex-start;
}
#main-content .s-product-card-vertical .s-product-card-content-main {
  min-height: 78px;
  margin: 0;
}
#main-content .s-product-card-vertical .s-product-card-content-title {
  margin: 0 0 6px;
}
#main-content .s-product-card-vertical .s-product-card-content-title a {
  font-size: 14px;
  line-height: 1.7;
  font-weight: 600;
  color: #263d32;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 3.4em;
}
#main-content .s-product-card-vertical .s-product-card-content-sub {
  margin: auto 0 0;
  min-height: 28px;
  align-items: center;
}
#main-content .s-product-card-vertical .s-product-card-price {
  font-size: 18px;
  font-weight: 700;
  color: #214b3b;
}
#main-content .s-product-card-vertical .s-product-card-content-footer {
  margin: 0;
}
#main-content .s-product-card-vertical .s-product-card-content-footer .s-button-element {
  min-height: 44px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media (hover: hover) {
  #main-content .s-product-card-vertical:hover {
    border-color: #bad1c2;
    box-shadow: 0 6px 18px rgb(25 55 40 / 8%);
  }
}
@media (max-width: 767px) {
  #main-content .s-product-card-vertical { border-radius: 12px; }
  #main-content .s-product-card-vertical .s-product-card-content { padding: 12px; gap: 10px; }
  #main-content .s-product-card-vertical .s-product-card-image img { padding: 0; }
  #main-content .s-product-card-vertical .s-product-card-content-title a { font-size: 13px; }
  #main-content .s-product-card-vertical .s-product-card-price { font-size: 17px; }
  #main-content .s-product-card-vertical .s-product-card-content-footer .s-button-element { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  #main-content .s-product-card-vertical { transition: none; }
}

/* Tadweer colors and primary actions — draft review */
:root, body {
  --color-primary: #25634b;
  --color-primary-dark: #194b38;
  --color-primary-reverse: #ffffff;
}
#main-content salla-add-product-button .s-button-element:not(:disabled),
#main-content .s-button-primary:not(:disabled) {
  background-color: #25634b;
  border-color: #25634b;
  color: #fff;
}
#main-content salla-add-product-button .s-button-element:not(:disabled):hover,
#main-content .s-button-primary:not(:disabled):hover {
  background-color: #194b38;
  border-color: #194b38;
  color: #fff;
}
#main-content salla-add-product-button .s-button-element:focus-visible,
#main-content .s-button-primary:focus-visible {
  outline: 3px solid #a8cdb7;
  outline-offset: 3px;
}
#main-content .s-slider-block__display-all {
  color: #25634b;
  font-weight: 600;
}
#main-content .s-slider-nav-arrow:not(:disabled) {
  color: #25634b;
  border-color: #cbded1;
  background: #f0f6f2;
}
#main-content .s-slider-nav-arrow:not(:disabled):hover {
  color: #fff;
  background: #25634b;
  border-color: #25634b;
}

/* Tadweer footer refresh — draft review */
.store-footer { background:#173e30; color:#e4eee8; border-top:4px solid #9bc2aa; }
.store-footer .store-footer__inner { background:transparent; padding:48px 0 36px; border:0; }
.store-footer .store-footer__inner > .container { gap:32px; }
.store-footer h3, .store-footer .s-contacts-title { color:#fff; font-size:19px; font-weight:700; margin-bottom:18px; }
.store-footer .store-footer__inner > .container > div:first-child > a h3 { font-size:26px; }
.store-footer .store-footer__inner p { color:#d2e2d8; font-size:14px; line-height:1.95; }
.store-footer .s-menu-footer-item { color:#e4eee8; display:block; padding:9px 0; line-height:1.7; margin:0; }
.store-footer .s-contacts-item { color:#e4eee8; min-height:44px; gap:12px; margin:0 0 6px; }
.store-footer .s-contacts-icon { color:#c0dfcb; }
.store-footer .s-social-list { gap:10px; }
.store-footer .s-social-link a { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #527563; border-radius:12px; color:#fff; background:#244b3a; }
.store-footer a:hover { color:#b9e0c6; }
.store-footer .s-social-link a:hover { background:#35654d; color:#fff; }
.store-footer a:focus-visible { outline:3px solid #b9e0c6; outline-offset:4px; }
.store-footer > .container { border-top:1px solid #426451; padding-top:22px; padding-bottom:22px; gap:20px; }
.store-footer .copyright-text p, .store-footer .copyright-text a { color:#cfdfd5; }
.store-footer .s-payments-list { gap:8px; flex-wrap:wrap; }
.store-footer .s-payments-list-item { background:#fff; border-radius:8px; padding:5px; }
@media (min-width:1024px) {
 .store-footer .store-footer__inner > .container { grid-template-columns:1.4fr 1fr 1fr; gap:48px; }
 .store-footer .store-footer__inner > .container > div:first-child { grid-column:auto; padding-inline:0; }
 .store-footer salla-apps-icons:empty { display:none; }
}
@media (max-width:1023px) {
 .store-footer .store-footer__inner { padding:32px 0 24px; }
 .store-footer .store-footer__inner > .container { gap:26px; padding-inline:24px; }
 .store-footer .store-footer__inner > .container > div + div { border-top:1px solid #426451; padding-top:24px; }
 .store-footer .contact-social { margin-top:20px; }
 .store-footer > .container { padding-inline:24px; }
 .store-footer .s-payments-list { justify-content:center; margin-top:14px; }
}

/* Tadweer: current contact number and simpler header */
.store-header .s-contacts-topnav-link,
.store-footer .s-contacts-item[href="tel:+966920000220"],
.store-footer #contact-slot:has(> a[href="tel:+966920000220"]) {
 display:none !important;
}

/* Tadweer: reserve the current hero's space before image loading.
   Desktop asset 1440x480; mobile asset 1440x720.
   Update these ratios if the banner artwork dimensions change. */
body.index #main-content section[component-id="1982968489"] .banner--fixed picture {
 display:block;
}
body.index #main-content section[component-id="1982968489"] .banner--fixed img {
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:3 / 1;
}
@media (max-width:767px) {
 body.index #main-content section[component-id="1982968489"] .banner--fixed img {
  aspect-ratio:2 / 1;
 }
}

/* Tadweer: reserve product slider space during loading.
   min-height allows taller content without clipping. */
body.index #main-content .s-block--best-offers {
 min-height:588px;
}
@media (max-width:767px) {
 body.index #main-content .s-block--best-offers {
  min-height:520px;
 }
}
/* Tadweer: compact desktop navigation, logo/menu/cart on one row. */
@media (min-width:1024px) {
 .store-header #mainnav .inner > .container > div {
  grid-template-columns:auto minmax(0,1fr) auto; gap:20px; min-height:80px;
 }
 .store-header custom-main-menu { grid-column:2; grid-row:1; border-top:0; width:100%; display:flex; align-items:center; }
 .store-header .navbar-brand { grid-column:1; grid-row:1; padding-block:10px; }
 .store-header .navbar-brand img { width:140px; max-height:46px; height:auto; }
 .store-header #mainnav .inner > .container > div > div:last-child { grid-column:3; grid-row:1; margin-block:0; }
 .store-header .main-menu > .root-level > a { padding:12px 8px; font-size:14px; }
 .store-header #mobile-menu { width:100%; }
 .store-header .main-menu { margin-inline:0; }
 .store-header #mainnav { min-height:80px; }
}

/* Tadweer: compact mobile header, centered logo and native search. */
@media (max-width: 1023px) {
 .store-header { position: relative; }
 .store-header .top-navbar { position: absolute; top: 12px; right: 48px; width: 44px; height: 44px; min-height: 0; padding: 0; background: transparent; border: 0; z-index: 40; }
 .store-header:has(#mainnav.fixed-header) .top-navbar { position: fixed; top: 12px; }
 .store-header .top-navbar > .container { width: 44px; padding: 0; gap: 0; }
 .store-header .top-navbar > .container > div { min-width: 0; gap: 0; }
 .store-header .top-navbar .header-buttons, .store-header .top-navbar salla-contacts { display: none; }
 .store-header .header-search { width: 44px; min-width: 44px; }
 .store-header .header-search .s-search-input-wrapper { width: 44px; height: 44px; }
 .store-header .header-search .s-search-input { width: 44px; height: 44px !important; padding: 0 !important; border: 0; border-radius: 0 !important; background: transparent; box-shadow: none; color: transparent; cursor: pointer; }
 .store-header .header-search .s-search-input::placeholder { color: transparent; }
 .store-header .header-search .s-search-icon-wrap { display: flex !important; align-items: center; justify-content: center; position: absolute; inset: 0; transform: none; width: 44px; height: 44px; padding: 0; pointer-events: none; color: #111; }
 .store-header .header-search .s-search-icon { display: flex; }
 .store-header .header-search .s-search-icon svg { width: 20px; height: 20px; fill: currentColor; }
 .store-header #mainnav { min-height: 68px; height: 68px; background: #fff; box-shadow: none; border-bottom: 1px solid #f0f0f0; }
 .store-header #mainnav .inner > .container { padding-inline: 10px; }
 .store-header #mainnav .inner > .container > div { height: 68px; min-height: 68px; align-items: center; }
 .store-header .navbar-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; padding: 0; width: 110px; max-width: 30%; }
 .store-header .navbar-brand img { display: block; width: 100%; height: auto; max-height: 44px; object-fit: contain; }
 .store-header [data-testid="store-header-mobile-toggle"] { display: flex; width: 34px; height: 44px; align-items: center; justify-content: center; margin: 0 !important; }
 .store-header [data-testid="store-header-mobile-toggle"] i { color: #111; font-size: 25px; }
 .store-header #mainnav .inner > .container > div > div:last-child { margin: 0; gap: 3px; }
 .store-header .s-user-menu-login-btn { width: 36px; height: 44px; padding: 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #111; }
 .store-header .s-user-menu-login-btn svg { width: 20px; height: 20px; }
 .store-header salla-cart-summary { margin: 0 !important; }
 .store-header .s-cart-summary-wrapper { gap: 3px; min-height: 44px; }
 .store-header .header-btn__icon { width: 30px; height: 44px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #111; font-size: 22px; }
 .store-header .s-cart-summary-content { margin: 0; }
 .store-header .s-cart-summary-total { font-size: 12px; color: #111; white-space: nowrap; }
 .store-header .s-cart-summary-count { min-width: 16px; height: 16px; line-height: 16px; font-size: 10px; background: #111; color: #fff; top: 0; }
}


/* Tadweer: minimal desktop header and on-demand category menu. */
@media (min-width:1024px) {
 .store-header { position:relative; }
 .store-header #mainnav { min-height:80px; height:80px; box-shadow:none; }
 .store-header #mainnav .inner > .container > div { display:flex; justify-content:space-between; align-items:center; height:80px; min-height:80px; }
 .store-header #mainnav .inner > .container > div > div:first-child { display:flex; align-items:center; }
 .store-header .navbar-brand { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; padding:0; }
 .store-header .navbar-brand img { width:130px; height:auto; max-height:48px; }
 .store-header [data-testid="store-header-mobile-toggle"] { display:flex !important; align-items:center; gap:8px; height:48px; margin:0 !important; color:#111; }
 .store-header [data-testid="store-header-mobile-toggle"]::after { content:"القائمة"; font:18px Tahoma,Arial,sans-serif; }
 .store-header [data-testid="store-header-mobile-toggle"] i { color:#111; font-size:25px; }
 .store-header .top-navbar { position:absolute; top:18px; right:calc(max(20px, (100% - 1280px)/2 + 16px) + 108px); width:44px; height:44px; min-height:0; padding:0; border:0; background:transparent; z-index:40; }
 .store-header:has(#mainnav.fixed-header) .top-navbar { position:fixed; top:18px; }
 .store-header .top-navbar > .container { width:44px; padding:0; gap:0; }
 .store-header .top-navbar > .container > div { min-width:0; gap:0; }
 .store-header .top-navbar .header-buttons, .store-header .top-navbar salla-contacts { display:none; }
 .store-header .header-search { width:44px; min-width:44px; }
 .store-header .header-search .s-search-input-wrapper { width:44px; height:44px; }
 .store-header .header-search .s-search-input { width:44px; height:44px !important; padding:0 !important; border:0; border-radius:0 !important; background:transparent; box-shadow:none; color:transparent; cursor:pointer; }
 .store-header .header-search .s-search-input::placeholder { color:transparent; }
 .store-header .header-search .s-search-icon-wrap { display:flex !important; align-items:center; justify-content:center; position:absolute; inset:0; transform:none; width:44px; height:44px; padding:0; pointer-events:none; color:#111; }
 .store-header .header-search .s-search-icon { display:flex; }
 .store-header .header-search .s-search-icon svg { width:20px; height:20px; fill:currentColor; }
 .store-header .s-user-menu-login-btn, .store-header .header-btn__icon { border:0; background:transparent; box-shadow:none; color:#111; }
 .store-header .s-cart-summary-count { background:#111; color:#fff; }
 .store-header custom-main-menu { display:block; position:absolute; top:68px; right:0; width:580px; max-width:80vw; border:1px solid #e5e7eb; border-radius:12px; background:#fff; box-shadow:0 12px 32px rgb(0 0 0 / 12%); padding:16px; z-index:60; visibility:hidden; opacity:0; pointer-events:none; }
 body.menu-opened .store-header { z-index:10000; }
 body.menu-opened .store-header custom-main-menu { visibility:visible; opacity:1; pointer-events:auto; }
 .mm-ocd .mm-ocd__content:empty { display:none; }
 .mm-ocd .mm-ocd__backdrop { width:100%; }
 .store-header custom-main-menu { padding-top:44px; }
 .store-header custom-main-menu > .btn--close-sm { display:flex !important; position:absolute; top:8px; left:12px; width:32px; height:32px; align-items:center; justify-content:center; color:#222; background:#f3f4f6; border-radius:50%; }
 .store-header custom-main-menu .main-menu { display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; max-height:65vh; overflow:auto; margin:0; padding:0; }
 .store-header custom-main-menu .main-menu > .root-level { display:block !important; min-width:0; }
 .store-header custom-main-menu #more-menu-dropdown { display:contents !important; }
 .store-header custom-main-menu #more-menu-dropdown > a { display:none; }
 .store-header custom-main-menu #more-menu-dropdown > .sub-menu, .store-header custom-main-menu #more-menu-dropdown > .sub-menu > ul { display:contents !important; }
 .store-header custom-main-menu #more-menu-dropdown > .sub-menu > ul > li > a { font-size:14px; font-weight:600; padding:10px; }
 .store-header custom-main-menu .main-menu > .root-level > a { display:block; white-space:normal; padding:10px; font-size:14px; }
 .store-header custom-main-menu .sub-menu { display:block !important; position:static; opacity:1; visibility:visible; transform:none; pointer-events:auto; width:auto; box-shadow:none; border:0; padding:0 12px 8px; }
 .store-header custom-main-menu .sub-menu a { font-size:12px; padding:7px 8px; }
}

/* Tadweer: light footer and accessible icon-only customer service. */
.store-footer { background:#f5f5f5; color:#222; border-top:1px solid #e5e7eb; }
.store-footer h3, .store-footer .s-contacts-title { color:#111; }
.store-footer .store-footer__inner p { color:#555; }
.store-footer .s-menu-footer-item, .store-footer .s-contacts-item { color:#222; }
.store-footer .s-contacts-icon { color:#111; }
.store-footer .s-social-link a { color:#333; background:transparent; border-color:#ddd; }
.store-footer .s-social-link a:hover { color:#25634b; background:#e8eee9; }
.store-footer a:hover { color:#25634b; }
.store-footer > .container { border-color:#e0e0e0; }
.store-footer .copyright-text p, .store-footer .copyright-text a { color:#555; }
.store-footer .store-footer__inner > .container > div + div { border-color:#e0e0e0; }
.store-footer salla-contacts { display:block; text-align:center; }
.store-footer .s-contacts-list { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:22px; }
.store-footer .s-contacts-item { display:flex; align-items:center; justify-content:center; width:48px; height:48px; min-height:48px; margin:0; padding:10px; }
.store-footer .s-contacts-icon { width:26px; height:26px; }
.store-footer .s-contacts-icon svg { width:26px; height:26px; }
.store-footer .s-contacts-item .unicode { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.store-footer a:focus-visible { outline:2px solid #25634b; outline-offset:4px; }

@media(min-width:1024px) {
 .store-header custom-main-menu > .btn--close-sm { transform:none; opacity:1; visibility:visible; top:8px; left:12px; right:auto; }
 .store-header custom-main-menu .main-menu { align-items:start; }
 .store-header custom-main-menu .root-level > .sub-menu { display:none !important; }
 .store-header custom-main-menu #more-menu-dropdown > .sub-menu { display:contents !important; }
 .store-header custom-main-menu #more-menu-dropdown > .sub-menu > ul > li > .sub-menu { display:none !important; }
 .store-header custom-main-menu .main-menu a::after { display:none; }
}
/* Tadweer: prevent closed desktop menu from intercepting product links. */
@media (min-width: 1024px) {
  body:not(.menu-opened) .store-header custom-main-menu {
    display: none !important;
  }
}