/* ServiceDash SD-001 Jacob Massage — v0.5 Candidate Chat2
   Staging-only focused visual refinement: differentiated Hero Lower, blended
   Hero transition, approved gold branding, premium iconography and benefit life. */

/* ---------- Approved Jacob gold logo ---------- */
.site-header[data-module-id="SD-M01"] .site-header__brand {
  flex-basis: 7.8rem !important;
}
.site-header[data-module-id="SD-M01"] .site-header__brand img {
  width: auto !important;
  max-width: 7.8rem !important;
  height: auto !important;
  max-height: 4.8rem !important;
  object-fit: contain;
  filter: drop-shadow(0 .18rem .35rem rgba(8,35,31,.34));
}
.business-footer[data-module-id="SD-M09"] .business-footer__logo {
  width: min(11.5rem, 52vw) !important;
  height: auto !important;
  filter: drop-shadow(0 .25rem .55rem rgba(0,0,0,.18));
}

/* ---------- SD-M03 Hero Lower: overlap + crossfade, not a hard stitch ---------- */
.convenience[data-module-id="SD-M03"] {
  position: relative !important;
  z-index: 2 !important;
  margin-top: -4.5rem !important;
  background: transparent !important;
}
.convenience[data-module-id="SD-M03"] .convenience__setup {
  position: relative !important;
  display: block !important;
  isolation: isolate;
  min-height: 47rem !important;
  overflow: hidden;
  background: linear-gradient(180deg, transparent 0 4.6rem, rgba(247,240,229,.08) 8rem, var(--sd-bg) 23rem, var(--sd-bg) 100%) !important;
}
.convenience[data-module-id="SD-M03"] .convenience__scene {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 30rem !important;
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.20) 5%, rgba(0,0,0,.78) 13%, #000 21%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.20) 5%, rgba(0,0,0,.78) 13%, #000 21%, #000 100%);
}
.convenience[data-module-id="SD-M03"] .convenience__scene img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 49% 54% !important;
}
.convenience[data-module-id="SD-M03"] .convenience__supply-panel {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate;
  min-height: 47rem !important;
  overflow: hidden;
  background: transparent !important;
}
.convenience[data-module-id="SD-M03"] .convenience__supply-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8,60,53,.22) 0%, rgba(8,60,53,.07) 9%, transparent 20%),
    linear-gradient(180deg, transparent 0 35%, rgba(247,240,229,.13) 43%, rgba(247,240,229,.63) 54%, rgba(247,240,229,.94) 65%, var(--sd-bg) 73%, var(--sd-bg) 100%) !important;
}
.convenience[data-module-id="SD-M03"] .convenience__decoration {
  position: absolute !important;
  inset: 16rem 0 0 0 !important;
  z-index: 0 !important;
  opacity: .64 !important;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.12) 15%, #000 38%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.12) 15%, #000 38%);
}
.convenience[data-module-id="SD-M03"] .convenience__decoration .asset-slot,
.convenience[data-module-id="SD-M03"] .convenience__decoration picture {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}
.convenience[data-module-id="SD-M03"] .convenience__decoration img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 100% !important;
}
.convenience[data-module-id="SD-M03"] .convenience__arrangement {
  position: absolute !important;
  z-index: 2 !important;
  right: -1.15rem !important;
  bottom: -.35rem !important;
  width: min(72vw, 18.5rem) !important;
  opacity: .54 !important;
  filter: saturate(.88) contrast(.96) !important;
  pointer-events: none;
}
.convenience[data-module-id="SD-M03"] .convenience__arrangement img {
  display: block;
  width: 100%;
  height: auto;
}
.convenience[data-module-id="SD-M03"] .convenience__supplies {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: .62rem !important;
  min-height: 47rem !important;
  padding-block: 22rem 8.2rem !important;
}
.convenience[data-module-id="SD-M03"] .supply-item {
  display: flex !important;
  align-items: center !important;
  gap: .9rem !important;
  min-height: 5.65rem !important;
  padding: .68rem .88rem .68rem .48rem !important;
  border: 1px solid rgba(198,155,75,.20) !important;
  border-radius: 1.15rem !important;
  background: rgba(255,250,241,.72) !important;
  box-shadow: 0 .65rem 1.7rem rgba(59,45,22,.07) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}
