/* Add custom CSS styles below */ 
/* Products grid */
.s-products-list-wrapper.s-products-list-vertical-cards {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 18px !important;
}

/* Card */
.s-products-list-wrapper custom-salla-product-card.product-entry {
  background: #fff !important;
  border: 1px solid rgba(237, 171, 63, .35) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 24px rgba(4, 5, 3, .08) !important;
  text-align: center !important;
  overflow: hidden !important;
  transition: .25s ease !important;
}

.s-products-list-wrapper custom-salla-product-card.product-entry:hover {
  transform: translateY(-4px) !important;
  border-color: #EDAB3F !important;
}

/* Center content */
.s-products-list-wrapper .f_product-footer,
.s-products-list-wrapper .f_product-footer *,
.s-products-list-wrapper .f_price-container,
.s-products-list-wrapper .f_btn-container {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Image */
.s-products-list-wrapper .product-entry__image {
  background: #faf7f1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.s-products-list-wrapper .product-entry__image img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: 10px !important;
}

/* Text */
.s-products-list-wrapper .product-entry__title a {
  color: #040503 !important;
  font-weight: 700 !important;
}

.s-products-list-wrapper .f_product-footer p {
  color: rgba(4, 5, 3, .65) !important;
}

/* Price + SAR icon */
.s-products-list-wrapper .f_price-container h4 {
  color: #EDAB3F !important;
  font-weight: 800 !important;
}

.s-products-list-wrapper .f_price-container .sicon-sar {
  font-size: 1.25em !important;
  vertical-align: -2px !important;
}

/* Buttons */
.s-products-list-wrapper .s-button-solid.s-button-primary {
  background: #040503 !important;
  border-color: #040503 !important;
  color: #EDAB3F !important;
  border-radius: 999px !important;
}

.s-products-list-wrapper .s-button-solid.s-button-primary:hover {
  background: #EDAB3F !important;
  border-color: #EDAB3F !important;
  color: #040503 !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .s-products-list-wrapper.s-products-list-vertical-cards {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .s-products-list-wrapper.s-products-list-vertical-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}




@media (min-width:1024px){

  #mainnav{
    position:relative!important;
    border-radius:0!important;
  }

  #mainnav .inner{
    display:block!important;
    height:105px!important;
  }

  /* اللوجو يمين */
  #mainnav .f_logo{
    position:absolute!important;
    right:55px!important;
    top:18px!important;
  }

  #mainnav .f_logo img{
    width:auto!important;
    max-height:78px!important;
  }

  /* إخفاء الهمبورجر */
  #mainnav .mburger{
    display:none!important;
  }

  /* أيقونة الحساب شمال */
  #mainnav .f_start-btns{
    position:absolute!important;
    left:42px!important;
    top:38px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
  }

  #mainnav .f_start-btns .f_user-icon-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
  }

  /* السيرش والسلة بعد الحساب */
  #mainnav .f_end-btns{
    position:absolute!important;
    left:92px!important;
    top:38px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    direction:ltr!important;
  }

  #mainnav .f_end-btns .f_user-icon-button{
    display:none!important;
  }

  /* توحيد حجم الأيقونات */
  #mainnav .f_user-icon-button i,
  #mainnav .search-btn span,
  #mainnav .header-btn__icon{
    font-size:28px!important;
    line-height:1!important;
  }

  #mainnav .search-btn,
  #mainnav salla-cart-summary,
  #mainnav .s-cart-summary-wrapper{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
  }

  #mainnav .s-cart-summary-content{
    margin:0 0 0 4px!important;
    line-height:1!important;
  }

  #mainnav .s-cart-summary-total{
    font-size:16px!important;
    line-height:1!important;
  }

  #mainnav .s-cart-summary-count{
    top:-8px!important;
    right:-8px!important;
  }

  /* القائمة في النص */
  #mainnav custom-main-menu[type="desktop"]{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
  }

  #mainnav .main-menu{
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
  }

  #mainnav .main-menu a{
    padding:10px 18px!important;
  }
}

/* Footer base */
.store-footer {
  background: #11120E !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.store-footer::before {
  content: "";
  display: block;
  height: 14px;
  background: #FFF7EA;
}

.store-footer__inner,
.store-footer__bottom {
  background: #11120E !important;
  color: #F7E7C7 !important;
}

.store-footer h3,
.store-footer h4 {
  color: #EDAB3F !important;
}

.store-footer a,
.store-footer p,
.store-footer .unicode,
.store-footer .s-menu-footer-item {
  color: #F7E7C7 !important;
}

