:root {
  --red: #6CC9C4;
  --red-dark: #447B81;
  --red-soft: #D7D3F3;
  --white: #ffffff;
  --black: #050505;
  --charcoal: #111111;
  --charcoal-2: #1b1b1b;
  --gray-1: #f3f3f3;
  --gray-2: #dddddd;
  --gray-3: #8a8a8a;
  --gray-4: #5e5e5e;
  --shadow: 0 18px 45px rgba(0,0,0,.22);
  --shadow-soft: 0 10px 28px rgba(0,0,0,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: #1a1a1a;
  background: var(--white);
}
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; }
.container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.narrow { width: min(860px, 100%); margin-inline: auto; }
.center-text { text-align: center; }
.left-text { text-align: left; }
.white-text { color: var(--white); }
.soft { opacity: .92; }
.hidden { display: none !important; }

.lang-switcher {
  display: flex;
  gap: 8px;
}
.lang-btn {
  border: 1px solid rgba(255,255,255,.55);
  background: transparent;
  color: var(--white);
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 800;
  cursor: pointer;
}
.lang-btn.active {
  background: var(--white);
  color: var(--red);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: linear-gradient(180deg, #000 0%, #090909 100%);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.header-inner {
  min-height: 94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
.header-home-custom {
  min-height: 108px;
}
.header-home-layout {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header-left-block {
  justify-self: center;
  grid-column: 2;
  margin-left: 0;
}
.header-logo-center {
  justify-self: start;
  grid-column: 1;
}
.header-right-block {
  grid-column: 3;
  justify-self: end;
  margin-left: 0;
  align-items: center;
  text-align: right;
}
.header-lang-switcher {
  justify-content: flex-end;
}
.header-lang-left {
  justify-content: flex-start;
}
.header-lang-right {
  justify-content: flex-end;
}
.header-contact-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin-left: auto;
}
.header-contact-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  color: var(--white);
}
.header-phone {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
}
.header-phone:hover,
.header-contact-link:hover {
  color: #D7D3F3;
}
.header-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-contact-link {
  color: var(--white);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 13px;
  display: inline-flex;
  justify-content: flex-end;
}
.header-menu-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-left: 12px;
  position: relative;
}
.logo-link img,
.footer-logo {
  width: 150px;
  max-width: 42vw;
}
.site-menu {
  display: flex;
  align-items: center;
  gap: 22px;
  font-weight: 700;
  color: var(--white);
}
.site-menu .lang-switcher {
  margin-left: 8px;
}
.site-menu a { opacity: .95; }
.site-menu a:hover { color: #D7D3F3; }
.menu-toggle {
  display: none;
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
}
.menu-toggle span {
  display: block;
  width: 28px;
  height: 3px;
  background: var(--white);
  margin: 5px 0;
  border-radius: 999px;
}

.hero {
  position: relative;
  min-height: 72vh;
  display: flex;
  align-items: center;
  background:
    linear-gradient(rgba(0,0,0,.66), rgba(0,0,0,.56)),
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 28%),
    url('hero-home-main-bg.jpeg') center/cover no-repeat;
}
.hero-home {
  background:
    linear-gradient(rgba(0,0,0,.66), rgba(0,0,0,.56)),
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 28%),
    url('hero-home-main-bg.jpeg') center/cover no-repeat;
}
.hero-overlay {
  position: absolute;
  inset: auto 0 0 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,.35));
}
.hero-content {
  position: relative;
  z-index: 1;
  color: var(--white);
  padding: 74px 0 88px;
  text-align: center;
}
.hero-content.left-align { text-align: left; }
.eyebrow {
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.88);
}
.hero h1,
.section-title {
  font-family: Inter, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1.02;
}
.hero h1 {
  font-size: clamp(36px, 6vw, 74px);
  max-width: 860px;
  margin: 0 0 18px;
  text-shadow: 0 3px 18px rgba(0,0,0,.35);
}
.left-align .hero-text,
.left-align .cta-row { justify-content: flex-start; }
.hero-text {
  max-width: 760px;
  margin: 0;
  font-size: clamp(17px, 2.1vw, 22px);
  line-height: 1.65;
  color: rgba(255,255,255,.92);
}

.hero-bio {
  max-width: 760px;
  margin: 0 0 30px;
}
.hero-text-collapsible {
  white-space: pre-line;
  margin-bottom: 14px;
}
.hero-read-more {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--white);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .02em;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.hero-read-more:hover {
  opacity: .85;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 14px 28px;
  border-radius: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 2px solid transparent;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
  box-shadow: var(--shadow-soft);
}
.btn:hover { transform: translateY(-2px); }
.btn-primary {
  background: var(--red);
  color: var(--white);
  border-color: rgba(255,255,255,.85);
}
.btn-primary:hover { background: var(--red-dark); }
.btn-outline,
.btn-outline-red {
  background: rgba(255,255,255,.06);
  color: var(--white);
  border-color: rgba(255,255,255,.7);
}
.btn-outline:hover,
.btn-outline-red:hover {
  background: var(--white);
  color: var(--red);
}
.btn.small {
  min-height: 46px;
  padding: 10px 18px;
  font-size: 13px;
}
.btn.full { width: 100%; }
.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.cta-row.center { justify-content: center; }

.section {
  padding: 82px 0;
}
.section-light {
  background: linear-gradient(180deg, #f6f6f6 0%, #ededed 100%);
}
.blue-section {
  background: linear-gradient(180deg, #a30f18 0%, #c4121d 100%);
}
.dark-band {
  background: #4d4d4d;
  color: var(--white);
  padding: 52px 0;
}
.section-title {
  font-size: clamp(34px, 5vw, 60px);
  margin: 0 0 18px;
  color: #2d2d2d;
}
.section-title.white { color: var(--white); }
.section-copy {
  margin: 0 auto;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1.7;
  color: #5d5d5d;
}
.section-copy.white { color: rgba(255,255,255,.92); }
.section-rule {
  width: min(680px, 100%);
  height: 2px;
  margin: 0 auto 32px;
  background: #b8b8b8;
}
.section-rule.left { margin-inline: 0 auto; }
.section-rule.red { background: linear-gradient(90deg, transparent, var(--red), transparent); }
.section-cta-gap { margin-top: 28px; }

.angled-top,
.angled-blue,
.angled-red {
  position: relative;
}
.angled-top::before,
.angled-blue::before,
.angled-red::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  height: 28px;
  clip-path: polygon(0 0, 100% 0, 100% 30%, 56% 100%, 44% 100%, 0 30%);
}
.angled-top::before {
  background: linear-gradient(to right, transparent 0 10%, #d9d9d9 10% 47%, #999 47% 53%, #d9d9d9 53% 90%, transparent 90% 100%);
}
.angled-blue::before,
.angled-red::before {
  background: linear-gradient(to right, transparent 0 10%, var(--red-soft) 10% 47%, var(--red-dark) 47% 53%, var(--red-soft) 53% 90%, transparent 90% 100%);
}

.visual-band {
  background: #0a0a0a;
  padding: 28px 0 12px;
}
.logo-panel {
  display: flex;
  justify-content: center;
}
.logo-center-large {
  width: min(430px, 82vw);
  filter: drop-shadow(0 14px 30px rgba(0,0,0,.35));
}

.service-grid,
.work-grid,
.value-grid,
.testimonial-grid,
.footer-grid,
.package-grid,
.addon-grid,
.contact-grid {
  display: grid;
  gap: 24px;
}
.service-grid { margin-top: 42px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.red-theme-grid .service-card { border: 2px solid rgba(196,18,29,.15); }
.service-card,
.work-card {
  position: relative;
  overflow: hidden;
  background: #111;
  border-radius: 24px;
  box-shadow: var(--shadow);
}
.feature-card { min-height: 510px; }
.service-card img,
.work-card img { height: 100%; object-fit: cover; }
.service-overlay,
.work-overlay {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  background: rgba(10,10,10,.72);
  backdrop-filter: blur(4px);
  color: var(--white);
  padding: 22px;
  border-radius: 22px;
}
.service-overlay h3,
.work-overlay h3 {
  margin: 0 0 10px;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.05;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.service-overlay p,
.work-overlay p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
}

.work-grid { margin-top: 36px; grid-template-columns: 1.1fr 1fr 1fr; }
.work-card { min-height: 500px; }
.work-card.tall { min-height: 620px; }
.icon-badge,
.red-badge {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  color: rgba(255,255,255,.9);
  font-size: 28px;
  font-weight: 900;
}

.about-split,
.gift-grid,
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: center;
}
.value-grid { margin-top: 28px; grid-template-columns: repeat(2, 1fr); }
.value-grid-two { grid-template-columns: repeat(2, 1fr); }
.value-box,
.testimonial-box,
.contact-card,
.package-card,
.addon-card,
.before-after-card,
.hero-mini-image {
  background: var(--white);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
}
.value-box {
  padding: 24px;
  border: 1px solid rgba(0,0,0,.08);
}
.value-box h3 { margin: 0 0 10px; font-size: 22px; }
.value-box p { margin: 0; line-height: 1.65; color: #5f5f5f; }
.dark-box {
  background: #121212;
  border-color: rgba(255,255,255,.08);
  color: var(--white);
}
.dark-box p { color: rgba(255,255,255,.76); }

.dark-texture {
  background:
    linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)),
    radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 24%),
    radial-gradient(circle at bottom right, rgba(255,255,255,.05), transparent 18%),
    #090909;
}
.gift-highlight {
  margin: 0 0 24px;
  color: #ffb6bb;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.18;
  font-weight: 700;
}
.gift-art img {
  border-radius: 22px;
  box-shadow: var(--shadow);
}