.convenience[data-module-id="SD-M03"] .supply-item__icon {
  display: grid !important;
  flex: 0 0 4.35rem !important;
  width: 4.35rem !important;
  height: 4.35rem !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.convenience[data-module-id="SD-M03"] .supply-item__icon img {
  width: 4.15rem !important;
  height: 4.15rem !important;
  object-fit: contain !important;
}
.convenience[data-module-id="SD-M03"] .supply-item strong {
  display: block;
  font-size: 1.03rem !important;
  line-height: 1.18;
}
.convenience[data-module-id="SD-M03"] .supply-item > div > span,
.convenience[data-module-id="SD-M03"] .supply-item__copy > span {
  display: block;
  margin-block-start: .08rem;
  color: var(--sd-ink-muted);
  font-size: .90rem !important;
  line-height: 1.3;
}

/* ---------- Benefits: keep calm space, add restrained life + premium icons ---------- */
.convenience[data-module-id="SD-M03"] .convenience__benefits {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 83% 12%, rgba(198,155,75,.10), transparent 30%),
    linear-gradient(180deg, var(--sd-bg), var(--sd-surface)) !important;
}
.convenience[data-module-id="SD-M03"] .convenience__benefits::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -18% -24% -22% 32%;
  background: url('/_astro/SD001_A02_HeroLower_Setup_v0.1.DUVOOLch_KpAkW.webp') 76% 100% / cover no-repeat;
  opacity: .115;
  transform: rotate(-2deg);
  pointer-events: none;
}
.convenience[data-module-id="SD-M03"] .convenience__benefits > .sd-container {
  position: relative;
  z-index: 1;
}
.convenience[data-module-id="SD-M03"] .benefit-list {
  display: grid !important;
  gap: .88rem !important;
  max-width: 60rem !important;
  margin-inline: auto !important;
}
.convenience[data-module-id="SD-M03"] .benefit-item {
  display: grid !important;
  grid-template-columns: 5.35rem minmax(0,1fr) !important;
  align-items: center !important;
  gap: .72rem !important;
  min-height: 7.2rem !important;
  padding: .92rem .95rem .9rem .5rem !important;
  border: 1px solid rgba(198,155,75,.17) !important;
  border-radius: 1.25rem !important;
  background: rgba(255,250,241,.63) !important;
  box-shadow: 0 .72rem 1.9rem rgba(53,45,31,.055) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: start !important;
}
.convenience[data-module-id="SD-M03"] .benefit-item__icon {
  display: grid !important;
  width: 5.1rem !important;
  height: 5.1rem !important;
  place-items: center !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.convenience[data-module-id="SD-M03"] .benefit-item__icon img {
  width: 4.95rem !important;
  height: 4.95rem !important;
  object-fit: contain !important;
}
.convenience[data-module-id="SD-M03"] .benefit-item h3 { margin-block-end:.2rem !important; font-size:1.12rem !important; }
.convenience[data-module-id="SD-M03"] .benefit-item p { margin:0 !important; color:var(--sd-ink-muted) !important; font-size:.97rem; }

/* ---------- SD-M07 Service Area: El Gouna + Hurghada premium local emblems ---------- */
.service-area[data-module-id="SD-M07"] .area-card__heading {
  min-height: 6.55rem !important;
  gap: .72rem !important;
  padding: .78rem 1.12rem .78rem .68rem !important;
}
.service-area[data-module-id="SD-M07"] .area-card__heading > span {
  display: grid !important;
  flex: 0 0 5rem !important;
  width: 5rem !important;
  height: 5rem !important;
  place-items: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sd-primary-strong) !important;
}
.service-area[data-module-id="SD-M07"] .area-card__heading > span img {
  width: 4.8rem !important;
  height: 4.8rem !important;
  object-fit: contain !important;
}

/* Russian: easy, isolated Cyrillic UI enhancement only. */
html[lang="ru"] body {
  font-family: "Golos Text", "Cairo", ui-sans-serif, system-ui, sans-serif !important;
}

@media (max-width: 41.99rem) {
  .convenience[data-module-id="SD-M03"] .convenience__benefits {
    padding-block-start: clamp(3.8rem, 13vw, 4.8rem) !important;
  }
}

@media (min-width: 42rem) and (max-width: 63.99rem) {
  .convenience[data-module-id="SD-M03"] { margin-top: -3.5rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__setup,
  .convenience[data-module-id="SD-M03"] .convenience__supply-panel,
  .convenience[data-module-id="SD-M03"] .convenience__supplies { min-height: 43rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__scene { height: 30rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__decoration { inset-block-start:17rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__supplies {
    max-width:35rem;
    margin-inline:auto;
    padding-block:23rem 6.8rem !important;
  }
  .convenience[data-module-id="SD-M03"] .convenience__arrangement { width:18rem !important; opacity:.48 !important; }
}

@media (min-width: 42rem) {
  .convenience[data-module-id="SD-M03"] .benefit-list {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 1rem !important;
  }
  .convenience[data-module-id="SD-M03"] .benefit-item {
    grid-template-columns: 1fr !important;
    align-content: start !important;
    text-align: center !important;
    padding: 1.15rem !important;
  }
  .convenience[data-module-id="SD-M03"] .benefit-item__icon { margin-inline:auto !important; }
}

@media (min-width: 64rem) {
  .convenience[data-module-id="SD-M03"] { margin-top: -3rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__setup,
  .convenience[data-module-id="SD-M03"] .convenience__supply-panel,
  .convenience[data-module-id="SD-M03"] .convenience__supplies { min-height: 37rem !important; }
  .convenience[data-module-id="SD-M03"] .convenience__scene {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.76) 8%, #000 15%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.76) 8%, #000 15%, #000 100%);
  }
  .convenience[data-module-id="SD-M03"] .convenience__scene img { object-position: 37% 54% !important; }
  .convenience[data-module-id="SD-M03"] .convenience__supply-panel::before {
    background:
      linear-gradient(180deg, rgba(8,60,53,.18) 0%, transparent 14%),
      linear-gradient(100deg, transparent 0 40%, rgba(247,240,229,.14) 48%, rgba(247,240,229,.66) 59%, rgba(247,240,229,.94) 70%, var(--sd-bg) 79%, var(--sd-bg) 100%) !important;
  }
  .convenience[data-module-id="SD-M03"] .convenience__decoration {
    inset: 0 0 0 48% !important;
    opacity: .54 !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 17%, #000 43%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 17%, #000 43%);
  }
  .convenience[data-module-id="SD-M03"] .convenience__decoration img { object-position:82% 100% !important; }
  .convenience[data-module-id="SD-M03"] .convenience__arrangement {
    right:.7rem !important;
    bottom:-.8rem !important;
    width:min(24vw,20rem) !important;
    opacity:.40 !important;
  }
  .convenience[data-module-id="SD-M03"] .convenience__supplies {
    width:min(100% - 2rem,var(--sd-content-max,72rem)) !important;
    margin-inline:auto !important;
    grid-template-columns:minmax(0,28rem) !important;
    justify-content:end !important;
    align-content:center !important;
    gap:.7rem !important;
    padding-block:4rem 5.5rem !important;
  }
}
