/* =========================================================
   SELECTORS STRATEGY
   - Unique blocks  → targeted by their block class (يفضل شغال حتى لو البلوك اتمسح واتضاف تاني)
   - Repeated blocks (product sliders, images grids) → targeted by component-id
   - No nth-of-type → إخفاء/حذف/تحريك أي سكشن مش بيأثر على الباقي

   component-ids:
   Card style A : 926112641 (الاكثر مبيعاً) · 1813970112 (80 مل) · 1441997042 (2026/2025)
   Card style B : 1174684553 (30 مل) · 548543712 (مسكات فرنسية)
   Images grid  : 1079295686 (عربي) · 912927416 (إنجليزي)
   ========================================================= */


/* =========================================================
   HERO — Banners slider: full width, no side padding, no top spacing
   ========================================================= */
main > section.banners-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

main > section.banners-slider .banners-slider__inner,
main > section.banners-slider salla-slider {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}

main > section.banners-slider .banners-slider__image {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
}


/* =========================================================
   SPECIAL CATEGORIES — 3 identical portrait images (560x778) side by side
   ========================================================= */
main > section.special-categories {
  margin-top: 72px !important;
}

main > section.special-categories .special-categories__inner {
  width: 100%;
  max-width: 1712px; /* 3 × 560 + 2 × 16 gap */
  margin-inline: auto;
  padding-inline: 16px;
}

main > section.special-categories .special-categories__content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto !important;
  gap: 16px !important;
  height: auto !important;
}

main > section.special-categories .group-banner {
  display: contents !important;
}

main > section.special-categories .banner-3 {
  display: none !important;
}

main > section.special-categories .single-banner,
main > section.special-categories .banner-1,
main > section.special-categories .banner-2 {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 560 / 778;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;
  overflow: hidden;
}

main > section.special-categories .single-banner > a,
main > section.special-categories .banner-image,
main > section.special-categories .banner-image > a {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

main > section.special-categories .single-banner img,
main > section.special-categories .banner-1 img,
main > section.special-categories .banner-2 img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center;
  display: block;
}

main > section.special-categories .banner-wrapper-infor {
  z-index: 1;
}


/* =========================================================
   PRODUCT SLIDERS — shared base (every best-offers block)
   ========================================================= */
main > section.s-block--best-offers {
  --pc-gap: 16px;               /* slider spacing between cards */
  --pc-per-view: 5;             /* cards visible on desktop */
  --pc-card-bg: #faf6f0;
  --pc-accent: #d9a441;         /* price */
  --pc-title: #1f2937;
  --pc-old-price: #9ca3af;
  --pc-muted: #6b7280;
  --pc-btn-bg: #f0d3a0;
  --pc-btn-bg-hover: #e8c584;
  --pc-btn-text: #2b2b2b;
  --pc-btn-icon-bg: rgba(120, 80, 20, 0.14);
}

/* ---- Block title: centered, no line, no "view all"/arrows ---- */
main > section.s-block--best-offers .s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  text-align: center;
  margin-bottom: 24px !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  background: none !important;
}

main > section.s-block--best-offers .s-slider-block__title-right {
  width: 100%;
  text-align: center;
  border: 0 !important;
  padding-bottom: 0 !important;
}

main > section.s-block--best-offers .s-slider-block__title-right h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111827;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  text-decoration: none !important;
}

main > section.s-block--best-offers .s-slider-block__title::before,
main > section.s-block--best-offers .s-slider-block__title::after,
main > section.s-block--best-offers .s-slider-block__title-right::before,
main > section.s-block--best-offers .s-slider-block__title-right::after,
main > section.s-block--best-offers .s-slider-block__title-right h2::before,
main > section.s-block--best-offers .s-slider-block__title-right h2::after {
  content: none !important;
  display: none !important;
}

main > section.s-block--best-offers .s-slider-block__title-left {
  display: none !important;
}

/* ---- Cards per view ---- */
main > section.s-block--best-offers .s-products-slider-card {
  width: calc((100% - (var(--pc-per-view) - 1) * var(--pc-gap)) / var(--pc-per-view)) !important;
  height: auto !important;
}