/* Desktop layout */
@media (min-width: 992px) {
  .store-footer__inner {
    max-width: 1420px !important;
    margin: 0 auto !important;
    padding: 22px 28px 22px !important;
    display: grid !important;
    grid-template-columns: 390px 1fr !important;
    gap: 45px !important;
    align-items: start !important;
    direction: rtl;
  }

  .about-us-block {
    width: 390px !important;
    padding: 36px 34px !important;
    background: #FFF7EA !important;
    border-radius: 46px !important;
    text-align: center !important;
  }

  .about-us-block .f_logo {
    width: 130px !important;
    margin: 0 auto 18px !important;
  }

  .about-us-block .flex {
    padding: 0 !important;
    align-items: center !important;
  }

  .about-us-block .f_store-name {
    color: #040503 !important;
    font-size: 21px !important;
  }

  .about-us-block .f_store-description {
    color: #3D3020 !important;
    max-width: 330px !important;
    margin: 14px auto !important;
    line-height: 1.9 !important;
  }

  .about-us-block .unicode {
    display: none !important;
  }

  .about-us-block .s-contacts-list {
    display: flex !important;
    justify-content: center !important;
    gap: 18px !important;
  }

  .about-us-block svg,
  .about-us-block svg path {
    fill: #EDAB3F !important;
  }

  .store-footer__blocks {
    display: grid !important;
    grid-template-columns: 1fr 170px 320px !important;
    grid-template-rows: auto auto !important;
    column-gap: 42px !important;
    row-gap: 18px !important;
    align-items: start !important;
  }

  .s-menu-footer-block {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
  }

  .contact-social {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .store-footer__blocks > div:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }

  .footer-certifications {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
  }

  .store-footer h3 {
    margin-bottom: 12px !important;
    white-space: nowrap !important;
  }

  .s-menu-footer-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
  }

  .store-footer .s-social-list,
  .store-footer .s-payments-list,
  .about-us-block .s-contacts-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .store-footer .s-social-link,
  .store-footer .s-payments-list-item {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    margin: 0 !important;
    display: flex !important;
  }

  .store-footer .s-social-link a,
  .store-footer .s-payments-list-item {
    width: 44px !important;
    height: 44px !important;
    padding: 7px !important;
    border-radius: 10px !important;
    background: #FFF7EA !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .store-footer .s-social-link svg,
  .store-footer .s-social-link svg path {
    fill: #040503 !important;
    color: #040503 !important;
  }

  .store-footer .s-payments-list-item img {
    max-width: 26px !important;
    max-height: 26px !important;
  }

  .footer-certifications > div > .flex {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .footer-certifications .f_certificates,
  .footer-certifications .s-trust-badges-wrapper {
    width: 300px !important;
    min-height: 78px !important;
    padding: 14px 18px !important;
    background: #FFF7EA !important;
    border-radius: 16px !important;
    color: #040503 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .footer-certifications .f_certificates *,
  .footer-certifications .s-trust-badges-wrapper * {
    color: #040503 !important;
  }

  .footer-certifications img {
    max-width: 62px !important;
    height: auto !important;
  }
}

/* Hide SBC from payment methods only */
.s-payments-list-item:has(.s-payments-sbc-image) {
  display: none !important;
}

/* Footer bottom */
.store-footer__bottom {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 20px !important;
  border-top: 1px solid rgba(237, 171, 63, .22) !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}

.store-footer__bottom * {
  margin: 0 !important;
  text-align: center !important;
}

/* Mobile */
@media (max-width: 991px) {
  .store-footer::before {
    height: 10px;
  }

  .store-footer__inner {
    padding: 24px 16px 20px !important;
    text-align: center !important;
  }

  .about-us-block {
    background: #FFF7EA !important;
    border-radius: 28px !important;
    padding: 24px 18px !important;
    margin-bottom: 24px !important;
  }

  .about-us-block .flex {
    padding: 0 !important;
  }

  .store-footer .s-social-list,
  .store-footer .s-payments-list,
  .about-us-block .s-contacts-list {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .store-footer .s-social-link svg,
  .store-footer .s-social-link svg path {
    fill: #040503 !important;
  }
}




/* Mobile footer color fix */
@media (max-width: 991px) {
  .store-footer,
  .store-footer__inner,
  .store-footer__bottom {
    background: #11120E !important;
    color: #F7E7C7 !important;
  }

  .store-footer h3,
  .store-footer h4 {
    color: #EDAB3F !important;
  }

  .store-footer a,
  .store-footer p,
  .store-footer .s-menu-footer-item,
  .store-footer .unicode,
  .store-footer__bottom * {
    color: #F7E7C7 !important;
  }

  .about-us-block {
    background: #FFF7EA !important;
  }

  .about-us-block .f_store-name {
    color: #040503 !important;
  }

  .about-us-block .f_store-description {
    color: #3D3020 !important;
  }

  .about-us-block .s-contacts-icon svg,
  .about-us-block .s-contacts-icon svg path {
    fill: #EDAB3F !important;
    color: #EDAB3F !important;
  }

  .store-footer .s-social-link a,
  .store-footer .s-payments-list-item {
    background: #FFF7EA !important;
  }

  .store-footer .s-social-link svg,
  .store-footer .s-social-link svg path {
    fill: #040503 !important;
    color: #040503 !important;
  }

  .footer-certifications .f_certificates,
  .footer-certifications .s-trust-badges-wrapper {
    background: #FFF7EA !important;
    color: #040503 !important;
  }

  .footer-certifications .f_certificates *,
  .footer-certifications .s-trust-badges-wrapper * {
    color: #040503 !important;
  }
}



/* Hide recently viewed products */
.f_slider-container:has(recently-viewed-products),
recently-viewed-products,
#RVP-slider {
  display: none !important;
}

/* Show more button */
.hq-show-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 18px 0 5px;
  padding: 11px 28px;
  border: 0;
  border-radius: 999px;
  background: #040503;
  color: #EDAB3F;
  font-weight: 800;
  cursor: pointer;
}

/* Description image visible by default */
.hq-desc-image-wrap {
  display: block;
  background: #FFF7EA;
  padding: 14px clamp(24px, 14vw, 220px) 18px;
  margin: 0;
  line-height: 0;
  overflow: hidden;
}

.hq-desc-image-wrap img {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  border: 0;
  transform: none !important;
  transition: none !important;
}

/* Related products section */
salla-products-slider[source="related"] {
  display: block !important;
  background: #FFF7EA !important;
  padding: 14px 12px 20px !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

/* Center title */
salla-products-slider[source="related"] .s-slider-block__title {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

salla-products-slider[source="related"] .s-slider-block__title-right {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

salla-products-slider[source="related"] .s-slider-block__title h2 {
  margin: 0 auto !important;
  color: #040503 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

salla-products-slider[source="related"] .s-slider-block__title-left,
salla-products-slider[source="related"] .s-slider-block__title-nav {
  display: none !important;
}

/* 4 products grid */
salla-products-slider[source="related"] .swiper,
salla-products-slider[source="related"] .s-slider-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

salla-products-slider[source="related"] .s-slider-swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  transform: none !important;
}

salla-products-slider[source="related"] .swiper-slide {
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
}

/* Product card */
salla-products-slider[source="related"] custom-salla-product-card.product-entry {
  background: #fff !important;
  border: 1px solid rgba(237, 171, 63, .35) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(4, 5, 3, .07) !important;
  text-align: center !important;
  overflow: hidden !important;
}

salla-products-slider[source="related"] .product-entry__image {
  background: #faf7f1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

salla-products-slider[source="related"] .product-entry__image img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: 10px !important;
}

salla-products-slider[source="related"] .product-entry__title,
salla-products-slider[source="related"] .product-entry__title a,
salla-products-slider[source="related"] .f_product-footer,
salla-products-slider[source="related"] .f_price-container,
salla-products-slider[source="related"] .f_btn-container {
  text-align: center !important;
  justify-content: center !important;
}

salla-products-slider[source="related"] .product-entry__title a {
  color: #040503 !important;
  font-weight: 800 !important;
}

salla-products-slider[source="related"] .f_product-footer p {
  color: rgba(4, 5, 3, .65) !important;
}

salla-products-slider[source="related"] .f_price-container h4 {
  color: #EDAB3F !important;
  font-weight: 900 !important;
}

salla-products-slider[source="related"] .f_price-container .sicon-sar {
  font-size: 1.25em !important;
}

salla-products-slider[source="related"] .s-button-solid.s-button-primary {
  background: #040503 !important;
  border-color: #040503 !important;
  color: #EDAB3F !important;
  border-radius: 999px !important;
}

salla-products-slider[source="related"] .f_promotion-title {
  background: #040503 !important;
  color: #EDAB3F !important;
  border-radius: 999px !important;
}

/* Responsive */
@media (max-width: 1024px) {
  salla-products-slider[source="related"] .s-slider-swiper-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .hq-desc-image-wrap {
    padding: 12px 18px 16px;
  }

  .hq-desc-image-wrap img {
    max-width: 100%;
  }

  salla-products-slider[source="related"] {
    padding: 12px 10px 18px !important;
  }

  salla-products-slider[source="related"] .s-slider-swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  salla-products-slider[source="related"] .s-slider-block__title h2 {
    font-size: 22px !important;
  }
}