/* ==========================================================
   HILWAH STORE — CUSTOM STYLES
   Theme: Salla / Raed
   ========================================================== */


/* ==========================================================
   01. GLOBAL / SALLA THEME OVERRIDES
   ========================================================== */

/* إخفاء الشريط العلوي */
.top-navbar {
  display: none !important;
}


/* ==========================================================
   02. REMOVE SALLA / RAED SECTION GAPS
   إزالة الفراغات الخارجية التي يضيفها الثيم
   ========================================================== */

/*
 * مهم:
 * هذه القواعد تلغي المسافات الخارجية فقط.
 * لا تلغي الـ padding الداخلي للتصميم داخل السكاشن.
 */

/* Wrappers لجميع سكاشن حلوة */
.s-block:has(#hilwah-hero),
.s-block:has(#hilwah-packages),
.s-block:has(#hilwah-shop-categories),
.s-block:has(#hilwah-platform),

.s-block--html:has(#hilwah-hero),
.s-block--html:has(#hilwah-packages),
.s-block--html:has(#hilwah-shop-categories),
.s-block--html:has(#hilwah-platform),

.s-block__display:has(#hilwah-hero),
.s-block__display:has(#hilwah-packages),
.s-block__display:has(#hilwah-shop-categories),
.s-block__display:has(#hilwah-platform) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* Containers التي يضيفها ثيم رائد */
.s-block:has(#hilwah-hero) > .container,
.s-block:has(#hilwah-packages) > .container,
.s-block:has(#hilwah-shop-categories) > .container,
.s-block:has(#hilwah-platform) > .container,

.s-block--html:has(#hilwah-hero) > .container,
.s-block--html:has(#hilwah-packages) > .container,
.s-block--html:has(#hilwah-shop-categories) > .container,
.s-block--html:has(#hilwah-platform) > .container,

.s-block__display:has(#hilwah-hero) > .container,
.s-block__display:has(#hilwah-packages) > .container,
.s-block__display:has(#hilwah-shop-categories) > .container,
.s-block__display:has(#hilwah-platform) > .container {
  width: 100% !important;
  max-width: 100% !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* السكاشن نفسها */
#hilwah-hero,
#hilwah-packages,
#hilwah-shop-categories,
#hilwah-platform {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ==========================================================
   03. HERO
   ========================================================== */

#hilwah-hero {
  position: relative;
  width: 100%;

  padding: 0 !important;

  overflow: hidden;
  line-height: 0;
}

#hilwah-hero img {
  display: block;

  width: 100%;
  height: auto;

  margin: 0;
  padding: 0;
}


/* Desktop */
#hilwah-hero .hero-desktop {
  display: block;
}

#hilwah-hero .hero-mobile {
  display: none;
}


/* Hero Mobile */
@media (max-width: 767px) {

  #hilwah-hero .hero-desktop {
    display: none;
  }

  #hilwah-hero .hero-mobile {
    display: block;
  }
}


/* ==========================================================
   04. PACKAGES SECTION
   ========================================================== */

#hilwah-packages {
  --hw-navy: #071a31;
  --hw-navy-light: #0c2747;
  --hw-gold: #c28b2c;
  --hw-gold-light: #e8bd69;
  --hw-cream: #fffaf1;
  --hw-white: #ffffff;

  direction: rtl;
  position: relative;

  width: 100%;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(194, 139, 44, .12),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 85%,
      rgba(194, 139, 44, .08),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      var(--hw-navy-light),
      var(--hw-navy) 55%,
      #041224
    );

  color: var(--hw-white);

  padding: 58px 24px 54px;

  box-sizing: border-box;
}

#hilwah-packages *,
#hilwah-packages *::before,
#hilwah-packages *::after {
  box-sizing: border-box;
}

#hilwah-packages .hw-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}


/* ---------- Packages Heading ---------- */

#hilwah-packages .hw-heading {
  max-width: 760px;

  margin: 0 auto 34px;

  text-align: center;
}

#hilwah-packages .hw-eyebrow {
  display: inline-block;

  margin-bottom: 18px;
  padding: 8px 18px;

  border: 1px solid rgba(232, 189, 105, .55);
  border-radius: 999px;

  color: var(--hw-gold-light);

  font-size: 14px;
  line-height: 1.5;
}

#hilwah-packages .hw-title {
  margin: 0;

  color: #ffffff;

  font-size: clamp(30px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.35;
}

#hilwah-packages .hw-title span {
  color: var(--hw-gold-light);
}

#hilwah-packages .hw-description {
  max-width: 650px;

  margin: 16px auto 0;

  color: rgba(255, 255, 255, .78);

  font-size: 17px;
  line-height: 1.9;
}


/* ---------- Packages Grid ---------- */

#hilwah-packages .hw-cards {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;

  max-width: 1120px;

  margin: 0 auto;
}


/* ---------- Package Card ---------- */

#hilwah-packages .hw-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 390px;

  padding: 34px 28px 26px;

  overflow: hidden;

  text-align: center;

  background:
    linear-gradient(
      180deg,
      #fffdf8,
      #fff8eb
    );

  border: 1px solid rgba(232, 189, 105, .55);
  border-radius: 22px;

  box-shadow:
    0 18px 40px rgba(0, 0, 0, .18);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

#hilwah-packages .hw-card:hover {
  transform: translateY(-7px);

  border-color: var(--hw-gold-light);

  box-shadow:
    0 24px 55px rgba(0, 0, 0, .25);
}


/* Featured Package */

#hilwah-packages .hw-card-featured {
  border: 2px solid var(--hw-gold-light);

  transform: translateY(-8px);
}

#hilwah-packages .hw-card-featured:hover {
  transform: translateY(-13px);
}


/* Featured Badge */

#hilwah-packages .hw-badge {
  position: absolute;

  top: 14px;
  left: 14px;

  padding: 5px 11px;

  background: var(--hw-navy);
  color: var(--hw-gold-light);

  border-radius: 999px;

  font-size: 11px;
  font-weight: 700;
}


/* Package Icon */

#hilwah-packages .hw-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 68px;
  height: 68px;

  margin: 5px auto 20px;

  border: 1px solid rgba(194, 139, 44, .5);
  border-radius: 50%;

  color: var(--hw-gold);

  font-size: 29px;
  line-height: 1;
}

#hilwah-packages .hw-icon svg {
  display: block;
}


/* Package Title */

#hilwah-packages .hw-card h3 {
  margin: 0 0 10px;

  color: var(--hw-navy);

  font-size: 28px;
  font-weight: 800;
  line-height: 1.4;
}


/* Package Description */

#hilwah-packages .hw-card p {
  margin: 0;

  color: #5f6470;

  font-size: 16px;
  line-height: 1.9;
}


/* Package Meta */

#hilwah-packages .hw-card-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  align-self: center;

  margin-top: 20px;
  margin-bottom: 18px;

  padding: 7px 14px;

  border: 1px solid rgba(194, 139, 44, .18);
  border-radius: 999px;

  background: rgba(194, 139, 44, .10);
  color: #8b611c;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}


/* ---------- Individual Package CTA ---------- */

#hilwah-packages .hw-card-action {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  width: 100%;
  min-height: 48px;

  margin-top: auto;
  padding: 12px 18px;

  border-radius: 10px;

  background: var(--hw-navy);
  color: var(--hw-gold-light) !important;

  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;

  text-decoration: none !important;

  transition:
    background .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

#hilwah-packages .hw-card-action:hover {
  background: var(--hw-navy-light);

  transform: translateY(-2px);

  box-shadow:
    0 10px 24px rgba(7, 26, 49, .16);
}


/* Featured Package CTA */

#hilwah-packages .hw-card-featured .hw-card-action {
  background:
    linear-gradient(
      135deg,
      #e8bd69,
      #c28b2c
    );

  color: var(--hw-navy) !important;
}

