:root {
--navy: #061b38;
--cyan: #00c7d4;
--orange: #ff9418;
--hover: #e8790a;
--text: #101c2c;
--muted: #66758a;
}

/* منع الهيدر من تغطية البنر */
.store-header {
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
width: 100% !important;
margin: 0 !important;
background: #fff !important;
box-shadow: 0 4px 16px #04111f1a !important;
}

.store-header :is(#mainnav, .main-nav-container) {
position: static !important;
inset: auto !important;
transform: none !important;
}

/* كارت المنتج */
.s-product-card-entry {
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border: 1px solid #00c7d42e !important;
border-radius: 16px !important;
background: #fff !important;
box-shadow: 0 8px 22px #04111f1f !important;
}

.s-product-card-image {
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
background: #f8fafc !important;
}

.s-product-card-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}

/* النصوص */
.s-product-card-content {
height: auto !important;
padding: 11px !important;
text-align: center !important;
}

.s-product-card-content-title {
color: var(--text) !important;
font-weight: 700 !important;
line-height: 1.55 !important;
text-align: center !important;
}

.s-product-card-content-sub {
color: var(--muted) !important;
text-align: center !important;
}

/* السعر وزر السلة */
.s-product-card-content-footer {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 9px !important;
margin-top: 10px !important;
text-align: center !important;
}

:is(
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price
) {
width: 100% !important;
justify-content: center !important;
text-align: center !important;
}

.s-product-card-content-footer .s-button-element {
width: 100% !important;
max-width: 190px !important;
min-height: 40px !important;
margin: auto !important;
border: 0 !important;
border-radius: 10px !important;
background: var(--orange) !important;
color: var(--navy) !important;
font-weight: 700 !important;
}

.s-product-card-content-footer .s-button-element:hover {
background: var(--hover) !important;
}

/* عنوان بطاقات أيوا وتقليل الفراغ */
body.index salla-products-list:first-of-type {
display: block !important;
min-height: 0 !important;
margin-top: -45px !important;
}

body.index salla-products-list:first-of-type::before {
content: "بطاقات أيوا";
display: block !important;
margin: 0 auto 16px !important;
color: var(--navy) !important;
font-size: 27px !important;
font-weight: 800 !important;
text-align: center !important;
}

/* الجوال */
@media (max-width: 767px) {
.s-product-card-content {
padding: 9px !important;
}

.s-product-card-content-title {
font-size: 14px !important;
}

.s-product-card-content-footer .s-button-element {
max-width: 100% !important;
font-size: 12px !important;
}

body.index salla-products-list:first-of-type {
margin-top: -20px !important;
}

body.index salla-products-list:first-of-type::before {
font-size: 21px !important;
}
}



/* ==================================================
   إخفاء عبارة بطاقات أيوا قبل الفوتر
   من صفحات بطاقات أيوا 30 و50 و100 فقط
   ================================================== */

body.product-single:has(#product-748238870)
.s-after-related
.s-block--bundle-quotes,

body.product-single:has(#product-140704086)
.s-after-related
.s-block--bundle-quotes,

body.product-single:has(#product-912560525)
.s-after-related
.s-block--bundle-quotes {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ==================================================
   توسيط محتوى الفوتر
   ================================================== */

.nova-store-footer__inner .container {
  margin-inline: auto !important;
}

.nova-store-footer__inner .container > div {
  text-align: center !important;
}

/* شعار المتجر والوصف والسجل التجاري */
.nova-store-footer__inner .container > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.nova-store-footer__inner .container > div:first-child > a {
  justify-content: center !important;
  margin-inline: auto !important;
}

.nova-store-footer__inner .container > div:first-child > div {
  margin-inline: auto !important;
  text-align: center !important;
}

/* روابط الفوتر */
.nova-store-footer .s-menu-footer-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

.nova-store-footer .s-menu-footer-item {
  width: fit-content !important;
  margin-inline: auto !important;
  text-align: center !important;
}

/* التواصل */
.nova-store-footer salla-contacts,
.nova-store-footer .s-contacts {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
}

.nova-store-footer .s-contacts-title {
  width: 100% !important;
  text-align: center !important;
}

.nova-store-footer .s-contacts-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

.nova-store-footer .s-contacts-item {
  justify-content: center !important;
  margin-inline: auto !important;
}

/* عمود وأيقونات طرق الدفع */
.nova-store-footer__inner .container > div:last-child {
  align-items: center !important;
}

.nova-store-footer__inner .container > div:last-child > div {
  width: 100% !important;
  align-items: center !important;
  text-align: center !important;
}

.nova-store-footer salla-payments.s-payments-list-wrap {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  margin-inline: auto !important;
}

.nova-store-footer .s-payments-list {
  display: flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}


/* ضبط الفوتر على الجوال */
@media (max-width: 767px) {

  .nova-store-footer__inner .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 28px !important;
  }

  .nova-store-footer__inner .container > div {
    width: 100% !important;
    padding-inline: 14px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  .nova-store-footer__inner h3 {
    width: 100% !important;
    text-align: center !important;
  }
}


/* ==================================================
   توسيط شعار الهيدر في الجوال
   ================================================== */

@media (max-width: 767px) {

  .store-header #mainnav {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 64px !important;
  }

  .store-header .navbar-brand {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }

  .store-header .navbar-brand img {
    display: block !important;
    max-width: 145px !important;
    max-height: 54px !important;
    margin-inline: auto !important;
    object-fit: contain !important;
  }
}