/* ---- Card shell ---- */
main > section.s-block--best-offers custom-salla-product-card {
  --pc-pad: 8px;
  --pc-radius: 12px;
  --pc-img-ratio: 170 / 157;
  --pc-img-radius: 10px;
  --pc-content-top: 12px;       /* space between image and title */
  --pc-align: start;
  --pc-justify: flex-start;
  --pc-price-pad: 36px;         /* room for the heart next to the price */
  --pc-btn-h: 52px;
  --pc-btn-radius: 10px;
  --pc-btn-font: 14px;
  --pc-btn-end: var(--pc-pad);  /* button's end edge */
  --pc-icon: 32px;
  --pc-icon-font: 16px;
  --pc-btn-space: calc(var(--pc-btn-h) + var(--pc-pad) + 12px);
  /* wishlist heart look */
  --pc-heart-size: 28px;
  --pc-heart-radius: 50%;
  --pc-heart-bg: transparent;
  --pc-heart-border: 0;
  --pc-heart-color: var(--pc-accent);
  --pc-heart-icon: 20px;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  padding: var(--pc-pad) var(--pc-pad) var(--pc-btn-space) !important;
  background: var(--pc-card-bg) !important;
  border: 0 !important;
  border-radius: var(--pc-radius) !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* ---- Image ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__image {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__image > a {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--pc-img-ratio);
  border-radius: var(--pc-img-radius);
  overflow: hidden;
  background: #fff;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__image > a img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Hide quick view, duplicate hover buttons, subtitle */
main > section.s-block--best-offers custom-salla-product-card .product-card__buttons,
main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart.mobile,
main > section.s-block--best-offers custom-salla-product-card .quickview-btn,
main > section.s-block--best-offers custom-salla-product-card .product-card__subtitle {
  display: none !important;
}

/* ---- Content ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__content {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  padding: var(--pc-content-top) 4px 0 !important;
  margin: 0 !important;
  text-align: var(--pc-align) !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__content-wrapper {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  gap: 6px;
  padding: 0 !important;
  text-align: var(--pc-align) !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__title {
  margin: 0 !important;
  text-align: var(--pc-align) !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__title a {
  display: block;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--pc-title) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Price ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__price {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-inline-end: var(--pc-price-pad);
  justify-content: var(--pc-justify) !important;
  gap: 8px !important;
  min-height: 22px;
}

main > section.s-block--best-offers custom-salla-product-card .price_is_on_sale {
  gap: 8px !important;
}

main > section.s-block--best-offers custom-salla-product-card .starting-or-normal-price {
  gap: 4px !important;
}

main > section.s-block--best-offers custom-salla-product-card .starting-price-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--pc-muted) !important;
}

main > section.s-block--best-offers custom-salla-product-card .total-price {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--pc-accent) !important;
  margin: 0 !important;
}

main > section.s-block--best-offers custom-salla-product-card .before-price {
  font-size: 12px !important;
  color: var(--pc-old-price) !important;
}

/* ---- Wishlist: container (position set per card style below) ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__actions {
  position: absolute !important;
  top: auto !important;
  inset-inline-start: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 2;
  line-height: 0;
}

/* ---- Wishlist: reset every layer the theme styles ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .wishlist,
main > section.s-block--best-offers custom-salla-product-card .product-card__actions salla-button {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  line-height: 0;
}

/* Kill the hover tooltip ("add to wishlist") */
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .wishlist::before,
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .wishlist::after {
  content: none !important;
  display: none !important;
}

/* The actual heart button (Salla uses .s-button-element / .s-button-btn) */
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .s-button-element,
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .s-button-btn {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pc-heart-size) !important;
  height: var(--pc-heart-size) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: var(--pc-heart-border) !important;
  border-radius: var(--pc-heart-radius) !important;
  background: var(--pc-heart-bg) !important;
  color: var(--pc-heart-color) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  line-height: 1 !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__actions .s-button-element:hover,
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .s-button-btn:hover {
  background: var(--pc-heart-bg) !important;
  opacity: 0.8 !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__actions .s-button-text {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__actions i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-size: var(--pc-heart-icon) !important;
  line-height: 1 !important;
  color: inherit !important;
}

/* Added to wishlist → red */
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .is-added .s-button-element,
main > section.s-block--best-offers custom-salla-product-card .product-card__actions .is-added .s-button-btn {
  color: #ef4444 !important;
}

/* ---- Add to cart ---- */
main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) {
  position: absolute !important;
  top: auto !important;
  bottom: var(--pc-pad) !important;
  inset-inline-start: var(--pc-pad) !important;
  inset-inline-end: var(--pc-btn-end) !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--pc-btn-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: 2;
  line-height: 0;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) salla-add-product-button,
main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) .product-card__addToCart__btn,
main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) salla-button {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--pc-btn-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) .s-button-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  width: 100% !important;
  height: var(--pc-btn-h) !important;
  min-height: var(--pc-btn-h) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: var(--pc-btn-radius) !important;
  background: var(--pc-btn-bg) !important;
  color: var(--pc-btn-text) !important;
  font-size: var(--pc-btn-font) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  box-shadow: none !important;
  transition: background-color 0.2s ease;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) .s-button-btn:hover {
  background: var(--pc-btn-bg-hover) !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) .s-button-text {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: transparent !important;
}

main > section.s-block--best-offers custom-salla-product-card .product-card__addToCart:not(.mobile) i {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--pc-icon);
  height: var(--pc-icon);
  margin: 0 !important;
  border-radius: 50%;
  background: var(--pc-btn-icon-bg);
  font-size: var(--pc-icon-font) !important;
  line-height: 1 !important;
}


/* =========================================================
   CARD STYLE A — best sellers · 80ml · 2026/2025
   full-width button, heart on the price row
   ========================================================= */
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card {
  --pc-heart-color: #D49255;
}

main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card.out-of-stock {
  --pc-btn-space: 12px; /* no add button when out of stock */
}

main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .product-card__actions {
  bottom: calc(var(--pc-btn-space) - 3px) !important;
  inset-inline-end: calc(var(--pc-pad) + 2px) !important;
}