#hilwah-packages .hw-card-featured .hw-card-action:hover {
  background:
    linear-gradient(
      135deg,
      #f0cb7f,
      #d79c39
    );
}


/* ---------- Packages Bottom CTA ---------- */

#hilwah-packages .hw-bottom {
  margin-top: 32px;

  text-align: center;
}

#hilwah-packages .hw-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  min-width: 310px;
  min-height: 58px;

  padding: 15px 34px;

  background:
    linear-gradient(
      135deg,
      #f0c66f,
      #c88e2e
    );

  color: var(--hw-navy) !important;

  border-radius: 12px;

  text-decoration: none !important;

  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;

  box-shadow:
    0 12px 28px rgba(194, 139, 44, .2);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

#hilwah-packages .hw-cta:hover {
  transform: translateY(-2px);

  box-shadow:
    0 16px 34px rgba(194, 139, 44, .3);
}

#hilwah-packages .hw-note {
  margin: 15px 0 0;

  color: rgba(255, 255, 255, .68);

  font-size: 13px;
  line-height: 1.6;
}


/* ---------- Packages Tablet ---------- */

@media (max-width: 900px) {

  #hilwah-packages {
    padding: 55px 20px;
  }

  #hilwah-packages .hw-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #hilwah-packages .hw-card-featured {
    transform: none;
  }

  #hilwah-packages .hw-card-featured:hover {
    transform: translateY(-7px);
  }

  #hilwah-packages .hw-card:last-child {
    grid-column: 1 / -1;

    width: 100%;
    max-width: 500px;

    justify-self: center;
  }
}