.testimonial-grid { margin-top: 30px; grid-template-columns: repeat(3, 1fr); }
.testimonial-box {
  padding: 24px;
  border: 1px solid rgba(196,18,29,.18);
}
.testimonial-box p {
  margin: 0 0 14px;
  line-height: 1.75;
  color: #444;
}
.testimonial-box strong,
.red-line strong { color: var(--red); }
.red-line { border-top: 4px solid var(--red); }

.footer-grid {
  grid-template-columns: 1.1fr .9fr .9fr .9fr;
  align-items: start;
}
.site-footer {
  background: #080808;
  color: var(--white);
  padding: 54px 0;
}
.site-footer h4 {
  margin: 0 0 14px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.site-footer p { margin: 0 0 10px; color: rgba(255,255,255,.8); }
.site-footer a:hover { color: #D7D3F3; }

.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 40;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: var(--white);
  box-shadow: var(--shadow);
}
.whatsapp-float svg { width: 34px; height: 34px; }

.page-heading .hero-mini-image {
  margin-top: 28px;
  overflow: hidden;
}
.hero-mini-image img,
.before-after-card img { aspect-ratio: 16/9; object-fit: cover; }

.package-grid {
  margin-top: 34px;
  grid-template-columns: repeat(2, 1fr);
}
.package-grid.two-col { grid-template-columns: repeat(2, 1fr); }
.package-card {
  padding: 24px;
  border: 3px solid rgba(196,18,29,.8);
  background: linear-gradient(180deg, #f4f4f4 0%, #efefef 100%);
}
.package-name {
  background: var(--red);
  color: var(--white);
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  font-size: clamp(22px, 2.5vw, 32px);
  margin-bottom: 20px;
}
.package-name.bronze,
.package-name.gold { background: #c89f2d; }
.package-name.silver,
.package-name.platinum { background: #b8b8b8; color: #fff; }
.package-name.black { background: #000; }
.package-name.redfill { background: var(--red); }
.price-box {
  background: #5a5a5a;
  color: var(--white);
  border-radius: 14px;
  padding: 28px 18px;
  margin-bottom: 18px;
  text-align: center;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.25;
  font-weight: 300;
}
.price-box span {
  font-weight: 300;
  margin-right: 8px;
}
.feature-title {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 2px solid #d2d2d2;
  color: #818181;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 300;
}
.feature-sub {
  margin: 18px 0 8px;
  color: var(--red);
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}
.package-name.bronze + .price-box ~ .feature-sub:first-of-type,
.package-name.gold + .price-box ~ .feature-sub:first-of-type,
.package-name.bronze ~ .feature-sub,
.package-name.gold ~ .feature-sub { color: #a67d17; }
.package-name.silver ~ .feature-sub,
.package-name.platinum ~ .feature-sub { color: #9a9a9a; }
.package-name.black ~ .feature-sub { color: #666; }
.feature-list {
  margin: 0;
  padding-left: 28px;
  color: #595959;
  font-size: 18px;
  line-height: 1.7;
}
.feature-list li { margin-bottom: 4px; }
.black-title { border-color: rgba(196,18,29,.8); }
.red-ceramic { border-color: rgba(196,18,29,.9); }

.addon-grid { margin-top: 26px; grid-template-columns: repeat(3, 1fr); }
.addon-card {
  padding: 24px 20px;
  text-align: center;
  border: 3px solid rgba(196,18,29,.85);
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
}
.addon-card h3 {
  margin: 0 0 14px;
  color: var(--red);
  text-transform: uppercase;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.15;
}
.addon-card h3 span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  color: #6e6e6e;
  margin-top: 6px;
}
.addon-card p {
  margin: 0;
  color: #2a2a2a;
  font-size: clamp(24px, 2.8vw, 48px);
  font-weight: 900;
}

.ceramic-intro {
  margin-top: 28px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
  align-items: center;
}
.before-after-card { overflow: hidden; }
.ceramic-copy h3 {
  margin: 0 0 10px;
  font-size: clamp(28px, 3vw, 40px);
  color: #2f2f2f;
  text-transform: uppercase;
}
.ceramic-copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  color: #575757;
}

.contact-card {
  padding: 24px;
  background: #121212;
  border: 1px solid rgba(255,255,255,.08);
}
.contact-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  border-radius: 14px;
  background: #fff;
  color: #111;
  font-weight: 800;
  margin-bottom: 14px;
}
.contact-link:last-child { margin-bottom: 0; }



.extras-board-wrap {
  max-width: 1080px;
}
.extras-title-pill {
  width: fit-content;
  margin: 0 auto -18px;
  position: relative;
  z-index: 2;
  padding: 12px 34px;
  border-radius: 14px;
  border: 2px solid rgba(120,0,0,.85);
  background: linear-gradient(180deg, #d91e1e 0%, #8f0a0a 100%);
  color: #f6f2f2;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .03em;
  font-size: clamp(28px, 3vw, 46px);
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}
.extras-board {
  padding: 48px 32px 26px;
  border-radius: 22px;
  border: 2px solid rgba(168, 84, 44, .65);
  background: linear-gradient(180deg, rgba(22,22,22,.96), rgba(8,8,8,.96));
  box-shadow: 0 16px 40px rgba(0,0,0,.32);
}
.extras-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 52px;
}
.extras-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.extras-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;
  color: #f5f2ea;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.25;
  font-weight: 700;
}
.extras-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .52em;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #ff1f1f;
  box-shadow: 0 0 0 3px rgba(255,31,31,.15);
}
.extras-note {
  margin-top: 18px;
  padding-top: 18px;
}
.extras-note-title {
  color: #f0d874;
  font-size: clamp(22px, 2vw, 32px);
  font-weight: 900;
  margin-bottom: 10px;
}
.extras-note-items {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
}
.extras-note-items span,
.extras-mobile-line {
  color: #f5f2ea;
  font-size: clamp(18px, 1.5vw, 28px);
  font-weight: 700;
}
.extras-note-items span::before {
  content: "•";
  color: #d7d15c;
  margin-right: 8px;
}
.extras-mobile-line {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 1024px) {
  .service-grid,
  .testimonial-grid,
  .package-grid,
  .package-grid.two-col,
  .gift-grid,
  .contact-grid,
  .work-grid,
  .about-split,
  .ceramic-intro,
  .footer-grid,
  .addon-grid {
    grid-template-columns: 1fr;
  }
  .extras-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .extras-board {
    padding: 44px 22px 24px;
  }
  .work-card,
  .work-card.tall,
  .feature-card { min-height: 460px; }
}

@media (max-width: 920px) {
  .header-home-custom {
    padding: 10px 0 14px;
    min-height: 96px;
  }
  .header-home-layout {
    grid-template-columns: auto 1fr auto;
    column-gap: 12px;
  }
  .header-left-block {
    justify-self: center;
    grid-column: 2;
  }
  .header-logo-center {
    justify-self: start;
    grid-column: 1;
  }
  .header-right-block {
    grid-column: 3;
    justify-self: end;
    max-width: 46vw;
  }
  .header-contact-stack {
    width: auto;
    margin-left: 0;
    gap: 8px;
    align-items: flex-end;
  }
  .header-menu-wrap {
    margin-left: 0;
    align-self: center;
    gap: 8px;
  }
  .site-menu {
    position: absolute;
    left: 0;
    right: auto;
    top: calc(100% + 6px);
    min-width: 220px;
    padding: 14px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    background: #0d0d0d;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
  }
  .site-menu .lang-switcher {
    margin-left: 0;
    padding-top: 6px;
  }
  .site-menu.open { display: flex; }
  .menu-toggle { display: block; }
}

@media (max-width: 720px) {
  .header-inner { min-height: 82px; }
  .header-home-custom {
    align-items: center;
  }
  .header-home-layout {
    grid-template-columns: auto 1fr auto;
    column-gap: 10px;
  }
  .header-contact-stack {
    width: auto;
    gap: 5px;
  }
  .header-contact-bar {
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 8px;
  }
  .header-contact-link {
    font-size: 11px;
  }
  .header-lang-switcher .lang-btn {
    padding: 5px 10px;
    font-size: 11px;
  }
  .header-lang-left {
    justify-content: flex-start;
  }
  .logo-link img,
  .footer-logo { width: 120px; }
  .section { padding: 70px 0; }
  .section-title { font-size: 42px; }
  .section-copy { font-size: 18px; }
  .hero-content,
  .hero-content.left-align { text-align: center; }
  .hero h1 { margin-inline: auto; }
  .hero-text { margin-inline: auto; }
  .cta-row,
  .left-align .cta-row { justify-content: center; }
  .service-overlay,
  .work-overlay { left: 14px; right: 14px; bottom: 14px; padding: 18px; }
  .service-overlay h3,
  .work-overlay h3 { font-size: 24px; }
  .value-grid,
  .value-grid-two { grid-template-columns: 1fr; }
  .price-box { font-size: 26px; }
  .feature-title { font-size: 30px; }
  .feature-list { font-size: 17px; }
  .addon-card p { font-size: 34px; }
}


.social-icon-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  transition:transform .2s ease, opacity .2s ease, border-color .2s ease, background .2s ease;
}

.social-icon-link svg{
  width:14px;
  height:14px;
}

.social-icon-link:hover{
  transform:translateY(-1px);
  opacity:1;
  border-color:rgba(255,255,255,.75);
  background: rgba(255,255,255,.05);
}

.header-socials .social-icon-link {
  color: var(--white);
}

.footer-instagram{
  margin-top:4px;
}


.service-price-badge {
  display: inline-flex;
  align-items: center;
  margin: 6px 0 14px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.58);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff2d8;
  font-weight: 800;
  letter-spacing: .02em;
  font-size: 15px;
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
}

/* Services packages redesign to match customer reference */
body[data-page="services"] #detail-packages .package-grid {
  gap: 26px;
  align-items: stretch;
}
body[data-page="services"] #detail-packages .package-card {
  position: relative;
  padding: 18px 20px 24px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.08), transparent 26%),
    radial-gradient(circle at 85% 85%, rgba(196,18,29,.12), transparent 28%),
    linear-gradient(180deg, rgba(60,60,60,.2) 0%, rgba(5,5,5,.15) 100%),
    linear-gradient(180deg, #1d1a1a 0%, #090909 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 24px rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.22);
}
body[data-page="services"] #detail-packages .package-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}
body[data-page="services"] #detail-packages .package-name {
  border-radius: 14px;
  padding: 16px 14px;
  margin-bottom: 16px;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 16px rgba(0,0,0,.22);
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
  letter-spacing: -.02em;
}
body[data-page="services"] #detail-packages .package-card:nth-child(1) .package-name {
  background: linear-gradient(180deg, #161616 0%, #050505 100%);
}
body[data-page="services"] #detail-packages .package-card:nth-child(2) .package-name {
  background: linear-gradient(180deg, #cf1d16 0%, #8f090a 100%);
}
body[data-page="services"] #detail-packages .package-card:nth-child(3) .package-name {
  background: linear-gradient(180deg, #c58d38 0%, #8b5a18 100%);
}
body[data-page="services"] #detail-packages .price-box {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff2d2;
  border-radius: 14px;
  padding: 20px 16px;
  margin-bottom: 14px;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="services"] #detail-packages .price-box span {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  font-weight: 700;
}
body[data-page="services"] #detail-packages .btn.btn-primary {
  background: linear-gradient(180deg, #d51e25 0%, #9a0d16 100%);
  border-color: rgba(255,255,255,.2);
  border-radius: 12px;
  min-height: 50px;
  margin-bottom: 16px;
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
body[data-page="services"] #detail-packages .btn.btn-primary:hover {
  background: linear-gradient(180deg, #e12a31 0%, #a10e18 100%);
}
body[data-page="services"] #detail-packages .feature-title {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
}
body[data-page="services"] #detail-packages .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #f3f3f3;
  font-size: 18px;
  line-height: 1.45;
}
body[data-page="services"] #detail-packages .feature-list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 32px;
}
body[data-page="services"] #detail-packages .feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  color: #d7e36f;
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
}
body[data-page="services"] #detail-packages .feature-list li:last-child { margin-bottom: 0; }