/* Wishlist button: transparent background on every layer */
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist.s-button-element,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist .s-button-element,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist .s-button-btn,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist:hover,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist .s-button-element:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* Heart color */
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist .s-button-text,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist .s-button-text i {
  color: #D49255 !important;
}

/* Added to wishlist → red */
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist.is-added .s-button-text,
main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) custom-salla-product-card .btn--wishlist.is-added .s-button-text i {
  color: #ef4444 !important;
}

/* Desktop: 5 products or fewer → center them, no sliding */
@media (min-width: 1024px) {
  main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) .swiper-wrapper:not(:has(> .swiper-slide:nth-child(6))) {
    justify-content: center !important;
    gap: var(--pc-gap) !important;
    transform: none !important;
  }

  main > section:is([component-id="926112641"], [component-id="1813970112"], [component-id="1441997042"]) .swiper-wrapper:not(:has(> .swiper-slide:nth-child(6))) > .s-products-slider-card {
    margin: 0 !important;
  }
}


/* =========================================================
   DOUBLE BANNERS (both double-banner blocks)
   ========================================================= */
main > section.s-block--double-banner .double-banner__row > .banner {
  min-width: 0;
}

main > section.s-block--double-banner .double-banner__image {
  display: block;
  width: 100% !important;
  height: auto !important;
}


/* =========================================================
   CARD STYLE B — 30ml · French musks
   centered text, gradient card, button + boxed heart in one row
   ========================================================= */
main > section:is([component-id="1174684553"], [component-id="548543712"]) {
  --pc-per-view: 4;
  --pc-card-bg: linear-gradient(180deg, #faf5ee 0%, #ffffff 100%);
  --pcb-card-w: 424px;          /* desktop card width */
  --pcb-gap: 20px;              /* desktop gap between cards */
}

main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card {
  --pc-pad: 12px;
  --pc-img-ratio: 165 / 188;
  --pc-img-radius: 8px;
  --pc-content-top: 20px;
  --pc-align: center;
  --pc-justify: center;
  --pc-price-pad: 0px;
  --pc-btn-h: 44px;
  --pc-btn-radius: 8px;
  --pc-btn-font: 13px;
  --pc-icon: 28px;
  --pc-icon-font: 14px;
  --pc-btn-end: calc(var(--pc-pad) + var(--pc-btn-h) + 8px); /* room for heart box */
  --pc-heart-size: var(--pc-btn-h);
  --pc-heart-radius: var(--pc-btn-radius);
  --pc-heart-bg: #C9994533;
  --pc-heart-border: 1px solid #e7dfd3;
  --pc-heart-color: #000000;
  --pc-heart-icon: 18px;
}

main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__actions {
  bottom: var(--pc-pad) !important;
  inset-inline-end: var(--pc-pad) !important;
}

/* Heart box: outer layers transparent, tint only on the real <button> */
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__actions .btn--wishlist:not(button),
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__actions salla-button:not(button) {
  background: transparent !important;
  background-color: transparent !important;
}

main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__actions .btn--wishlist button,
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__actions .btn--wishlist button:hover {
  background: #C9994533 !important;
  background-color: #C9994533 !important;
}

/* Black heart */
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .btn--wishlist .s-button-text,
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .btn--wishlist .s-button-text i {
  color: #000000 !important;
}

/* Added to wishlist → red */
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .btn--wishlist.is-added .s-button-text,
main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .btn--wishlist.is-added .s-button-text i {
  color: #ef4444 !important;
}

/* Desktop: 4 cards × 424px, centered, 20px apart (no sliding) */
@media (min-width: 1024px) {
  /* Let these two sections grow past the theme's 1440px container */
  main > section:is([component-id="1174684553"], [component-id="548543712"]) {
    max-width: 100% !important;
  }

  main > section:is([component-id="1174684553"], [component-id="548543712"]) .swiper-wrapper {
    justify-content: center !important;
    gap: var(--pcb-gap) !important;
    transform: none !important;
  }

  /* 424px when there's room, shrinks evenly on smaller desktops */
  main > section:is([component-id="1174684553"], [component-id="548543712"]) .s-products-slider-card {
    width: min(var(--pcb-card-w), calc((100% - 3 * var(--pcb-gap)) / 4)) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
}


/* =========================================================
   DYNAMIC BANNER
   ========================================================= */
main > section.s-block--dynamic-banner .banner--fixed {
  display: block;
}

main > section.s-block--dynamic-banner .banner--fixed img {
  display: block;
  width: 100% !important;
  height: auto !important;
}


/* =========================================================
   IMAGES GRIDS — Arabic (1079295686) & English (912927416)
   edges 440x727 · center big 808x352 · center small 389x345 (x2)
   no gradient overlay
   ========================================================= */

/* Show only the version that matches the page language */
html[lang|="ar"] main > section[component-id="912927416"],
html:not([lang|="ar"]) main > section[component-id="1079295686"] {
  display: none !important;
}

main > section.s-block--images-grid {
  --ig-gap: 30px;
}

main > section.s-block--images-grid .images-grid__grid {
  display: grid !important;
  grid-template-columns: 440fr 389fr 389fr 440fr !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "edge-a big     big     edge-b"
    "edge-a small-a small-b edge-b" !important;
  gap: var(--ig-gap) !important;
  height: auto !important;
}

/* Flatten the theme's column wrappers so items sit on one grid */
main > section.s-block--images-grid .images-grid__col,
main > section.s-block--images-grid .images-grid__subgrid {
  display: contents !important;
}

/* Reset theme heights / spacing on every item */
main > section.s-block--images-grid .images-grid__item {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  flex: none !important;
  overflow: hidden;
}

/* Placement + ratios (edge-a = start side, edge-b = end side) */
main > section.s-block--images-grid [data-selia="home-images-grid-item-1"] {
  grid-area: edge-a;
  aspect-ratio: auto;
  align-self: stretch;
}

main > section.s-block--images-grid [data-selia="home-images-grid-item-2"] {
  grid-area: big;
  aspect-ratio: 808 / 352;
}

main > section.s-block--images-grid [data-selia="home-images-grid-item-3"] {
  grid-area: small-a;
  aspect-ratio: 389 / 345;
}

main > section.s-block--images-grid [data-selia="home-images-grid-item-4"] {
  grid-area: small-b;
  aspect-ratio: 389 / 345;
}

main > section.s-block--images-grid [data-selia="home-images-grid-item-5"] {
  grid-area: edge-b;
  aspect-ratio: auto;
  align-self: stretch;
}

main > section.s-block--images-grid .images-grid__item img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* No gradient */
main > section.s-block--images-grid .images-grid__overlay {
  display: none !important;
}


/* =========================================================
   ABOUT (من نحن)
   text one side, 1052x484 image the other, gold subtitle
   ========================================================= */
main > section.s-block--about {
  --about-accent: #c8a45a;      /* gold */
  --about-title: #111827;
  --about-text: #6b7280;
  --about-gap: 48px;
}

main > section.s-block--about .about__row {
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--about-gap) !important;
}

main > section.s-block--about .about__content {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
  text-align: start;
}

main > section.s-block--about .about__media {
  flex: 0 0 60% !important;
  width: 60% !important;
  max-width: 1052px;
}

main > section.s-block--about .about__media img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1052 / 484;
  object-fit: cover !important;
  border-radius: 0 !important;
}