/* ---------- Packages Mobile ---------- */

@media (max-width: 600px) {

  #hilwah-packages {
    padding: 34px 14px 32px;
  }

  /* Heading */
  #hilwah-packages .hw-heading {
    margin-bottom: 24px;
  }

  #hilwah-packages .hw-eyebrow {
    margin-bottom: 12px;
    padding: 6px 13px;

    font-size: 11px;
    line-height: 1.4;
  }

  #hilwah-packages .hw-title {
    font-size: 27px;
    line-height: 1.35;
  }

  #hilwah-packages .hw-description {
    max-width: 340px;

    margin-top: 10px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* Cards Grid */
  #hilwah-packages .hw-cards {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  /* Card */
  #hilwah-packages .hw-card,
  #hilwah-packages .hw-card:last-child {
    grid-column: auto;

    width: 100%;
    max-width: none;

    /* مهم: إزالة الارتفاع الكبير السابق */
    min-height: 0;

    padding: 20px 18px 16px;

    border-radius: 17px;
  }


  /* Featured Card */
  #hilwah-packages .hw-card-featured {
    transform: none;
  }

  #hilwah-packages .hw-card-featured:hover,
  #hilwah-packages .hw-card:hover {
    transform: none;
  }


  /* Badge */
  #hilwah-packages .hw-badge {
    top: 10px;
    left: 10px;

    padding: 4px 9px;

    font-size: 9px;
  }


  /* Icon */
  #hilwah-packages .hw-icon {
    width: 48px;
    height: 48px;

    margin: 0 auto 12px;

    font-size: 20px;
  }

  #hilwah-packages .hw-icon svg {
    width: 20px;
    height: 20px;
  }


  /* Title */
  #hilwah-packages .hw-card h3 {
    margin-bottom: 6px;

    font-size: 21px;
    line-height: 1.35;
  }


  /* Description */
  #hilwah-packages .hw-card p {
    max-width: 300px;

    margin: 0 auto;

    font-size: 13px;
    line-height: 1.7;
  }


  /* Meta */
  #hilwah-packages .hw-card-meta {
    margin-top: 11px;
    margin-bottom: 11px;

    padding: 5px 11px;

    font-size: 10px;
    line-height: 1.4;
  }


  /* Card CTA */
  #hilwah-packages .hw-card-action {
    min-height: 42px;

    padding: 9px 14px;

    border-radius: 8px;

    font-size: 13px;
    line-height: 1.3;
  }


  /* Bottom CTA */
  #hilwah-packages .hw-bottom {
    margin-top: 20px;
  }

  #hilwah-packages .hw-cta {
    width: 100%;

    min-width: 0;
    min-height: 48px;

    padding: 11px 18px;

    border-radius: 9px;

    font-size: 14px;
  }

  #hilwah-packages .hw-note {
    margin-top: 9px;

    font-size: 10px;
  }
}

/* ==========================================================
   05. GIFTS & SERVICES SECTION
   ========================================================== */

#hilwah-shop-categories {
  --hw-navy: #071a31;
  --hw-navy-light: #0c2747;
  --hw-gold: #c28b2c;
  --hw-gold-light: #e8bd69;
  --hw-cream: #fffaf1;
  --hw-bg: #fbf8f3;
  --hw-text: #5f6470;

  direction: rtl;
  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 70px 24px;

  background:
    radial-gradient(
      circle at 8% 15%,
      rgba(194, 139, 44, .08),
      transparent 24%
    ),
    radial-gradient(
      circle at 92% 80%,
      rgba(194, 139, 44, .07),
      transparent 25%
    ),
    var(--hw-bg);

  box-sizing: border-box;
}