/* Maintenance package redesign to match top packages */
body[data-page="services"] #maintenance .maintenance-grid {
  max-width: 520px;
}
body[data-page="services"] #maintenance .maintenance-card {
  position: relative;
  padding: 18px 20px 24px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.08), transparent 26%),
    radial-gradient(circle at 85% 85%, rgba(196,18,29,.12), transparent 28%),
    linear-gradient(180deg, rgba(60,60,60,.2) 0%, rgba(5,5,5,.15) 100%),
    linear-gradient(180deg, #1d1a1a 0%, #090909 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 24px rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.22);
}
body[data-page="services"] #maintenance .maintenance-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}
body[data-page="services"] #maintenance .package-name {
  border-radius: 14px;
  padding: 16px 14px;
  margin-bottom: 16px;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 16px rgba(0,0,0,.22);
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
  letter-spacing: -.02em;
  background: linear-gradient(180deg, #cf1d16 0%, #8f090a 100%);
}
body[data-page="services"] #maintenance .price-box {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff2d2;
  border-radius: 14px;
  padding: 20px 16px;
  margin-bottom: 14px;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="services"] #maintenance .price-box span {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  font-weight: 700;
}
body[data-page="services"] #maintenance .btn.btn-primary {
  background: linear-gradient(180deg, #d51e25 0%, #9a0d16 100%);
  border-color: rgba(255,255,255,.2);
  border-radius: 12px;
  min-height: 50px;
  margin-bottom: 16px;
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
body[data-page="services"] #maintenance .feature-title {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
}
body[data-page="services"] #maintenance .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #f3f3f3;
  font-size: 18px;
  line-height: 1.45;
}
body[data-page="services"] #maintenance .feature-list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 32px;
}
body[data-page="services"] #maintenance .feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  color: #d7e36f;
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
}
body[data-page="services"] #maintenance .feature-list li:last-child { margin-bottom: 0; }


/* Basic services redesign aligned with top packages */
body[data-page="services"] #basic-services .package-grid {
  gap: 26px;
  align-items: stretch;
}
body[data-page="services"] #basic-services .package-card {
  position: relative;
  padding: 18px 20px 24px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.08), transparent 26%),
    radial-gradient(circle at 85% 85%, rgba(196,18,29,.12), transparent 28%),
    linear-gradient(180deg, rgba(60,60,60,.2) 0%, rgba(5,5,5,.15) 100%),
    linear-gradient(180deg, #1d1a1a 0%, #090909 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 0 24px rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.22);
}
body[data-page="services"] #basic-services .package-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}
body[data-page="services"] #basic-services .package-name {
  border-radius: 14px;
  padding: 16px 14px;
  margin-bottom: 16px;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 16px rgba(0,0,0,.22);
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
  letter-spacing: -.02em;
  background: linear-gradient(180deg, #161616 0%, #050505 100%);
}
body[data-page="services"] #basic-services .interior-card .package-name {
  background: linear-gradient(180deg, #cf1d16 0%, #8f090a 100%);
}
body[data-page="services"] #basic-services .maintenance-card-inline .package-name {
  background: linear-gradient(180deg, #c58d38 0%, #8b5a18 100%);
}
body[data-page="services"] #basic-services .hidden-title {
  display: none;
}
body[data-page="services"] #basic-services .price-box {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff2d2;
  border-radius: 14px;
  padding: 20px 16px;
  margin-bottom: 14px;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="services"] #basic-services .price-box span {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  font-weight: 700;
}
body[data-page="services"] #basic-services .btn.btn-primary {
  background: linear-gradient(180deg, #d51e25 0%, #9a0d16 100%);
  border-color: rgba(255,255,255,.2);
  border-radius: 12px;
  min-height: 50px;
  margin-bottom: 16px;
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
body[data-page="services"] #basic-services .feature-title {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
}
body[data-page="services"] #basic-services .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #f3f3f3;
  font-size: 18px;
  line-height: 1.45;
}
body[data-page="services"] #basic-services .feature-list li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 32px;
}
body[data-page="services"] #basic-services .feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  color: #d7e36f;
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
}

.header-socials .social-icon-link { opacity: 1; color: var(--white); }


.footer-grid-custom {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 28px;
}

.footer-socials {
  display: flex;
  gap: 10px;
  margin: 10px 0 14px;
}

.footer-socials .social-icon-link {
  width: 34px;
  height: 34px;
}

.footer-socials .social-icon-link svg {
  width: 16px;
  height: 16px;
}