main > section.s-block--about .about__subtitle {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--about-accent) !important;
  opacity: 1 !important;
  margin-bottom: 8px !important;
}

main > section.s-block--about .about__title {
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--about-title) !important;
  margin-bottom: 20px !important;
}

main > section.s-block--about .about__description {
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: var(--about-text) !important;
  white-space: pre-line; /* keeps the paragraph break from the text */
  margin-bottom: 0 !important;
}


/* =========================================================
   FEATURES (المميزات)
   3 cream cards: icon on top, title + text centered, gold hover lines
   ========================================================= */
main > section.s-block--enhanced-features {
  --ft-card-bg: #faf6ef;
  --ft-accent: #c8a45a;
  --ft-title: #111827;
  --ft-text: #6b7280;
  --ft-gap: 24px;
  margin-top: 80px !important;
}

main > section.s-block--enhanced-features .enhanced-features__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ft-gap) !important;
}

main > section.s-block--enhanced-features .s-block--enhanced-features__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px;
  height: 100%;
  padding: 32px 24px !important;
  margin: 0 !important;
  background: var(--ft-card-bg) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Hover frame lines: gold instead of the theme primary */
main > section.s-block--enhanced-features .s-block--enhanced-features__item > .bg-primary {
  background-color: var(--ft-accent) !important;
}

main > section.s-block--enhanced-features .feature-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

main > section.s-block--enhanced-features .feature-icon img {
  display: block;
  width: auto !important;
  height: 64px !important;
  max-height: 64px !important;
  object-fit: contain !important;
}

main > section.s-block--enhanced-features .s-block--enhanced-features__item h2 {
  margin: 4px 0 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--ft-title) !important;
}

main > section.s-block--enhanced-features .s-block--enhanced-features__item p {
  margin: 0 !important;
  max-width: 320px;
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: var(--ft-text) !important;
}


/* =========================================================
   BLOG
   title start side + "view all" end side, 4 cards (423x264)
   ========================================================= */
main > section.s-block--blog {
  --blog-accent: #c8a45a;       /* gold: view all + read more */
  --blog-title: #111827;
  --blog-muted: #9ca3af;
  --blog-border: #eeeeee;
  --blog-gap: 30px;             /* matches the slider's spacebetween */
  --blog-per-view: 4;
}

/* Header: title + view all on one row, slider below */
main > section.s-block--blog > .container {
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title  more"
    "slider slider";
  align-items: center;
  row-gap: 24px;
}

main > section.s-block--blog .home-block-title {
  grid-area: title;
  margin: 0 !important;
  text-align: start !important;
}

main > section.s-block--blog .blog__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  color: var(--blog-title) !important;
  text-align: start !important;
  margin: 0 !important;
}

main > section.s-block--blog .home-block-line {
  display: none !important;
}

main > section.s-block--blog salla-slider {
  grid-area: slider;
  min-width: 0;
}