#hilwah-shop-categories *,
#hilwah-shop-categories *::before,
#hilwah-shop-categories *::after {
  box-sizing: border-box;
}

#hilwah-shop-categories .hw-shop-container {
  width: 100%;
  max-width: 1180px;

  margin: 0 auto;
}


/* ---------- Gifts Heading ---------- */

#hilwah-shop-categories .hw-shop-heading {
  max-width: 700px;

  margin: 0 auto 42px;

  text-align: center;
}

#hilwah-shop-categories .hw-shop-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  margin-bottom: 16px;
  padding: 7px 16px;

  border: 1px solid rgba(194, 139, 44, .35);
  border-radius: 999px;

  background: rgba(255, 255, 255, .7);
  color: #9a6a1e;

  font-size: 13px;
  font-weight: 700;
}

#hilwah-shop-categories .hw-shop-title {
  margin: 0;

  color: var(--hw-navy);

  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  line-height: 1.35;
}

#hilwah-shop-categories .hw-shop-title span {
  color: var(--hw-gold);
}

#hilwah-shop-categories .hw-shop-description {
  max-width: 650px;

  margin: 15px auto 0;

  color: var(--hw-text);

  font-size: 16px;
  line-height: 1.9;
}


/* ---------- Gifts Grid ---------- */

#hilwah-shop-categories .hw-shop-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}


/* ---------- Gifts Card ---------- */

#hilwah-shop-categories .hw-shop-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 330px;

  padding: 32px 28px;

  overflow: hidden;

  border: 1px solid #eee4d4;
  border-radius: 22px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .98),
      rgba(255, 250, 241, .98)
    );

  text-decoration: none !important;

  box-shadow:
    0 14px 35px rgba(7, 26, 49, .07);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

#hilwah-shop-categories .hw-shop-card:hover {
  transform: translateY(-6px);

  border-color: rgba(194, 139, 44, .55);

  box-shadow:
    0 20px 45px rgba(7, 26, 49, .11);
}


/* Decorative Corner */

#hilwah-shop-categories .hw-shop-card::after {
  content: "";

  position: absolute;

  top: -45px;
  left: -45px;

  width: 130px;
  height: 130px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(232, 189, 105, .18),
      transparent 68%
    );

  pointer-events: none;
}


/* Gifts Icon */

#hilwah-shop-categories .hw-shop-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 66px;
  height: 66px;

  margin-bottom: 24px;

  border: 1px solid rgba(194, 139, 44, .4);
  border-radius: 18px;

  background: #fffaf1;
  color: var(--hw-gold);

  font-size: 29px;
  line-height: 1;
}

#hilwah-shop-categories .hw-shop-icon svg {
  display: block;
}


/* Gifts Card Title */

#hilwah-shop-categories .hw-shop-card h3 {
  margin: 0 0 10px;

  color: var(--hw-navy);

  font-size: 25px;
  font-weight: 800;
  line-height: 1.4;
}


/* Gifts Card Description */

#hilwah-shop-categories .hw-shop-card p {
  margin: 0;

  color: var(--hw-text);

  font-size: 15px;
  line-height: 1.9;
}


/* Gifts CTA */

#hilwah-shop-categories .hw-shop-link {
  display: flex;
  align-items: center;

  gap: 8px;

  margin-top: auto;
  padding-top: 24px;

  color: #986719;

  font-size: 14px;
  font-weight: 800;
}

#hilwah-shop-categories .hw-shop-arrow {
  transition: transform .2s ease;
}

#hilwah-shop-categories .hw-shop-card:hover .hw-shop-arrow {
  transform: translateX(-4px);
}


/* Featured Gifts Card */

#hilwah-shop-categories .hw-shop-card-gifts {
  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(232, 189, 105, .16),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #fffdf8,
      #fff8eb
    );
}


/* ---------- Gifts Tablet ---------- */

@media (max-width: 900px) {

  #hilwah-shop-categories {
    padding: 55px 20px;
  }

  #hilwah-shop-categories .hw-shop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #hilwah-shop-categories .hw-shop-card:last-child {
    grid-column: 1 / -1;

    width: 100%;
    max-width: 520px;

    justify-self: center;
  }
}


/* ---------- Gifts Mobile ---------- */