.footer-email {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.footer-inline-icon {
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 900px) {
  .footer-grid-custom {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .footer-grid-custom {
    grid-template-columns: 1fr;
  }
}


/* Header centering fix: logo left, menu exactly center, socials right */
.header-home-layout {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  position: relative;
}
.header-logo-center {
  grid-column: 1;
  justify-self: start;
  z-index: 2;
}
.header-left-block {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  grid-column: auto;
  justify-self: auto;
  margin: 0;
  z-index: 3;
  align-items: center;
}
.header-right-block {
  grid-column: 3;
  justify-self: end;
  z-index: 2;
}
@media (max-width: 920px) {
  .header-home-layout {
    grid-template-columns: auto 1fr auto;
    min-height: 112px;
  }
  .header-left-block {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 720px) {
  .header-home-custom {
    min-height: 118px;
  }
  .header-home-layout {
    min-height: 118px;
  }
  .header-left-block {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}


.booking-section {
  padding-top: 88px;
  padding-bottom: 88px;
}
.booking-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 32px;
  align-items: start;
}
.booking-copy {
  padding-top: 12px;
}
.booking-points {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.booking-point {
  background: #111;
  color: #fff;
  border: 1px solid rgba(196,18,29,.35);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 700;
  font-size: 14px;
}
.booking-form {
  background: linear-gradient(180deg, #131313 0%, #0b0b0b 100%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
  box-shadow: var(--shadow);
  padding: 28px;
}
.form-row {
  display: grid;
  gap: 16px;
  margin-bottom: 18px;
}
.form-row.two-col {
  grid-template-columns: 1fr 1fr;
}
.form-field label {
  display: block;
  color: #fff;
  font-weight: 800;
  margin-bottom: 8px;
}
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  font: inherit;
  outline: none;
}
.form-field input::placeholder,
.form-field textarea::placeholder {
  color: rgba(255,255,255,.58);
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: rgba(196,18,29,.8);
  box-shadow: 0 0 0 3px rgba(196,18,29,.16);
}
.form-field textarea {
  resize: vertical;
  min-height: 120px;
}
.booking-submit {
  width: 100%;
}
@media (max-width: 900px) {
  .booking-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .form-row.two-col {
    grid-template-columns: 1fr;
  }
  .booking-form {
    padding: 22px 18px;
    border-radius: 22px;
  }
}


/* BAC service photos */
body[data-page="services"] .service-card-photo {
  margin: 0 0 16px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  aspect-ratio: 4 / 3;
  background: #0a0a0a;
}
body[data-page="services"] .service-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* Home service card pricing/button */
.service-overlay-pricing {
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(6px);
}
.service-overlay-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}
.service-overlay-price {
  flex: 1 1 auto;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.55);
  color: #6CC9C4;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 800;
  letter-spacing: -.02em;
  text-align: center;
}
.service-overlay-view {
  flex: 0 0 120px;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  text-decoration: none;
  background: #6CC9C4;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: .02em;
  border: 2px solid rgba(255,255,255,.22);
}
@media (max-width: 640px) {
  .service-overlay-actions {
    gap: 12px;
  }
  .service-overlay-price {
    min-height: 52px;
    padding: 10px 12px;
    font-size: 14px;
    white-space: nowrap;
  }
  .service-overlay-view {
    flex-basis: 108px;
    min-height: 52px;
    font-size: 18px;
  }
}


/* BAC gallery green refresh */
#gallery.blue-section {
  background: linear-gradient(180deg, #5cbfba 0%, #3ea7a2 100%);
}
#gallery .section-title,
#gallery .section-copy,
#gallery .work-overlay,
#gallery .work-overlay p,
#gallery .work-overlay h3 {
  color: #ffffff;
}
#gallery .work-overlay {
  background: rgba(0,0,0,.68);
}
#gallery .icon-badge,
#gallery .red-badge {
  display: none !important;
}


/* Before/after gallery redesign */
#gallery.blue-section{
  background: linear-gradient(180deg, #66c9c2 0%, #47b8b1 100%);
}
.before-after-showcase{
  margin-top: 32px;
  display: grid;
  gap: 26px;
}
.ba-card{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 30px;
  padding: 20px;
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}
.ba-head h3{
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 900;
  letter-spacing: -.02em;
}
.ba-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.ba-item{
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #0a0a0a;
  box-shadow: 0 14px 24px rgba(0,0,0,.16);
}
.ba-item img{
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
  display: block;
}
.ba-item figcaption{
  position: absolute;
  left: 14px;
  top: 14px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(0,0,0,.72);
  color: #fff;
  font-weight: 800;
  letter-spacing: .02em;
}
@media (max-width: 700px){
  .ba-card{
    padding: 14px;
    border-radius: 22px;
  }
  .ba-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .ba-item{
    border-radius: 18px;
  }
  .ba-item img{
    min-height: 280px;
  }
  .ba-head h3{
    font-size: 24px;
    margin-bottom: 12px;
  }
}


/* About section redesign */
.about-hero-section{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.58) 45%, rgba(0,0,0,.52) 100%),
    url('home-card-premium.jpeg') center/cover no-repeat;
  min-height: 760px;
}
.about-hero-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28));
}
.about-hero-content{
  position: relative;
  z-index: 2;
  max-width: 860px;
  padding-top: 72px;
  padding-bottom: 72px;
}
.about-hero-section .section-rule{
  background: linear-gradient(90deg, transparent, #6CC9C4, transparent);
}
.about-hero-copy{
  color: rgba(255,255,255,.92);
  max-width: 760px;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.75;
}
.about-check-list{
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  max-width: 760px;
}
.about-check-list li{
  position: relative;
  padding: 16px 18px 16px 58px;
  border-radius: 20px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  backdrop-filter: blur(5px);
}
.about-check-list li::before{
  content: "✦";
  position: absolute;
  left: 20px;
  top: 15px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #6CC9C4;
  color: #0a0a0a;
  font-size: 15px;
  font-weight: 900;
}
@media (max-width: 700px){
  .about-hero-section{
    min-height: auto;
    background:
      linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.56) 100%),
      url('home-card-premium.jpeg') center/cover no-repeat;
  }
  .about-hero-content{
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .about-hero-copy{
    font-size: 17px;
    line-height: 1.65;
  }
  .about-check-list{
    gap: 12px;
  }
  .about-check-list li{
    padding: 14px 14px 14px 52px;
    font-size: 16px;
    border-radius: 16px;
  }
  .about-check-list li::before{
    left: 16px;
    top: 13px;
  }
}


/* Testimonials redesign */
.testimonials-story-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.68) 100%),
    url('testimonials-bg-bronco.jpeg') center/cover no-repeat;
}
.testimonials-story-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.22) 45%, rgba(0,0,0,.42) 100%);
}
.testimonials-story-content {
  position: relative;
  z-index: 2;
}
.testimonials-story-section .section-rule {
  background: linear-gradient(90deg, transparent, #6CC9C4, transparent);
}
.testimonials-story-copy {
  color: rgba(255,255,255,.94);
  max-width: 820px;
}
.review-bubbles {
  margin-top: 34px;
  display: grid;
  gap: 22px;
}
.review-bubble {
  position: relative;
  max-width: 760px;
  padding: 30px 28px 26px;
  border-radius: 28px;
  background: rgba(247,245,239,.94);
  color: #2a2623;
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}
.review-bubble.left {
  justify-self: start;
}
.review-bubble.right {
  justify-self: end;
}
.review-avatar {
  position: absolute;
  top: -22px;
  left: 28px;
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #d9d0c3;
  color: #2c2a28;
  font-weight: 800;
  font-size: 24px;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.review-bubble p {
  margin: 6px 0 14px;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.45;
}
.review-bubble span {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #5b5650;
}
.review-bubble::after {
  content: "♥";
  position: absolute;
  right: 22px;
  bottom: 14px;
  color: #d5c3b2;
  font-size: 28px;
}
@media (max-width: 700px) {
  .review-bubble,
  .review-bubble.left,
  .review-bubble.right {
    justify-self: stretch;
    max-width: none;
    padding: 24px 20px 22px;
    border-radius: 22px;
  }
  .review-avatar {
    left: 20px;
    top: -18px;
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
  .review-bubble p {
    font-size: 16px;
    line-height: 1.55;
    margin-top: 8px;
  }
  .review-bubble span {
    font-size: 14px;
  }
}


/* Simple booking section */
.booking-simple-section{
  background:
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.90) 100%),
    url('booking-bg.jpeg') center/cover no-repeat;
}
.booking-simple-wrap{
  max-width: 900px;
}
.booking-simple-section .section-rule{
  background: linear-gradient(90deg, transparent, #6CC9C4, transparent);
}
.booking-simple-copy{
  max-width: 760px;
}
.booking-contact-actions{
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.booking-contact-btn{
  min-width: 200px;
  justify-content: center;
}
.booking-email-btn{
  background: #111;
  color: #fff;
  border: 1px solid rgba(0,0,0,.15);
}
.booking-email-btn:hover{
  background: #222;
}
.booking-contact-info{
  margin-top: 26px;
  display: grid;
  gap: 8px;
}
.booking-contact-info p{
  margin: 0;
  font-size: 18px;
  color: #333;
}
.booking-contact-info a{
  color: #111;
  text-decoration: none;
}
@media (max-width: 700px){
  .booking-contact-actions{
    gap: 12px;
  }
  .booking-contact-btn{
    width: 100%;
    min-width: 0;
  }
}


/* Improve visibility for outline button on light backgrounds */
.btn.btn-outline-red,
.btn-outline-red {
  background: #111 !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.16) !important;
}


/* Simple clean footer */
.footer-simple-clean{
  background: #050505;
  color: #fff;
  padding: 54px 0 40px;
}
.footer-simple-wrap{
  max-width: 760px;
  text-align: center;
}
.footer-logo-simple{
  width: 180px;
  max-width: 60%;
  display: block;
  margin: 0 auto 18px;
}
.footer-simple-wrap h3{
  margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 900;
  letter-spacing: -.02em;
}
.footer-simple-copy{
  max-width: 720px;
  margin: 0 auto 20px;
  color: rgba(255,255,255,.84);
  font-size: 18px;
  line-height: 1.7;
}
.footer-simple-contact{
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}
.footer-simple-contact a{
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.footer-socials{
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 18px;
}
.footer-socials a{
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  text-decoration: none;
}
.footer-socials svg{
  width: 23px;
  height: 23px;
}
.footer-bottom-line{
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: 14px;
}


/* Remove lilac divider between services and gallery */
.angled-red::before,
.angled-red::after,
.angled-top::before,
.angled-top::after {
  background-image: none !important;
  display: none !important;
  content: none !important;
}


/* Remove decorative band under hero */
.hero-home::before,
.hero-home::after,
.hero::before,
.hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
}


/* Hero rotating background */
.hero-home {
  position: relative;
  overflow: hidden;
  background: #050505;
}
.hero-slider,
.hero-slide {
  position: absolute;
  inset: 0;
}
.hero-slide {
  opacity: 0;
  transition: opacity 1.1s ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.02);
}
.hero-slide.is-active {
  opacity: 1;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.54) 0%, rgba(0,0,0,.56) 100%);
  z-index: 1;
}
.hero-home .container.hero-content,
.hero-home .container {
  position: relative;
  z-index: 2;
}