main > section.s-block--blog .blog__view-all-wrap {
  grid-area: more;
  display: flex !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* Remove the two divider lines around "view all" */
main > section.s-block--blog .blog__view-all-wrap > span {
  display: none !important;
}

main > section.s-block--blog .blog__view-all-wrap .btn {
  flex: none !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--blog-accent) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  gap: 4px !important;
}

main > section.s-block--blog .blog__view-all-wrap .btn:hover {
  opacity: 0.8;
}

main > section.s-block--blog .blog__view-all-wrap .btn i {
  font-size: 18px !important;
}

/* ---- Cards per view ---- */
main > section.s-block--blog .slide--one-third {
  width: calc((100% - (var(--blog-per-view) - 1) * var(--blog-gap)) / var(--blog-per-view)) !important;
  height: auto !important;
}

/* ---- Card: 423 x 264 ---- */
main > section.s-block--blog .post-entry {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: auto !important;
  aspect-ratio: 423 / 264;
  background: #fff !important;
  border: 1px solid var(--blog-border) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

main > section.s-block--blog .post-entry__image {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
}

/* Real images fill the area; the theme placeholder stays small & centered */
main > section.s-block--blog .post-entry__image img:not([src*="placeholder"]) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
}

/* ---- Card body: title / date + read more ---- */
main > section.s-block--blog .blog__post-body {
  flex: none !important;
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title title"
    "meta  more";
  align-items: center;
  row-gap: 8px;
  column-gap: 12px;
  padding: 14px 16px !important;
}

main > section.s-block--blog .post-entry__title {
  grid-area: title;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--blog-title) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

main > section.s-block--blog .blog__post-meta {
  grid-area: meta;
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--blog-muted) !important;
}

main > section.s-block--blog .blog__post-date i,
main > section.s-block--blog .blog__post-author,
main > section.s-block--blog .blog__post-summary {
  display: none !important;
}

main > section.s-block--blog .blog__post-read-more {
  grid-area: more;
  gap: 2px;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--blog-accent) !important;
}

main > section.s-block--blog .blog__post-read-more:hover {
  opacity: 0.8;
}


/* =========================================================
   TESTIMONIALS (آراء العملاء)
   cream band, gold centered title, 3 white cards
   avatar + name · stars · text below
   ========================================================= */
main > section.s-block--testimonials {
  --tm-bg: #faf6ef;             /* section band */
  --tm-accent: #c8964a;         /* title */
  --tm-name: #111827;
  --tm-text: #374151;
  --tm-star: #f2b01e;
  --tm-gap: 20px;
  --tm-per-view: 3;
  background: var(--tm-bg) !important;
  padding-block: 56px !important;
}

main > section.s-block--testimonials .home-block-title {
  margin-bottom: 32px !important;
}

main > section.s-block--testimonials .testimonials__title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--tm-accent) !important;
  text-align: center !important;
}

main > section.s-block--testimonials .home-block-line {
  display: none !important;
}

/* ---- Slides per view ---- */
main > section.s-block--testimonials .testimonials-item {
  width: calc((100% - (var(--tm-per-view) - 1) * var(--tm-gap)) / var(--tm-per-view)) !important;
  height: auto !important;
  background: transparent !important;
}

/* ---- Card: grid  avatar | name | stars  /  text ---- */
main > section.s-block--testimonials .testimonials__card {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "avatar name  stars"
    "text   text  text";
  align-items: center;
  column-gap: 12px;
  row-gap: 16px;
  height: 100%;
  padding: 20px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  text-align: start !important;
}

/* Let the name & rating inside the author block join the card grid */
main > section.s-block--testimonials .testimonials__author,
main > section.s-block--testimonials .testimonials__author > div {
  display: contents !important;
}

main > section.s-block--testimonials .testimonials__card-header {
  grid-area: avatar;
  margin: 0 !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}

main > section.s-block--testimonials .testimonials__card-header img {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  background: #f3f4f6;
}

main > section.s-block--testimonials .testimonials__author-name {
  grid-area: name;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--tm-name) !important;
  text-align: start !important;
}

main > section.s-block--testimonials .testimonial__rating {
  grid-area: stars;
  margin: 0 !important;
  align-self: start;
  line-height: 1;
}

main > section.s-block--testimonials .testimonial__rating .s-rating-stars-selected,
main > section.s-block--testimonials .testimonial__rating .s-rating-stars-selected svg {
  color: var(--tm-star) !important;
  fill: var(--tm-star) !important;
}

main > section.s-block--testimonials .testimonials__text-wrap {
  grid-area: text;
  text-align: start !important;
}

main > section.s-block--testimonials .testimonials__text {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  color: var(--tm-text) !important;
  text-align: start !important;
}

/* Empty review text → no extra space under the header */
main > section.s-block--testimonials .testimonials__text-wrap:has(.testimonials__text:empty) {
  display: none !important;
}


/* =========================================================
   CERTIFICATES (شهاداتنا)
   #FCF7F0 band, centered title, 6 white framed images in one row
   ========================================================= */