@media (max-width: 600px) {

  #hilwah-shop-categories {
    padding: 34px 14px 32px;
  }

  #hilwah-shop-categories .hw-shop-heading {
    margin-bottom: 24px;
  }

  #hilwah-shop-categories .hw-shop-eyebrow {
    margin-bottom: 11px;
    padding: 6px 12px;

    font-size: 11px;
    line-height: 1.4;
  }

  #hilwah-shop-categories .hw-shop-title {
    font-size: 27px;
    line-height: 1.35;
  }

  #hilwah-shop-categories .hw-shop-description {
    max-width: 340px;

    margin-top: 10px;

    font-size: 13px;
    line-height: 1.75;
  }

  #hilwah-shop-categories .hw-shop-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #hilwah-shop-categories .hw-shop-card,
  #hilwah-shop-categories .hw-shop-card:last-child {
    grid-column: auto;

    width: 100%;
    max-width: none;

    min-height: 0;

    padding: 20px 18px 17px;

    border-radius: 17px;
  }

  #hilwah-shop-categories .hw-shop-card:hover {
    transform: none;
  }

  #hilwah-shop-categories .hw-shop-icon {
    width: 48px;
    height: 48px;

    margin-bottom: 12px;

    border-radius: 14px;

    font-size: 20px;
  }

  #hilwah-shop-categories .hw-shop-icon svg {
    width: 21px;
    height: 21px;
  }

  #hilwah-shop-categories .hw-shop-card h3 {
    margin-bottom: 6px;

    font-size: 21px;
    line-height: 1.35;
  }

  #hilwah-shop-categories .hw-shop-card p {
    font-size: 13px;
    line-height: 1.7;
  }

  #hilwah-shop-categories .hw-shop-link {
    padding-top: 15px;

    font-size: 12px;
  }
}


/* ==========================================================
   06. PLATFORM BRIDGE — STORE → HILWAH PLATFORM
   ========================================================== */

#hilwah-platform {
  --hw-navy: #071a31;
  --hw-gold: #c28b2c;
  --hw-gold-light: #e8bd69;
  --hw-text: #5f6470;
  --hw-bg: #ffffff;

  direction: rtl;

  width: 100%;

  padding: 58px 24px;

  background: var(--hw-bg);

  box-sizing: border-box;
}

#hilwah-platform *,
#hilwah-platform *::before,
#hilwah-platform *::after {
  box-sizing: border-box;
}

#hilwah-platform .hp-container {
  width: 100%;
  max-width: 1120px;

  margin: 0 auto;
}


/* ---------- Platform Heading ---------- */

#hilwah-platform .hp-header {
  max-width: 720px;

  margin: 0 auto 32px;

  text-align: center;
}

#hilwah-platform .hp-eyebrow {
  display: inline-block;

  margin-bottom: 13px;
  padding: 6px 14px;

  border: 1px solid rgba(194, 139, 44, .3);
  border-radius: 999px;

  background: #fffaf1;
  color: #986719;

  font-size: 12px;
  font-weight: 700;
}

#hilwah-platform .hp-title {
  margin: 0;

  color: var(--hw-navy);

  font-size: clamp(27px, 3.5vw, 40px);
  font-weight: 800;
  line-height: 1.4;
}

#hilwah-platform .hp-title span {
  color: var(--hw-gold);
}

#hilwah-platform .hp-description {
  max-width: 620px;

  margin: 12px auto 0;

  color: var(--hw-text);

  font-size: 15px;
  line-height: 1.9;
}


/* ---------- Platform Features ---------- */

#hilwah-platform .hp-features {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  margin: 0 auto;
  padding: 25px 0;

  border-top: 1px solid #eee7dc;
  border-bottom: 1px solid #eee7dc;
}

#hilwah-platform .hp-feature {
  position: relative;

  padding: 8px 18px;

  text-align: center;
}

#hilwah-platform .hp-feature:not(:last-child) {
  border-left: 1px solid #eee7dc;
}


/* Platform Icon */

#hilwah-platform .hp-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 46px;
  height: 46px;

  margin: 0 auto 11px;

  border-radius: 50%;

  background: #fff8eb;
  color: var(--hw-gold);

  font-size: 20px;
}

#hilwah-platform .hp-icon svg {
  display: block;
}


/* Platform Feature Text */

#hilwah-platform .hp-feature strong {
  display: block;

  margin-bottom: 4px;

  color: var(--hw-navy);

  font-size: 15px;
  font-weight: 800;
}