/* Hero text readability cleanup */
.hero-home .hero-content,
.hero-home .hero-bio {
  max-width: 860px;
}

.hero-home .hero-bio {
  background: rgba(0, 0, 0, 0.58);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 28px;
  padding: 26px 24px 24px;
  box-shadow: 0 16px 34px rgba(0,0,0,0.24);
}

.hero-home .hero-kicker,
.hero-home [data-en="DETAILING PROFESIONAL PARA TU VEHÍCULO"],
.hero-home [data-en="Mobile auto detailing in Utah"] {
  display: inline-flex;
  background: rgba(108, 201, 196, 0.18);
  color: #ffffff;
  border: 1px solid rgba(108, 201, 196, 0.35);
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px !important;
  letter-spacing: .06em;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.hero-home h1 {
  font-size: clamp(34px, 6vw, 70px) !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
  text-shadow: 0 4px 18px rgba(0,0,0,0.35);
  margin-bottom: 16px !important;
}

.hero-home .hero-text,
.hero-home .hero-text-collapsible,
.hero-home p {
  color: rgba(255,255,255,0.96) !important;
  font-size: clamp(17px, 2vw, 24px) !important;
  line-height: 1.65 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.28);
}

.hero-home .hero-read-more,
.hero-home a[href="#"],
.hero-home .read-more-link {
  color: #ffffff !important;
  font-weight: 800;
}

.hero-home .cta-row,
.hero-home .hero-cta-row {
  margin-top: 22px !important;
}

.hero-home .btn,
.hero-home .hero-cta-row .btn {
  box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

@media (max-width: 700px) {
  .hero-home .hero-bio {
    padding: 18px 16px 18px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.64);
  }

  .hero-home h1 {
    font-size: clamp(28px, 10vw, 48px) !important;
    line-height: 1.04 !important;
  }

  .hero-home .hero-text,
  .hero-home .hero-text-collapsible,
  .hero-home p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .hero-home .hero-kicker,
  .hero-home [data-en="DETAILING PROFESIONAL PARA TU VEHÍCULO"],
  .hero-home [data-en="Mobile auto detailing in Utah"] {
    font-size: 11px !important;
    padding: 8px 12px;
    margin-bottom: 12px;
  }
}


/* Smaller hero main title */
.hero-home h1 {
  font-size: clamp(24px, 4.2vw, 46px) !important;
  line-height: 1.08 !important;
}
@media (max-width: 700px) {
  .hero-home h1 {
    font-size: clamp(22px, 7vw, 34px) !important;
    line-height: 1.12 !important;
  }
}


/* Home hero adjusted after removing main phrase */
.hero.hero-home {
  align-items: flex-start;
  min-height: auto;
}
.hero-home .hero-content {
  padding-top: 36px;
  padding-bottom: 56px;
}
@media (max-width: 700px) {
  .hero.hero-home {
    min-height: auto;
  }
  .hero-home .hero-content {
    padding-top: 18px;
    padding-bottom: 40px;
  }
}


/* Home hero banner cleanup */
.hero.hero-home {
  align-items: flex-start;
  min-height: auto;
}
.hero-home .hero-content {
  padding-top: 34px;
  padding-bottom: 56px;
}
.hero-home .eyebrow {
  display: block;
  width: fit-content;
  max-width: min(92vw, 620px);
  margin: 0 auto 16px;
  text-align: center;
  line-height: 1.35;
  font-size: 13px;
  letter-spacing: .08em;
  padding: 8px 14px;
  background: rgba(0,0,0,.28);
  border-radius: 999px;
}
.hero-home .cta-row:empty {
  display: none;
}
@media (max-width: 700px) {
  .hero-home .hero-content {
    padding-top: 22px;
    padding-bottom: 34px;
  }
  .hero-home .eyebrow {
    max-width: 88vw;
    margin: 0 auto 14px;
    font-size: 11px;
    letter-spacing: .06em;
    padding: 7px 12px;
  }
  .hero-home .hero-bio {
    margin-bottom: 0;
  }
}