main > section.s-block--square-links {
  --cert-bg: #FCF7F0;
  --cert-title: #111827;
  --cert-border: #eeeeee;
  --cert-gap: 20px;
  --cert-cols: 6;
  background: var(--cert-bg) !important;
  margin-top: 0 !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

main > section.s-block--square-links .home-block-title {
  margin-bottom: 32px !important;
  text-align: center !important;
}

main > section.s-block--square-links .square-links__title {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: var(--cert-title) !important;
}

main > section.s-block--square-links .square-links__subtitle:empty,
main > section.s-block--square-links .home-block-line,
main > section.s-block--square-links .square-links__item-title:empty,
main > section.s-block--square-links .square-links__item-subtitle:empty {
  display: none !important;
}

main > section.s-block--square-links .square-links__grid {
  display: grid !important;
  grid-template-columns: repeat(var(--cert-cols), minmax(0, 1fr)) !important;
  gap: var(--cert-gap) !important;
}

main > section.s-block--square-links .square-links__image-wrap {
  padding: 10px;
  background: transparent;
  border: none;
  border-radius: 12px !important;
  overflow: hidden;
}

/* Show the whole certificate (no cropping) */
main > section.s-block--square-links .square-links__image-wrap img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 14 / 13;
  object-fit: contain !important;
  border-radius: 8px !important;
}

main > section.s-block--square-links .square-links__item:hover img {
  transform: scale(1.04) !important;
}


/* =========================================================
   FOOTER — dark
   badges/tax · logo + description (center) · links
   social row · bottom bar (payment methods only)
   ========================================================= */
.store-footer {
  --ft-bg: #141414;
  --ft-text: #a3a3a3;
  --ft-heading: #ffffff;
  --ft-accent: #c8a45a;
  --ft-line: rgba(255, 255, 255, 0.08);
  --footer-bg: var(--ft-bg);
  --footer-text-color: var(--ft-text);
  --bottom-footer-bg: var(--ft-bg);
  background: var(--ft-bg) !important;
  color: var(--ft-text) !important;
  margin-top: 0 !important;
}

/* Remove every theme border / dotted line inside the footer
   (the separators below are re-added on purpose) */
.store-footer *,
.store-footer *::before,
.store-footer *::after {
  border-style: none !important;
  outline: none !important;
}

/* No curve on top */
.store-footer .store-footer__curve {
  display: none !important;
}

.store-footer .store-footer__inner {
  padding-top: 56px !important;
  padding-bottom: 40px !important;
}

/* ---- Main grid ---- */
.store-footer .store-footer__grid {
  display: grid !important;
  grid-template-columns: 1fr minmax(0, 1.3fr) 1fr !important;
  grid-template-areas:
    "badges logo links"
    "badges desc links";
  align-items: start;
  column-gap: 40px !important;
  row-gap: 16px !important;
}

/* Flatten the brand column so logo / description / badges get placed separately */
.store-footer .store-footer__brand {
  display: contents !important;
}

.store-footer .store-footer__apps,
.store-footer .store-footer__brand > p:empty {
  display: none !important;
}

/* ---- Logo + description (center) ---- */
.store-footer .store-footer__logo-link {
  grid-area: logo;
  justify-content: center !important;
  margin: 0 !important;
}

.store-footer .store-footer__logo-link img {
  height: 52px !important;
  width: auto !important;
}

.store-footer .store-footer__brand > p:not(:empty) {
  grid-area: desc;
  max-width: 380px;
  margin: 0 auto !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  color: var(--ft-text) !important;
  text-align: center !important;
}

/* ---- Links column ---- */
.store-footer .store-footer__menu {
  grid-area: links;
  order: 0 !important;
  text-align: start !important;
}

.store-footer .store-footer__menu-title {
  margin-bottom: 18px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ft-heading) !important;
}

.store-footer .store-footer__menu-link {
  margin-bottom: 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--ft-text) !important;
  transition: color 0.2s ease;
}

.store-footer .store-footer__menu-link:hover {
  color: var(--ft-accent) !important;
}

/* ---- Badges + tax number ---- */
.store-footer .footer-badges {
  grid-area: badges;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
}

.store-footer .footer-badges salla-trust-badges {
  margin: 0 !important;
}

.store-footer .footer-tax {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px;
  padding-inline-start: 24px;
  border-inline-start: 1px solid var(--ft-line) !important;
}

.store-footer .footer-tax p {
  margin: 0 !important;
  font-size: 13px !important;
  color: var(--ft-text) !important;
}

.store-footer .footer-tax b {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ft-heading) !important;
  letter-spacing: 0.5px;
}

/* ---- Social / contacts row ---- */
.store-footer .store-footer__contacts-row {
  padding: 24px 16px 32px;
  border-top: 1px solid var(--ft-line) !important;
  color: var(--ft-text);
  text-align: center;
}

.store-footer .store-footer__contacts-row a {
  color: var(--ft-text) !important;
}

.store-footer .store-footer__contacts-row a:hover {
  color: var(--ft-accent) !important;
}

.store-footer salla-social a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 50%;
  background: transparent !important;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.store-footer salla-social a:hover {
  border-color: var(--ft-accent) !important;
}