#hilwah-platform .hp-feature span {
  display: block;

  color: #777c85;

  font-size: 12px;
  line-height: 1.6;
}


/* ---------- Platform CTA ---------- */

#hilwah-platform .hp-bottom {
  margin-top: 30px;

  text-align: center;
}

#hilwah-platform .hp-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 50px;

  padding: 12px 26px;

  border: 1px solid var(--hw-navy);
  border-radius: 10px;

  background: var(--hw-navy);
  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 14px;
  font-weight: 800;

  transition:
    transform .2s ease,
    background .2s ease;
}

#hilwah-platform .hp-cta:hover {
  transform: translateY(-2px);

  background: #0c2747;
}

#hilwah-platform .hp-note {
  margin: 10px 0 0;

  color: #8a8e95;

  font-size: 11px;
}


/* ---------- Platform Tablet ---------- */

@media (max-width: 800px) {

  #hilwah-platform {
    padding: 48px 20px;
  }

  #hilwah-platform .hp-features {
    grid-template-columns: repeat(2, 1fr);

    gap: 0;
  }

  #hilwah-platform .hp-feature {
    padding: 20px 15px;
  }

  #hilwah-platform .hp-feature:not(:last-child) {
    border-left: 0;
  }

  #hilwah-platform .hp-feature:nth-child(odd) {
    border-left: 1px solid #eee7dc;
  }

  #hilwah-platform .hp-feature:nth-child(-n+2) {
    border-bottom: 1px solid #eee7dc;
  }
}


/* ---------- Platform Mobile ---------- */

@media (max-width: 600px) {

  #hilwah-platform {
    padding: 34px 14px 32px;
  }

  /* Header */
  #hilwah-platform .hp-header {
    margin-bottom: 24px;
  }

  #hilwah-platform .hp-eyebrow {
    margin-bottom: 11px;
    padding: 6px 12px;

    font-size: 11px;
    line-height: 1.4;
  }

  #hilwah-platform .hp-title {
    font-size: 27px;
    line-height: 1.35;
  }

  #hilwah-platform .hp-description {
    max-width: 340px;
    margin-top: 10px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* Features */
  #hilwah-platform .hp-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;

    margin-top: 22px;
  }

  #hilwah-platform .hp-feature {
    min-height: 105px;
    padding: 14px 8px;
  }

  #hilwah-platform .hp-feature:nth-child(2) {
    border-left: 0;
  }

  #hilwah-platform .hp-feature:nth-child(3),
  #hilwah-platform .hp-feature:nth-child(4) {
    border-top: 1px solid #eee5d5;
  }

  #hilwah-platform .hp-icon {
    width: 36px;
    height: 36px;

    margin-bottom: 7px;

    font-size: 16px;
  }

  #hilwah-platform .hp-icon svg {
    width: 17px;
    height: 17px;
  }

  #hilwah-platform .hp-feature strong {
    margin-bottom: 3px;

    font-size: 12px;
    line-height: 1.4;
  }

  #hilwah-platform .hp-feature span {
    font-size: 10px;
    line-height: 1.5;
  }


  /* Bottom CTA */
  #hilwah-platform .hp-bottom {
    margin-top: 20px;
  }

  #hilwah-platform .hp-cta {
    width: 100%;

    min-width: 0;
    min-height: 48px;

    padding: 11px 18px;

    border-radius: 9px;

    font-size: 14px;
  }

  #hilwah-platform .hp-note {
    margin-top: 9px;

    font-size: 10px;
  }
}
/* ==========================================================
   07. REMOVE GAP BEFORE FOOTER
   ========================================================== */

/* إزالة المسافة أسفل سكشن منصة حلوة */
.s-block:has(#hilwah-platform),
.s-block--html:has(#hilwah-platform),
.s-block__display:has(#hilwah-platform) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* إزالة أي مساحة من الـ container الخارجي */
.s-block:has(#hilwah-platform) > .container,
.s-block--html:has(#hilwah-platform) > .container,
.s-block__display:has(#hilwah-platform) > .container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* منع أي مساحة خارجية من السكشن نفسه */
#hilwah-platform {
  margin-bottom: 0 !important;
}

/* في حال كان ثيم رائد يضيف مسافة قبل الفوتر */
footer,
.site-footer,
.store-footer {
  margin-top: 0 !important;
}