/* Final professional hero alignment fix */
.hero.hero-home {
  align-items: center !important;
  min-height: 700px;
}
.hero-home .container.hero-content,
.hero-home .hero-content,
.hero-home .hero-content.left-align {
  max-width: 980px;
  margin: 0 auto;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  text-align: center !important;
}
.hero-home .eyebrow,
.hero-home p.eyebrow,
.hero-home [data-es="Detailing profesional para tu vehículo"] {
  display: block !important;
  width: 100%;
  max-width: 860px;
  margin: 0 auto 26px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: clamp(34px, 6.8vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.03em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-shadow: 0 5px 24px rgba(0,0,0,0.42) !important;
}
.hero-home .hero-bio {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 30px 28px 26px !important;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.64) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 30px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,0.26) !important;
}
.hero-home .hero-text,
.hero-home .hero-text-collapsible,
.hero-home .hero-bio p {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(18px, 2.05vw, 24px) !important;
  line-height: 1.7 !important;
}
.hero-home .hero-read-more {
  display: inline-block;
  margin-top: 12px;
  text-align: center !important;
}
@media (max-width: 700px) {
  .hero.hero-home {
    min-height: 620px;
  }
  .hero-home .container.hero-content,
  .hero-home .hero-content,
  .hero-home .hero-content.left-align {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .hero-home .eyebrow,
  .hero-home p.eyebrow,
  .hero-home [data-es="Detailing profesional para tu vehículo"] {
    max-width: 92vw;
    margin: 0 auto 18px !important;
    font-size: clamp(28px, 8.6vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0.02em !important;
  }
  .hero-home .hero-bio {
    max-width: 92vw !important;
    padding: 22px 18px 20px !important;
    border-radius: 24px !important;
  }
  .hero-home .hero-text,
  .hero-home .hero-text-collapsible,
  .hero-home .hero-bio p {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
}



/* Remove dark strip feeling behind title on home hero */
.hero-home .hero-slide { background-position: center center; }
@media (max-width: 700px) {
  .hero-home .hero-slide { background-position: center 42%; }
  .hero-home .hero-overlay { background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.42) 100%); }
}


/* Header cleanup: only logo, centered menu, and language buttons */
.header-contact-bar,
.header-contact-link { display: none !important; }

.header-home-custom {
  min-height: 92px;
  padding: 10px 0;
}

.header-home-layout {
  grid-template-columns: auto 1fr auto;
  min-height: 92px;
}

.header-right-block,
.header-contact-stack {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin-left: 0;
  text-align: right;
}

.header-lang-switcher {
  justify-content: flex-end;
}

@media (max-width: 920px) {
  .header-home-custom,
  .header-home-layout {
    min-height: 88px;
  }

  .header-right-block,
  .header-contact-stack {
    max-width: none;
    width: auto;
    gap: 0;
  }
}

@media (max-width: 720px) {
  .header-home-custom,
  .header-home-layout,
  .header-inner {
    min-height: 84px;
  }

  .logo-link img,
  .footer-logo {
    width: 108px;
  }

  .header-lang-switcher .lang-btn {
    padding: 8px 14px;
    font-size: 12px;
  }
}

/* Hero redesign + quote form */
.hero-home {
  min-height: 92vh;
  align-items: center;
}
.hero-home .hero-overlay {
  inset: 0;
  height: auto;
  background:
    linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.38) 25%, rgba(0,0,0,.5) 100%),
    radial-gradient(circle at center, rgba(108,201,196,.12), transparent 38%);
}
.hero-card-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(92vh - 108px);
  padding: 84px 0 92px;
}
.hero-glass-card {
  width: min(860px, 100%);
  text-align: center;
  padding: 42px 34px 30px;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(5,10,12,.48), rgba(5,10,12,.62));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 26px 70px rgba(0,0,0,.32);
}
.hero-kicker {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.9);
}
.hero-main-title,
.hero-main-accent {
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.04em;
  line-height: .95;
}
.hero-main-title {
  font-size: clamp(44px, 8vw, 88px);
  color: #fff;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}
.hero-main-accent {
  margin-top: 10px;
  font-size: clamp(28px, 5vw, 52px);
  color: var(--red);
  text-shadow: 0 6px 18px rgba(0,0,0,.28);
}
.hero-subtitle {
  margin: 22px auto 0;
  max-width: 660px;
  color: rgba(255,255,255,.95);
  font-size: clamp(19px, 2.1vw, 28px);
  line-height: 1.35;
  font-weight: 500;
}
.hero-cta-stack {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.hero-quote-btn,
.quote-submit-btn {
  background: var(--red);
  border-color: var(--red);
  color: #fff;
  min-width: 220px;
  min-height: 58px;
  border-radius: 18px;
  font-size: 18px;
  font-weight: 800;
  box-shadow: 0 14px 32px rgba(108,201,196,.28);
}
.hero-quote-btn:hover,
.quote-submit-btn:hover {
  background: var(--red-dark);
  border-color: var(--red-dark);
}
.hero-bio.compact {
  margin: 22px auto 0;
  max-width: 620px;
}
.hero-bio.compact .hero-text {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,.88);
  text-align: center;
}
.hero-bio.compact .hero-read-more { display:none; }

.quote-builder-section {
  background: linear-gradient(180deg, #f4f5fb 0%, #eef1f9 100%);
  padding: 84px 0;
}
.quote-builder-wrap {
  width: min(940px, calc(100% - 32px));
}
.quote-builder-card {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(108,201,196,.18);
  border-radius: 34px;
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
  padding: 52px;
}
.quote-builder-title {
  margin: 0 0 30px;
  color: var(--red);
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.03em;
}
.quote-form-grid { margin-bottom: 22px; }
.quote-builder-card .form-field label,
.quote-builder-card legend {
  color: #161616;
  font-weight: 800;
}
.quote-builder-card .form-field input,
.quote-builder-card .form-field select {
  background: #f2f2f5;
  border: 1px solid #dbdde3;
  color: #1a1a1a;
  border-radius: 16px;
  min-height: 60px;
  font-size: 18px;
}
.quote-builder-card .form-field input:focus,
.quote-builder-card .form-field select:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgba(108,201,196,.16);
}
.quote-addons {
  margin: 10px 0 26px;
  border: 1px solid #e4e5ea;
  border-radius: 20px;
  padding: 20px 22px 18px;
}
.quote-addons legend {
  padding: 0 8px;
  color: var(--red);
  font-size: 18px;
}
.quote-addons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}
.quote-addons label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  line-height: 1.35;
}
.quote-addons input[type="checkbox"] {
  margin-top: 2px;
  width: 22px;
  height: 22px;
  accent-color: var(--red);
}
.quote-estimate-box {
  border: 2px dashed rgba(108,201,196,.4);
  border-radius: 24px;
  background: #fbfbfd;
  padding: 28px;
  min-height: 118px;
  display: flex;
  align-items: center;
  color: #4a4d55;
  font-size: 19px;
  line-height: 1.45;
}
.quote-estimate-box strong { color: #111; }
.quote-actions { margin-top: 28px; }

@media (max-width: 900px) {
  .hero-glass-card {
    padding: 34px 22px 26px;
    border-radius: 28px;
  }
  .quote-builder-card { padding: 34px 22px; }
  .quote-addons { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .hero-home { min-height: 84vh; }
  .hero-card-layout {
    min-height: calc(84vh - 108px);
    padding: 48px 0 64px;
  }
  .hero-kicker {
    font-size: 10px;
    letter-spacing: .18em;
    margin-bottom: 10px;
  }
  .hero-main-title { font-size: clamp(36px, 11vw, 54px); }
  .hero-main-accent { font-size: clamp(24px, 7vw, 34px); }
  .hero-subtitle {
    font-size: 18px;
    margin-top: 16px;
  }
  .hero-bio.compact .hero-text {
    font-size: 15px;
    line-height: 1.5;
  }
  .hero-quote-btn,
  .quote-submit-btn {
    width: 100%;
    min-width: 0;
  }
  .quote-builder-section { padding: 64px 0; }
  .quote-builder-title {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .quote-builder-card .form-field input,
  .quote-builder-card .form-field select {
    min-height: 56px;
    font-size: 17px;
  }
  .quote-estimate-box {
    min-height: 104px;
    font-size: 17px;
    padding: 22px;
  }
}


/* Remove empty black bar under hero CTA */
.hero-secondary,
.secondary-cta,
.hero-bottom-bar,
.hero-empty-bar,
.hero-placeholder,
.quote-placeholder,
.cta-placeholder {
  display: none !important;
}


/* Hero simplified: keep rotating background and CTA only */
.hero-main-title,
.hero-main-accent,
.hero-main-subtitle,
.hero-eyebrow,
.hero-badge,
.hero-label,
.hero-kicker,
.hero-text,
.hero-copy,
.hero-copy-group,
.hero-headline-group,
.hero-text-wrap {
  display: none !important;
}

.hero-card,
.hero-overlay-card,
.hero-content-card,
.hero-glass-card {
  min-height: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.hero-actions,
.cta-group,
.hero-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 0 !important;
}

.hero-cta,
.hero-actions .btn,
.cta-group .btn {
  margin: 0 auto !important;
  display: inline-flex !important;
}

.hero-secondary,
.secondary-cta,
.hero-bottom-bar,
.hero-empty-bar,
.hero-placeholder,
.quote-placeholder,
.cta-placeholder {
  display: none !important;
}


/* Keep only rotating background images in hero */
.hero-content,
.hero-card,
.hero-overlay-card,
.hero-content-card,
.hero-glass-card,
.hero-actions,
.cta-group,
.hero-buttons,
.hero-main-title,
.hero-main-accent,
.hero-main-subtitle,
.hero-eyebrow,
.hero-badge,
.hero-label,
.hero-kicker,
.hero-text,
.hero-copy,
.hero-copy-group,
.hero-headline-group,
.hero-text-wrap,
.hero-cta,
.hero-secondary,
.secondary-cta,
.hero-bottom-bar,
.hero-empty-bar,
.hero-placeholder,
.quote-placeholder,
.cta-placeholder {
  display: none !important;
  visibility: hidden !important;
}

.hero,
.hero-section,
.hero-home,
.home-hero {
  min-height: 420px !important;
}


/* Remove black circle overlay from hero images */
.slider-dot,
.hero-dot,
.slide-dot,
.carousel-dot,
.hero-indicator,
.slider-indicator,
.play-button,
.play-icon,
.video-play,
.hero-play,
.overlay-circle,
.swiper-pagination,
.slick-dots,
.tns-nav {
  display: none !important;
  visibility: hidden !important;
}

/* Hide generic centered circular overlays inside hero/slides */
.hero [class*="dot"],
.hero [class*="play"],
.hero [class*="indicator"],
.hero [class*="circle"],
.hero-section [class*="dot"],
.hero-section [class*="play"],
.hero-section [class*="indicator"],
.hero-section [class*="circle"],
.home-hero [class*="dot"],
.home-hero [class*="play"],
.home-hero [class*="indicator"],
.home-hero [class*="circle"] {
  display: none !important;
  visibility: hidden !important;
}


/* Slider fallback: keep hero images rotating even if JS is interrupted */
.hero-home .hero-slide {
  animation: heroFadeCycle 14s infinite;
}
.hero-home .hero-slide:nth-child(1) { animation-delay: 0s; }
.hero-home .hero-slide:nth-child(2) { animation-delay: 3.5s; }
.hero-home .hero-slide:nth-child(3) { animation-delay: 7s; }
.hero-home .hero-slide:nth-child(4) { animation-delay: 10.5s; }

@keyframes heroFadeCycle {
  0% { opacity: 0; }
  5% { opacity: 1; }
  23% { opacity: 1; }
  28% { opacity: 0; }
  100% { opacity: 0; }
}


/* Restored language buttons in header */
.lang-toggle{
  display:flex !important;
  gap:12px;
  align-items:center;
  position:absolute;
  left:24px;
  bottom:18px;
  z-index:30;
}
.lang-btn{
  appearance:none;
  border:1.5px solid rgba(255,255,255,.55);
  background:#000;
  color:#fff;
  border-radius:999px;
  min-width:74px;
  height:46px;
  font-weight:800;
  letter-spacing:.02em;
}
.lang-btn.is-active{
  background:#fff;
  color:#7dd3d7;
  border-color:#fff;
}

/* Make sure header can position language buttons */
header, .site-header, .top-header, .header-inner, .navbar {
  position: relative;
}

/* Hero overlay rebuilt */
.hero-home,
.hero,
.home-hero,
.hero-section{
  position:relative !important;
}

.hero-custom-overlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(88%, 760px);
  z-index:15;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 18px;
}

.hero-custom-title{
  margin:0;
  color:#fff;
  font-weight:900;
  font-size:clamp(2.2rem, 7.2vw, 4.3rem);
  line-height:.95;
  letter-spacing:-0.03em;
  text-transform:uppercase;
}

.hero-custom-subtitle{
  margin:0;
  color:#79d4d7;
  font-weight:900;
  font-size:clamp(2rem, 6.5vw, 4rem);
  line-height:.95;
  letter-spacing:-0.03em;
  text-transform:uppercase;
}

.hero-custom-description{
  margin:8px 0 6px 0;
  color:#fff;
  font-size:clamp(1rem, 3.4vw, 1.45rem);
  line-height:1.35;
  max-width:700px;
}

.hero-custom-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#79d4d7;
  color:#fff !important;
  font-weight:900;
  border-radius:18px;
  min-width:min(82vw, 420px);
  padding:18px 28px;
  font-size:clamp(1.05rem, 4vw, 1.35rem);
  box-shadow:0 10px 25px rgba(0,0,0,.22);
}

/* Hide any old leftover hero content */
.hero-content,
.hero-card,
.hero-overlay-card,
.hero-content-card,
.hero-glass-card,
.hero-actions,
.cta-group,
.hero-buttons,
.hero-main-title,
.hero-main-accent,
.hero-main-subtitle,
.hero-eyebrow,
.hero-badge,
.hero-label,
.hero-kicker,
.hero-text,
.hero-copy,
.hero-copy-group,
.hero-headline-group,
.hero-text-wrap,
.hero-cta,
.hero-secondary,
.secondary-cta,
.hero-bottom-bar,
.hero-empty-bar,
.hero-placeholder,
.quote-placeholder,
.cta-placeholder {
  display:none !important;
}

@media (max-width: 768px){
  .hero-custom-overlay{
    width:90%;
    gap:10px;
    top:54%;
  }
  .hero-custom-title{
    font-size:2.8rem;
  }
  .hero-custom-subtitle{
    font-size:2.5rem;
  }
  .hero-custom-description{
    font-size:1.05rem;
    max-width:330px;
  }
  .hero-custom-cta{
    min-width:78vw;
    padding:16px 22px;
    border-radius:22px;
  }
  .lang-toggle{
    left:24px;
    bottom:12px;
  }
  .lang-btn{
    min-width:70px;
    height:44px;
  }
}


/* Header alignment fix */
header, .site-header, .top-header, .header-inner, .navbar, .nav-wrap {
  position: relative !important;
}

.lang-toggle{
  display:flex !important;
  gap:12px;
  align-items:center;
  position:absolute !important;
  right:24px !important;
  left:auto !important;
  bottom:18px !important;
  top:auto !important;
  z-index:40 !important;
}

.lang-btn{
  appearance:none;
  border:1.5px solid rgba(255,255,255,.55);
  background:#000;
  color:#fff;
  border-radius:999px;
  min-width:74px;
  height:46px;
  font-weight:800;
  letter-spacing:.02em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.lang-btn.is-active{
  background:#fff !important;
  color:#79d4d7 !important;
  border-color:#fff !important;
}

/* Keep menu centered and visible */
.menu-toggle, .hamburger, .nav-toggle {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 35 !important;
}

/* Hero text block spacing */
.hero-custom-overlay{
  z-index:15;
}

@media (max-width: 768px){
  .lang-toggle{
    right:18px !important;
    bottom:12px !important;
    gap:10px !important;
  }
  .lang-btn{
    min-width:68px !important;
    height:42px !important;
    font-size:1rem !important;
  }
}


/* ===== Final header rebuild ===== */
.site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: #000 !important;
}

.header-home-custom{
  min-height: 110px !important;
  padding: 12px 0 !important;
}

.header-home-layout{
  display: grid !important;
  grid-template-columns: 140px 1fr 170px !important;
  align-items: center !important;
  min-height: 110px !important;
  position: relative !important;
  column-gap: 18px !important;
}

.header-logo-center{
  grid-column: 1 !important;
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
  z-index: 5 !important;
}

.header-logo-center img{
  width: 108px !important;
  max-width: 108px !important;
  height: auto !important;
  display: block !important;
}

.header-left-block{
  grid-column: 2 !important;
  position: static !important;
  transform: none !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 100% !important;
  z-index: 6 !important;
}

.header-left-block .site-menu{
  display: none !important;
}

.menu-toggle{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  padding: 8px !important;
  z-index: 7 !important;
}

.menu-toggle span{
  width: 52px !important;
  height: 4px !important;
  margin: 6px 0 !important;
  border-radius: 999px !important;
}

.header-right-block,
.header-contact-stack{
  grid-column: 3 !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-direction: row !important;
  gap: 12px !important;
  margin: 0 !important;
  text-align: right !important;
  width: auto !important;
  max-width: none !important;
}

.lang-toggle{
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 0 !important;
  z-index: 8 !important;
}

.lang-btn{
  min-width: 88px !important;
  height: 48px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(255,255,255,.5) !important;
  background: #000 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

.lang-btn.active,
.lang-btn.is-active{
  background: #fff !important;
  color: #79d4d7 !important;
  border-color: #fff !important;
}

@media (max-width: 768px){
  .header-home-custom{
    min-height: 96px !important;
    padding: 10px 0 !important;
  }

  .header-home-layout{
    grid-template-columns: 110px 1fr 150px !important;
    min-height: 96px !important;
    column-gap: 10px !important;
  }

  .header-logo-center img{
    width: 84px !important;
    max-width: 84px !important;
  }

  .menu-toggle span{
    width: 44px !important;
    height: 4px !important;
    margin: 5px 0 !important;
  }

  .lang-toggle{
    gap: 10px !important;
  }

  .lang-btn{
    min-width: 74px !important;
    height: 44px !important;
    font-size: .98rem !important;
  }
}


/* ===== Header correction pass ===== */
.site-header,
.header-home-custom {
  background: #000 !important;
}

.header-home-custom{
  min-height: 90px !important;
  padding: 8px 0 !important;
}

.header-home-layout{
  display: grid !important;
  grid-template-columns: 120px 1fr 128px !important;
  align-items: center !important;
  min-height: 90px !important;
  column-gap: 8px !important;
}

.header-logo-center{
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  padding-left: 12px !important;
}

.header-logo-center img,
.site-logo img,
.custom-logo img{
  width: 74px !important;
  max-width: 74px !important;
  min-width: 74px !important;
  height: auto !important;
  display: block !important;
}

.header-left-block{
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.menu-toggle,
.hamburger,
.nav-toggle{
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 20 !important;
}

.menu-toggle span,
.hamburger span,
.nav-toggle span{
  display: block !important;
  width: 34px !important;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  opacity: 1 !important;
  transform: none !important;
  position: static !important;
}

.header-right-block,
.header-contact-stack{
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  padding-right: 12px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.lang-toggle{
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

.lang-btn{
  min-width: 58px !important;
  width: 58px !important;
  height: 38px !important;
  border-radius: 999px !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  padding: 0 !important;
}

@media (max-width: 768px){
  .header-home-custom{
    min-height: 84px !important;
    padding: 6px 0 !important;
  }

  .header-home-layout{
    grid-template-columns: 98px 1fr 124px !important;
    min-height: 84px !important;
  }

  .header-logo-center{
    padding-left: 10px !important;
  }

  .header-logo-center img,
  .site-logo img,
  .custom-logo img{
    width: 68px !important;
    max-width: 68px !important;
    min-width: 68px !important;
  }

  .menu-toggle,
  .hamburger,
  .nav-toggle{
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    gap: 5px !important;
  }

  .menu-toggle span,
  .hamburger span,
  .nav-toggle span{
    width: 32px !important;
    height: 4px !important;
  }

  .header-right-block,
  .header-contact-stack{
    padding-right: 10px !important;
  }

  .lang-toggle{
    gap: 8px !important;
  }

  .lang-btn{
    width: 56px !important;
    min-width: 56px !important;
    height: 36px !important;
    font-size: .9rem !important;
  }
}


/* ===== Precise mobile header fix ===== */
@media (max-width: 768px){
  .site-header,
  .header-home-custom{
    background:#000 !important;
  }

  .header-home-custom{
    min-height: 92px !important;
    padding: 0 !important;
  }

  .header-home-layout{
    display:grid !important;
    grid-template-columns: 112px 1fr 122px !important;
    align-items:center !important;
    min-height:92px !important;
    column-gap:8px !important;
    padding: 0 10px !important;
  }

  .header-logo-center{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
    padding-left:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .header-logo-center img,
  .site-logo img,
  .custom-logo img{
    width:78px !important;
    max-width:78px !important;
    min-width:78px !important;
    height:auto !important;
  }

  .header-left-block{
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    position:static !important;
  }

  .menu-toggle,
  .hamburger,
  .nav-toggle{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    margin:0 auto !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .menu-toggle span,
  .hamburger span,
  .nav-toggle span{
    width:30px !important;
    height:4px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    display:block !important;
    opacity:1 !important;
  }

  .header-right-block,
  .header-contact-stack{
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding-right:0 !important;
    width:auto !important;
  }

  .lang-toggle{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin:0 !important;
  }

  .lang-btn{
    width:52px !important;
    min-width:52px !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:999px !important;
    font-size:.84rem !important;
    font-weight:800 !important;
    padding:0 !important;
    line-height:1 !important;
  }
}


/* ===== Compact single-row mobile header ===== */
@media (max-width: 768px){
  .site-header,
  .header-home-custom{
    background:#000 !important;
  }

  .header-home-custom{
    min-height:72px !important;
    padding:0 !important;
  }

  .header-home-layout{
    display:grid !important;
    grid-template-columns: 92px 1fr 118px !important;
    align-items:center !important;
    min-height:72px !important;
    height:72px !important;
    column-gap:8px !important;
    padding:0 12px !important;
  }

  .header-logo-center{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    padding-left:0 !important;
    margin:0 !important;
  }

  .header-logo-center img,
  .site-logo img,
  .custom-logo img{
    width:56px !important;
    max-width:56px !important;
    min-width:56px !important;
    height:auto !important;
    display:block !important;
  }

  .header-left-block{
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    position:static !important;
  }

  .menu-toggle,
  .hamburger,
  .nav-toggle{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 auto !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .menu-toggle span,
  .hamburger span,
  .nav-toggle span{
    width:26px !important;
    height:3px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    display:block !important;
    opacity:1 !important;
  }

  .header-right-block,
  .header-contact-stack{
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding-right:0 !important;
    margin:0 !important;
    width:auto !important;
  }

  .lang-toggle{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    margin:0 !important;
  }

  .lang-btn{
    width:50px !important;
    min-width:50px !important;
    height:32px !important;
    min-height:32px !important;
    border-radius:999px !important;
    font-size:.82rem !important;
    font-weight:800 !important;
    padding:0 !important;
    line-height:1 !important;
  }
}


/* ===== FINAL MOBILE HEADER FIX ===== */
@media (max-width: 768px){
  .site-header{
    background:#000 !important;
    position:relative !important;
    z-index:100 !important;
  }

  .header-inner.header-home-custom.header-home-layout{
    position:relative !important;
    display:block !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 12px !important;
    background:#000 !important;
  }

  .header-left-block,
  .header-logo-center,
  .header-right-block,
  .header-contact-stack{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    max-width:none !important;
  }

  .header-logo-center{
    left:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    z-index:5 !important;
  }

  .header-logo-center img,
  .site-logo img,
  .custom-logo img{
    width:72px !important;
    max-width:72px !important;
    min-width:72px !important;
    height:auto !important;
    display:block !important;
  }

  .header-left-block{
    left:50% !important;
    transform:translate(-50%, -50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:6 !important;
  }

  .header-left-block .site-menu{
    display:none !important;
  }

  .menu-toggle,
  .hamburger,
  .nav-toggle{
    position:static !important;
    transform:none !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    gap:4px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .menu-toggle span,
  .hamburger span,
  .nav-toggle span{
    width:28px !important;
    height:4px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    display:block !important;
    opacity:1 !important;
  }

  .header-right-block,
  .header-contact-stack{
    right:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    z-index:7 !important;
  }

  .lang-toggle{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin:0 !important;
  }

  .lang-btn{
    width:50px !important;
    min-width:50px !important;
    height:32px !important;
    min-height:32px !important;
    border-radius:999px !important;
    padding:0 !important;
    font-size:.82rem !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}


/* Services page topbar cleanup + language buttons */
.topbar.red-topbar .socials {
  display: none !important;
}

.topbar.red-topbar .topbar-inner {
  justify-content: flex-end !important;
}

.topbar.red-topbar .lang-switcher {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.topbar.red-topbar .lang-btn {
  border: 1px solid rgba(0,0,0,.18) !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px !important;
  min-width: 58px !important;
  height: 34px !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
  padding: 0 14px !important;
}

.topbar.red-topbar .lang-btn.active {
  background: #6CC9C4 !important;
  color: #fff !important;
  border-color: #6CC9C4 !important;
}

.service-hero-combo img {
  content: url("services-custom-upload.jpeg");
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .topbar.red-topbar .topbar-inner {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .topbar.red-topbar .lang-btn {
    min-width: 54px !important;
    height: 32px !important;
    font-size: .84rem !important;
  }
}


/* ===== Final fix: larger logo, functional menu, working language buttons ===== */
.site-header {
  position: relative !important;
  z-index: 100 !important;
}

.logo-link img,
.header-logo-center img,
.site-logo img,
.custom-logo img {
  width: 96px !important;
  max-width: 96px !important;
  height: auto !important;
}

.lang-btn {
  cursor: pointer !important;
}

@media (max-width: 768px) {
  .site-header .header-inner,
  .site-header .header-home-layout,
  .site-header .header-home-custom {
    min-height: 86px !important;
    height: 86px !important;
    align-items: center !important;
  }

  .logo-link img,
  .header-logo-center img,
  .site-logo img,
  .custom-logo img {
    width: 82px !important;
    max-width: 82px !important;
  }

  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    padding: 8px !important;
    cursor: pointer !important;
    z-index: 120 !important;
  }

  .menu-toggle span {
    width: 30px !important;
    height: 4px !important;
    margin: 4px 0 !important;
    background: #fff !important;
    border-radius: 999px !important;
    display: block !important;
  }

  .site-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 12px !important;
    right: 12px !important;
    min-width: auto !important;
    width: auto !important;
    padding: 14px 16px !important;
    display: none !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #0d0d0d !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.28) !important;
    z-index: 130 !important;
  }

  .site-menu.open {
    display: flex !important;
  }

  .lang-toggle,
  .lang-switcher {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .lang-btn {
    min-width: 54px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
  }

  .lang-btn.active,
  .lang-btn.is-active {
    background: #79d4d7 !important;
    color: #fff !important;
    border-color: #79d4d7 !important;
  }
}


/* ===== Centered functional hamburger in top bar ===== */
.site-header,
.header-home-custom,
.header-home-layout,
.header-inner {
  position: relative !important;
}

.header-inner.header-home-custom.header-home-layout {
  min-height: 84px !important;
  height: 84px !important;
}

.header-logo-center{
  position:absolute !important;
  left:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;
}

.header-right-block,
.header-contact-stack{
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;
}

.header-left-block{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:25 !important;
  width:auto !important;
}

.header-left-block .site-menu{
  display:none !important;
}

.menu-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

.menu-toggle span{
  display:block !important;
  width:28px !important;
  height:4px !important;
  background:#fff !important;
  border-radius:999px !important;
  margin:0 !important;
}

.site-menu{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(92vw, 320px) !important;
  display:none !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:14px !important;
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  box-shadow:0 14px 30px rgba(0,0,0,.35) !important;
  z-index:120 !important;
}

.site-menu.open{
  display:flex !important;
}

.site-menu a{
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  padding:8px 4px !important;
}

@media (max-width: 768px){
  .header-inner.header-home-custom.header-home-layout {
    min-height: 78px !important;
    height: 78px !important;
  }

  .header-logo-center img,
  .logo-link img,
  .site-logo img,
  .custom-logo img{
    width:78px !important;
    max-width:78px !important;
  }

  .lang-btn{
    min-width:50px !important;
    height:32px !important;
    font-size:.82rem !important;
  }
}


/* Remove main services intro block spacing if present */
.main-services-heading,
.services-heading,
.section-heading.main-services,
.main-services-copy,
.services-copy-intro {
  display: none !important;
}


/* ===== REAL service card title override ===== */
.service-card-title,
.service-title-bar,
.service-header,
.package-header,
.card-header,
.card-title,
.price-card-title,
.offer-title,
.service-box-title,
[class*="service"] [class*="title"],
[class*="service"] [class*="header"],
[class*="package"] [class*="title"],
[class*="package"] [class*="header"] {
  background: #79d4d7 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #79d4d7 !important;
  box-shadow: none !important;
}

/* Fallback for the actual first title block inside each service card */
.service-card > div:first-child,
.package-card > div:first-child,
.services-card > div:first-child,
.detail-card > div:first-child,
.pricing-card > div:first-child,
.offer-card > div:first-child,
.card-service > div:first-child,
[class*="service-card"] > div:first-child,
[class*="package-card"] > div:first-child {
  background: #79d4d7 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #79d4d7 !important;
}

/* Make text inside those title bars white */
.service-card > div:first-child *,
.package-card > div:first-child *,
.services-card > div:first-child *,
.detail-card > div:first-child *,
.pricing-card > div:first-child *,
.offer-card > div:first-child *,
.card-service > div:first-child *,
[class*="service-card"] > div:first-child *,
[class*="package-card"] > div:first-child *,
.service-card-title *,
.service-title-bar *,
.service-header *,
.package-header *,
.card-header *,
.card-title *,
.price-card-title *,
.offer-title *,
.service-box-title * {
  color: #ffffff !important;
}


/* Hide More Services card */
.extras-card,
.more-services,
.additional-services,
.additional-services-card,
.more-services-card {
  display: none !important;
}


/* Sticky top header on scroll */
.site-header,
header.site-header,
.header-home-custom,
.header-inner.header-home-custom.header-home-layout {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

.site-header {
  background: #000 !important;
}

/* Prevent content from sliding under header on small screens */
@media (max-width: 768px) {
  body {
    padding-top: 0 !important;
  }

  .site-header,
  header.site-header {
    box-shadow: 0 6px 18px rgba(0,0,0,.16) !important;
  }
}


/* Anchor for visible custom quote form */
#custom-quote-form {
  display: block;
  position: relative;
  top: -92px;
  visibility: hidden;
  pointer-events: none;
}