.store-footer salla-social svg {
  width: 15px;
  height: 15px;
  fill: currentColor !important;
}

/* ---- Bottom bar: payment methods in place of the copyright text ---- */
.store-footer .footer-bottom {
  background: var(--ft-bg) !important;
  border-top: 1px solid var(--ft-line) !important;
}

.store-footer .footer-rights {
  display: none !important;
}

.store-footer .footer-bottom .store-footer__bottom-inner {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important; /* start side */
}


/* =========================================================
   TABLET (640px – 1023px)
   ========================================================= */
@media (min-width: 640px) and (max-width: 1023px) {
  /* Special categories */
  main > section.special-categories {
    margin-top: 56px !important;
  }

  main > section.special-categories .special-categories__content {
    gap: 12px !important;
  }

  /* Product sliders — 3 cards per view */
  main > section.s-block--best-offers {
    --pc-per-view: 3;
  }

  main > section.s-block--best-offers .s-slider-block__title-right h2 {
    font-size: 22px !important;
  }

  /* Double banners — side by side, tighter gap */
  main > section.s-block--double-banner .double-banner__row {
    gap: 12px !important;
  }

  /* Images grids — same layout, tighter gap */
  main > section.s-block--images-grid {
    --ig-gap: 14px;
  }

  /* About — image on top, text below */
  main > section.s-block--about {
    --about-gap: 28px;
  }

  main > section.s-block--about .about__row {
    flex-direction: column-reverse !important;
  }

  main > section.s-block--about .about__content,
  main > section.s-block--about .about__media {
    flex: none !important;
    width: 100% !important;
    max-width: none;
  }

  main > section.s-block--about .about__title {
    font-size: 28px !important;
  }

  /* Features — still 3 across, tighter */
  main > section.s-block--enhanced-features {
    --ft-gap: 16px;
    margin-top: 60px !important;
  }

  main > section.s-block--enhanced-features .s-block--enhanced-features__item {
    padding: 24px 16px !important;
  }

  main > section.s-block--enhanced-features .feature-icon img {
    height: 52px !important;
    max-height: 52px !important;
  }

  main > section.s-block--enhanced-features .s-block--enhanced-features__item h2 {
    font-size: 15px !important;
  }

  /* Blog — 2 cards per view */
  main > section.s-block--blog {
    --blog-per-view: 2;
  }

  main > section.s-block--blog .blog__title {
    font-size: 20px !important;
  }

  /* Testimonials — 2 per view */
  main > section.s-block--testimonials {
    --tm-per-view: 2;
    padding-block: 44px !important;
  }

  main > section.s-block--testimonials .testimonials__title {
    font-size: 24px !important;
  }

  /* Certificates — 3 per row */
  main > section.s-block--square-links {
    --cert-cols: 3;
    --cert-gap: 16px;
    margin-top: 56px !important;
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }

  main > section.s-block--square-links .square-links__title {
    font-size: 22px !important;
  }

  /* Footer — brand on top, badges + links side by side below */
  .store-footer .store-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "logo   logo"
      "desc   desc"
      "badges links" !important;
    row-gap: 24px !important;
  }

  .store-footer .footer-badges {
    margin-top: 8px;
  }
}


/* =========================================================
   MOBILE (< 640px)
   ========================================================= */
@media (max-width: 639px) {
  /* Special categories — all 3 images visible in one row, no slider */
  main > section.special-categories {
    margin-top: 40px !important;
  }

  main > section.special-categories .special-categories__inner {
    padding-inline: 12px;
  }

  main > section.special-categories .special-categories__content {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 8px !important;
    padding-inline: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  main > section.special-categories .single-banner,
  main > section.special-categories .banner-1,
  main > section.special-categories .banner-2 {
    scroll-snap-align: none;
    border-radius: 8px;
  }

  /* Product sliders — 2 cards per view, tighter cards */
  main > section.s-block--best-offers {
    --pc-per-view: 2;
  }

  main > section.s-block--best-offers .s-slider-block__title {
    margin-bottom: 16px !important;
  }

  main > section.s-block--best-offers .s-slider-block__title-right h2 {
    font-size: 20px !important;
  }

  main > section.s-block--best-offers custom-salla-product-card {
    --pc-pad: 6px;
    --pc-radius: 10px;
    --pc-content-top: 10px;
    --pc-btn-h: 44px;
    --pc-btn-radius: 8px;
    --pc-btn-font: 12px;
    --pc-icon: 26px;
    --pc-icon-font: 14px;
  }

  main > section.s-block--best-offers custom-salla-product-card .product-card__content {
    padding-inline: 2px !important;
  }

  main > section.s-block--best-offers custom-salla-product-card .product-card__title a {
    font-size: 13px !important;
  }

  main > section.s-block--best-offers custom-salla-product-card .total-price {
    font-size: 13px !important;
  }

  main > section.s-block--best-offers custom-salla-product-card .before-price,
  main > section.s-block--best-offers custom-salla-product-card .starting-price-title {
    font-size: 11px !important;
  }

  /* Double banners — stack, each full width */
  main > section.s-block--double-banner .double-banner__row {
    flex-direction: column !important;
    gap: 12px !important;
  }

  main > section.s-block--double-banner .double-banner__row > .banner {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    width: 100% !important;
  }

  /* Card style B — narrow card: smaller button + heart box, label only */
  main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card {
    --pc-pad: 8px;
    --pc-content-top: 14px;
    --pc-btn-h: 38px;
    --pc-btn-radius: 6px;
    --pc-btn-font: 12px;
    --pc-heart-icon: 16px;
  }

  main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__addToCart:not(.mobile) .s-button-btn {
    padding: 0 6px !important;
  }

  main > section:is([component-id="1174684553"], [component-id="548543712"]) custom-salla-product-card .product-card__addToCart:not(.mobile) i {
    display: none !important;
  }

  /* Images grids — big on top, 2 small, then the 2 tall edges */
  main > section.s-block--images-grid {
    --ig-gap: 12px;
  }

  main > section.s-block--images-grid .images-grid__grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    grid-template-areas:
      "big     big"
      "small-a small-b"
      "edge-a  edge-b" !important;
  }

  main > section.s-block--images-grid [data-selia="home-images-grid-item-1"],
  main > section.s-block--images-grid [data-selia="home-images-grid-item-5"] {
    aspect-ratio: 440 / 727;
    align-self: auto;
  }

  /* About — image on top, text below */
  main > section.s-block--about {
    --about-gap: 20px;
  }

  main > section.s-block--about .about__row {
    flex-direction: column-reverse !important;
  }

  main > section.s-block--about .about__content,
  main > section.s-block--about .about__media {
    flex: none !important;
    width: 100% !important;
    max-width: none;
  }

  main > section.s-block--about .about__subtitle {
    font-size: 16px !important;
  }

  main > section.s-block--about .about__title {
    font-size: 22px !important;
    margin-bottom: 14px !important;
  }

  main > section.s-block--about .about__description {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  /* Features — one per row, icon beside the text */
  main > section.s-block--enhanced-features {
    --ft-gap: 12px;
    margin-top: 40px !important;
  }

  main > section.s-block--enhanced-features .enhanced-features__grid {
    grid-template-columns: 1fr !important;
  }

  main > section.s-block--enhanced-features .s-block--enhanced-features__item {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "icon title"
      "icon text";
    align-items: center !important;
    column-gap: 14px;
    row-gap: 2px;
    padding: 16px !important;
    text-align: start !important;
  }

  main > section.s-block--enhanced-features .feature-icon {
    grid-area: icon;
  }

  main > section.s-block--enhanced-features .feature-icon img {
    height: 44px !important;
    max-height: 44px !important;
  }

  main > section.s-block--enhanced-features .s-block--enhanced-features__item h2 {
    grid-area: title;
    margin: 0 !important;
    font-size: 15px !important;
  }

  main > section.s-block--enhanced-features .s-block--enhanced-features__item p {
    grid-area: text;
    max-width: none;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  /* Blog — swipeable, ~1.2 cards visible */
  main > section.s-block--blog .container {
    row-gap: 16px;
  }

  main > section.s-block--blog .slide--one-third {
    width: 82% !important;
  }

  main > section.s-block--blog .blog__title {
    font-size: 18px !important;
  }

  main > section.s-block--blog .blog__view-all-wrap .btn {
    font-size: 13px !important;
  }

  main > section.s-block--blog .blog__post-body {
    padding: 12px 14px !important;
  }

  /* Testimonials — swipeable, ~1.2 cards visible */
  main > section.s-block--testimonials {
    padding-block: 36px !important;
  }

  main > section.s-block--testimonials .home-block-title {
    margin-bottom: 20px !important;
  }

  main > section.s-block--testimonials .testimonials__title {
    font-size: 20px !important;
  }

  main > section.s-block--testimonials .testimonials-item {
    width: 85% !important;
  }

  main > section.s-block--testimonials .testimonials__card {
    padding: 16px !important;
    row-gap: 12px;
  }

  main > section.s-block--testimonials .testimonials__card-header img {
    width: 40px !important;
    height: 40px !important;
  }

  /* Certificates — 2 per row */
  main > section.s-block--square-links {
    --cert-cols: 2;
    --cert-gap: 12px;
    margin-top: 40px !important;
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  main > section.s-block--square-links .home-block-title {
    margin-bottom: 20px !important;
  }

  main > section.s-block--square-links .square-links__title {
    font-size: 19px !important;
  }

  main > section.s-block--square-links .square-links__image-wrap {
    padding: 6px;
    border-radius: 10px !important;
  }

  /* Footer — one centered column */
  .store-footer .store-footer__inner {
    padding-top: 40px !important;
    padding-bottom: 28px !important;
  }

  .store-footer .store-footer__grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "logo"
      "desc"
      "links"
      "badges" !important;
    row-gap: 24px !important;
  }

  .store-footer .store-footer__menu {
    text-align: center !important;
  }

  .store-footer .footer-badges {
    justify-content: center !important;
  }

  .store-footer .footer-tax {
    align-items: center !important;
  }

  .store-footer .footer-bottom .store-footer__bottom-inner {
    justify-content: center !important;
  }
}