/* ═══════════════════════════════════════════
   Service Pages — Shared Stylesheet
   ═══════════════════════════════════════════ */

/* ══════════════════════════════════════════
   FULL HOME INTERIORS — HERO
══════════════════════════════════════════ */
.fhi-hero {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 88vh;
  min-height: 540px;
  overflow: hidden;
}

/* Background image */
.fhi-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('../Images/full_home_interior_page_banner.png');
  background-size: cover;
  background-position: center;
}
.fhi-hero-tint {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.12);
}

/* ── Left: navy card (flush with left edge, rounded right corner) ── */
.fhi-hero-card {
  position: absolute;
  top: 14%;
  left: 0;
  background: rgba(30, 50, 95, 0.82);
  padding: 40px 70px 40px 70px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 560px;
  backdrop-filter: blur(3px);
  z-index: 3;
}

/* Thin gold accent strip on far left */
.fhi-card-accent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  background: var(--color-gold);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fhi-card-text { display: flex; flex-direction: column; }

.fhi-top {
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.25;
  white-space: nowrap;
}

.fhi-title {
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 800;
  color: var(--color-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.05;
  margin: 0;
  white-space: nowrap;
}

/* Big decorative ? (outlined) */
.fhi-big-q {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(100px, 12vw, 160px);
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 3px #fff;
  line-height: 1;
  flex-shrink: 0;
  user-select: none;
  margin-left: 18px;
}

/* ── Breadcrumb ── */
.fhi-breadcrumb {
  position: absolute;
  bottom: 40%;
  left: 70px;
  font-size: 14px;
  color: rgba(255,255,255,.85);
  z-index: 3;
}
.fhi-breadcrumb a {
  color: #c8b6ff;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s;
}
.fhi-breadcrumb a:hover { color: var(--color-gold); }

/* ── Right-bottom HOME MAKEOVER block ── */
.fhi-makeover {
  position: absolute;
  bottom: 12%;
  right: 5%;
  display: flex;
  align-items: center;
  gap: 22px;
  z-index: 3;
}

.fhi-makeover-text {
  text-align: right;
  max-width: 580px;
}

.fhi-mk-top {
  font-size: clamp(16px, 2vw, 26px);
  font-weight: 500;
  color: #fff;
  margin: 0 0 4px;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.fhi-mk-title {
  font-size: clamp(36px, 5.5vw, 72px);
  font-weight: 900;
  color: var(--color-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0;
  text-shadow: 0 2px 14px rgba(0,0,0,.4);
}

/* ── Arrow » ── */
.fhi-arrow {
  width: 58px;
  height: 58px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 32px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fhiArrowBounce 1.6s ease-in-out infinite;
  flex-shrink: 0;
  text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.fhi-arrow:hover { color: var(--color-gold); }

@keyframes fhiArrowBounce {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(8px); }
}

/* ── Responsive ── */
@media (max-width: 991px) {
  .fhi-hero-card  { top: 10%; padding: 28px 40px; max-width: 90%; }
  .fhi-big-q      { font-size: 90px; }
  .fhi-breadcrumb { bottom: 52%; left: 40px; }
  .fhi-makeover   { flex-direction: column; align-items: flex-end; gap: 8px; bottom: 6%; right: 5%; }
}
@media (max-width: 575px) {
  .fhi-hero-card  { padding: 22px 26px; }
  .fhi-top        { font-size: 14px; white-space: normal; }
  .fhi-title      { font-size: 22px; white-space: normal; }
  .fhi-big-q      { display: none; }
  .fhi-breadcrumb { left: 20px; font-size: 12px; bottom: 58%; }
}

/* ══════════════════════════════════════════
   FHI — INTRO SECTION
══════════════════════════════════════════ */
.fhi-intro {
  padding: 90px 0 100px;
  background: #fff;
}

/* Left image wrap */
.fhi-intro-img-wrap {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
}

.fhi-intro-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Big "INT" watermark overlay */
.fhi-watermark {
  position: absolute;
  left: -6px;
  top: 40%;
  transform: translateY(-50%);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(140px, 18vw, 260px);
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255,255,255,.8);
  line-height: 1;
  letter-spacing: -4px;
  z-index: 2;
  user-select: none;
  pointer-events: none;
}

/* Right text */
.fhi-intro-heading {
  font-size: clamp(26px, 3.4vw, 42px);
  font-weight: 800;
  color: #111;
  line-height: 1.2;
  margin: 10px 0 22px;
}

.fhi-intro-text {
  font-size: 15px;
  color: #444;
  line-height: 1.85;
  margin-bottom: 32px;
}

.fhi-intro-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.fhi-btn-dark {
  background: #111;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 14px 40px;
  border-radius: 0;
  border: 2px solid #111;
  text-transform: uppercase;
  transition: background .2s, color .2s;
}
.fhi-btn-dark:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  color: #fff;
}

.fhi-btn-outline {
  background: transparent;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 14px 40px;
  border-radius: 0;
  border: 2px solid #111;
  text-transform: uppercase;
  transition: background .2s, color .2s;
}
.fhi-btn-outline:hover {
  background: #111;
  color: #fff;
}

@media (max-width: 991px) {
  .fhi-intro-img-wrap { height: 440px; }
}

/* ══════════════════════════════════════════
   FHI — CUSTOMIZED DESIGNS (text)
══════════════════════════════════════════ */
.fhi-custom-section {
  padding: 70px 0 60px;
  background: #fff;
}

.fhi-custom-heading {
  font-size: clamp(24px, 3.4vw, 40px);
  font-weight: 800;
  color: #111;
  line-height: 1.25;
  margin: 6px 0 28px;
}

.fhi-custom-text {
  font-size: 14px;
  color: #333;
  line-height: 1.9;
  margin-bottom: 14px;
}
.fhi-custom-text strong { font-weight: 700; }

/* ══════════════════════════════════════════
   FHI — WHAT WE COVER
══════════════════════════════════════════ */
.fhi-cover-section {
  padding: 70px 0 80px;
  background: #ebebeb;
}

.fhi-cover-heading {
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 800;
  color: #111;
  line-height: 1.2;
  margin-top: 6px;
}

.fhi-cover-sub {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin: 0;
}

/* Slider wrapper */
.fhi-cover-slider {
  margin-top: 30px;
  position: relative;
}

.fhi-cover-viewport {
  overflow: hidden;
  width: 100%;
}

.fhi-cover-track {
  display: flex;
  gap: 24px;
  transition: transform .55s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

/* Card */
.fhi-cover-card {
  flex: 0 0 calc(33.333% - 16px);
  min-width: 0;
  text-decoration: none;
  color: inherit;
  transition: transform .3s;
}
.fhi-cover-card:hover { transform: translateY(-5px); }

.fhi-cover-card-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #ddd;
  margin-bottom: 16px;
}
.fhi-cover-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.fhi-cover-card:hover .fhi-cover-card-img img { transform: scale(1.06); }

.fhi-cover-card-body {
  padding: 0 4px;
}

.fhi-cover-title {
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 800;
  color: #111;
  margin-bottom: 8px;
}

.fhi-cover-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #111;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s, gap .2s;
}
.fhi-cover-link i {
  font-size: 14px;
  transition: transform .3s;
}
.fhi-cover-link i + i { margin-left: -12px; opacity: .5; }
.fhi-cover-card:hover .fhi-cover-link {
  color: var(--color-gold);
  gap: 12px;
}
.fhi-cover-card:hover .fhi-cover-link i { color: var(--color-gold); }
.fhi-cover-card:hover .fhi-cover-link i + i { opacity: 1; transform: translateX(2px); }

/* Nav arrows */
.fhi-cover-nav {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 36px;
}
.fhi-cover-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #ccc;
  color: #333;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.fhi-cover-btn:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  color: #fff;
}

@media (max-width: 991px) {
  .fhi-cover-card { flex: 0 0 calc(50% - 12px); }
}
@media (max-width: 575px) {
  .fhi-cover-card { flex: 0 0 100%; }
}

/* ══════════════════════════════════════════
   FHI — OUR DESIGNS GALLERY
══════════════════════════════════════════ */
.fhi-gallery-section {
  padding: 70px 0 80px;
  background: #fff;
}

.fhi-gallery-heading {
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 800;
  color: #111;
  margin-top: 6px;
}

/* Text block */
.fhi-gallery-text { padding: 0 10px; }

.fhi-gallery-title {
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  color: #111;
  line-height: 1.15;
  margin-bottom: 16px;
}

.fhi-gallery-sub {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 24px;
}

.fhi-gallery-btns {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
}

.fhi-btn-read {
  background: #7a7a7a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 14px 26px;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  transition: background .2s;
  display: inline-flex;
  align-items: center;
  min-height: 58px;
}
.fhi-btn-read:hover {
  background: #111;
  color: #fff;
}

.fhi-btn-book {
  background: var(--color-gold);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  transition: background .2s;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  text-align: center;
  min-height: 58px;
}
.fhi-btn-book:hover {
  background: #111;
  color: #fff;
}

/* Images side by side */
.fhi-gallery-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.fhi-gallery-img {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #eee;
}
.fhi-gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.fhi-gallery-img:hover img { transform: scale(1.05); }

@media (max-width: 767px) {
  .fhi-gallery-img { aspect-ratio: 3 / 4; }
}

/* ══════════════════════════════════════════
   FHI — BRAND PARTNERS
══════════════════════════════════════════ */
.fhi-partners-section {
  padding: 70px 0 80px;
  background: #ebebeb;
}

.fhi-partners-heading {
  font-size: clamp(26px, 3.3vw, 38px);
  font-weight: 800;
  color: #111;
  margin-top: 6px;
}

.fhi-partners-sub {
  font-size: 14px;
  color: #555;
  margin: 10px auto 0;
  max-width: 640px;
  line-height: 1.7;
}

/* Marquee */
.fhi-partners-marquee {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}
.fhi-partners-track {
  display: flex;
  align-items: center;
  gap: 40px;
  width: max-content;
  animation: fhiPartnersScroll 28s linear infinite;
}
.fhi-partners-marquee:hover .fhi-partners-track { animation-play-state: paused; }

@keyframes fhiPartnersScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.fhi-partner-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #2e7d4f;
  white-space: nowrap;
  flex-shrink: 0;
}
.fhi-partner-logo i { font-size: 22px; }

.fhi-partner-logo .logo-k {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #2e7d4f;
  color: #fff;
  border-radius: 4px;
  font-weight: 900;
  font-size: 16px;
}

.fhi-partners-sep {
  width: 1px;
  height: 40px;
  background: rgba(0,0,0,.15);
  flex-shrink: 0;
}

/* ══════════════════════════════════════════
   FHI — WHY CHOOSE INTERLAY
══════════════════════════════════════════ */
.fhi-why-section {
  padding: 70px 0 80px;
  background: #fff;
}

.fhi-why-heading {
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight: 800;
  color: #111;
  line-height: 1.3;
  margin-top: 6px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Feature item */
.fhi-why-item {
  padding: 0 10px;
}

.fhi-why-num {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: #d64638;
  margin-bottom: 8px;
}

.fhi-why-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  color: #222;
  margin-bottom: 22px;
}

.fhi-why-title {
  font-size: 16px;
  font-weight: 800;
  color: #111;
  margin-bottom: 12px;
  line-height: 1.3;
}

.fhi-why-desc {
  font-size: 13px;
  color: #555;
  line-height: 1.7;
  margin: 0;
}

/* ══════════════════════════════════════════
   FHI — CTA BANNER
══════════════════════════════════════════ */
.fhi-cta-section {
  padding: 60px 0 40px;
  background: #fff;
}

.fhi-cta-wrap {
  position: relative;
  width: 100%;
  background-image: url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1600&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border-radius: 4px;
}

.fhi-cta-overlay {
  background: rgba(10, 18, 35, 0.62);
  padding: 70px 30px;
  text-align: center;
}

.fhi-cta-heading {
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
  margin: 10px 0 26px;
}

.fhi-cta-btn {
  background: var(--color-gold);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
  padding: 13px 30px;
  border-radius: 4px;
  border: 2px solid var(--color-gold);
  transition: background .2s, color .2s, border-color .2s;
  text-decoration: none;
}
.fhi-cta-btn:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

/* ══════════════════════════════════════════
   FHI — FAQ SECTION
══════════════════════════════════════════ */
.fhi-faq-section {
  padding: 40px 0 80px;
  background: #fff;
}

.fhi-faq-heading {
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 800;
  color: #111;
  margin-top: 6px;
}

/* Navy experience badge */
.fhi-exp-card {
  background: #0f1e41;
  color: #fff;
  padding: 26px 28px;
  border-radius: 4px;
  max-width: 340px;
}
.fhi-exp-card h4 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #fff;
}
.fhi-exp-card p {
  font-size: 12px;
  color: #c8cfdd;
  line-height: 1.55;
  margin: 0;
}

/* ══════════════════════════════════════════
   MODULAR WARDROBE HERO
══════════════════════════════════════════ */
.mw-hero {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 88vh;
  min-height: 500px;
  overflow: hidden;
}

.mw-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('../Images/modular_wordrobe.png');
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  transition: transform 8s ease;
}
.mw-hero:hover .mw-hero-bg { transform: scale(1); }

.mw-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(5, 12, 30, 0.55);
  display: flex;
  align-items: center;
  padding: 0 6%;
}

.mw-hero-content {
  max-width: 680px;
}

.mw-hero-title {
  font-size: clamp(26px, 3.8vw, 52px);
  font-weight: 800;
  color: var(--color-gold);
  line-height: 1.2;
  margin-bottom: 18px;
  text-transform: none;
}

.mw-hero-sub {
  font-size: clamp(14px, 1.5vw, 17px);
  font-weight: 400;
  color: rgba(255,255,255,.9);
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 620px;
}

.mw-hero-btn {
  background: var(--color-gold);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 13px 36px;
  border-radius: 6px;
  border: 2px solid var(--color-gold);
  transition: background .2s, color .2s;
  text-decoration: none;
}
.mw-hero-btn:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

/* Breadcrumb */
.mw-breadcrumb {
  position: absolute;
  bottom: 26px;
  left: 6%;
  font-size: 13px;
  color: rgba(255,255,255,.7);
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.mw-breadcrumb a {
  color: #6a9fd8;
  text-decoration: none;
  font-weight: 500;
  transition: color .2s;
}
.mw-breadcrumb a:hover { color: var(--color-gold); }
.mw-breadcrumb span { color: rgba(255,255,255,.55); }

@media (max-width: 767px) {
  .mw-hero-title { font-size: clamp(22px, 6vw, 32px); }
  .mw-hero-content { max-width: 100%; }
}

/* ══════════════════════════════════════════
   MODULAR WARDROBE — INTRO SECTION
══════════════════════════════════════════ */
.mw-intro-section {
  padding: 0 0 80px;
  background: #fff;
  overflow: visible;
}

/* Collage wrapper */
.mw-img-collage {
  position: relative;
  height: 580px;
}

.mw-img {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.13);
}
.mw-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.mw-img:hover img { transform: scale(1.04); }

/* Small image — bottom left */
.mw-img--small {
  width: 44%;
  height: 390px;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* Tall image — center, bleeds upward into hero */
.mw-img--tall {
  width: 46%;
  height: 560px;
  top: -80px;          /* bleed up into hero */
  left: 42%;
  z-index: 2;
}

/* Text */
.mw-intro-heading {
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 800;
  color: #111;
  line-height: 1.25;
  margin: 10px 0 20px;
}

.mw-intro-text {
  font-size: 15px;
  color: #444;
  line-height: 1.85;
  margin-bottom: 30px;
}

.mw-text-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}
.mw-text-link:hover { color: var(--color-gold); text-decoration: underline; }

/* Reach Us button */
.mw-reach-btn {
  background: var(--color-gold);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  padding: 14px 36px;
  border-radius: 6px;
  border: 2px solid var(--color-gold);
  transition: background .2s, color .2s;
  text-decoration: none;
  display: inline-block;
}
.mw-reach-btn:hover {
  background: transparent;
  color: var(--color-gold);
}

@media (max-width: 991px) {
  .mw-img-collage { height: 420px; }
  .mw-img--small  { width: 46%; height: 300px; }
  .mw-img--tall   { width: 48%; height: 400px; top: -50px; left: 44%; }
}
@media (max-width: 575px) {
  .mw-img-collage { height: 300px; }
  .mw-img--small  { width: 46%; height: 220px; }
  .mw-img--tall   { width: 48%; height: 290px; top: -30px; left: 44%; }
  .mw-intro-section { padding-top: 20px; }
}

/* ══════════════════════════════════════════
   MODULAR WARDROBE — CTA BANNER
══════════════════════════════════════════ */
.mw-cta-banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-image: url('../Images/modular_wordrobe.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  margin-top: 20px;
}

.mw-cta-overlay {
  background: rgba(10, 18, 35, 0.72);
  padding: 70px 20px;
}

.mw-cta-heading {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
  margin: 12px 0 28px;
}

.mw-cta-btn {
  background: var(--color-navy);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
  padding: 12px 30px;
  border-radius: 6px;
  border: 2px solid var(--color-navy);
  transition: background .2s, border-color .2s;
  text-decoration: none;
  display: inline-block;
}
.mw-cta-btn:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  color: #fff;
}

/* ══════════════════════════════════════════
   TYPES OF WARDROBES
══════════════════════════════════════════ */
.mw-types-section {
  padding: 70px 0 80px;
  background: #fff;
}

.mw-types-heading {
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 800;
  color: #111;
  margin: 6px 0 14px;
}

.mw-types-sub {
  font-size: 14px;
  color: #666;
  margin: 0 auto;
  max-width: 620px;
  line-height: 1.7;
}

/* Cards */
.mw-type-card {
  text-align: center;
  transition: transform .3s;
}
.mw-type-card:hover { transform: translateY(-6px); }

.mw-type-img {
  width: 100%;
  height: 340px;
  overflow: hidden;
  background: #eee;
  margin-bottom: 22px;
}
.mw-type-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.mw-type-card:hover .mw-type-img img { transform: scale(1.06); }

.mw-type-title {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin: 0;
}

/* ══════════════════════════════════════════
   WHY CHOOSE US — DARK SECTION
══════════════════════════════════════════ */
.mw-why-dark {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-image: url('../Images/modular_wordrobe.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.mw-why-dark-overlay {
  background: rgba(10, 15, 25, 0.88);
  padding: 70px 20px;
}

.mw-why-heading {
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
  margin: 8px 0 14px;
}

.mw-why-sub {
  font-size: 14px;
  color: var(--color-gold);
  margin: 0;
  font-weight: 500;
}

/* Dotted list item */
.mw-why-item {
  margin-bottom: 26px;
  padding-right: 20px;
}

.mw-why-item-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mw-why-item-title::after {
  content: '';
  flex: 1;
  border-bottom: 1.5px dotted rgba(255,255,255,.35);
}

.mw-why-item-desc {
  font-size: 13px;
  color: #b8b8b8;
  line-height: 1.75;
  margin: 0;
}

.mw-why-closing {
  text-align: center;
  font-size: 14px;
  color: var(--color-gold);
  margin-top: 20px;
  font-weight: 500;
}

/* ══════════════════════════════════════════
   WHY CHOOSE INTERLAY — WHITE SECTION
══════════════════════════════════════════ */
.mw-why-white {
  padding: 70px 0 80px;
  background: #fff;
}

.mw-why-white-heading {
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  margin: 6px 0 8px;
}

.mw-why-white-sub {
  font-size: 14px;
  color: #666;
  margin: 0;
}

.mw-why-white-text {
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 24px;
}

/* Checklist */
.mw-why-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.mw-why-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.mw-why-list li:last-child { border-bottom: none; }
.mw-why-list i {
  color: var(--color-gold);
  font-size: 18px;
  width: 22px;
  text-align: center;
  flex-shrink: 0;
}

/* Thumb row */
.mw-thumb-row {
  display: flex;
  gap: 12px;
}
.mw-thumb {
  flex: 1;
  height: 220px;
  overflow: hidden;
  border-radius: 4px;
}
.mw-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.mw-thumb:hover img { transform: scale(1.06); }

@media (max-width: 767px) {
  .mw-thumb { height: 160px; }
}

/* ══════════════════════════════════════════
   VISION / VALUES / MISSION
══════════════════════════════════════════ */
.mw-vvm {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-image: url('../Images/modular_wordrobe.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.mw-vvm-overlay {
  background: rgba(245, 245, 245, 0.82);
  padding: 60px 20px;
}

.mw-vvm-col {
  padding: 20px 30px;
  border-right: 1px solid rgba(0,0,0,.15);
}
.mw-vvm-col:last-child { border-right: none; }

.mw-vvm-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-gold);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 18px;
}

.mw-vvm-title {
  font-size: 22px;
  font-weight: 800;
  color: #111;
  margin-bottom: 12px;
}

.mw-vvm-desc {
  font-size: 13.5px;
  color: #222;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 767px) {
  .mw-vvm-col { border-right: none; border-bottom: 1px solid rgba(0,0,0,.15); }
  .mw-vvm-col:last-child { border-bottom: none; }
}

/* ══════════════════════════════════════════
   FAQ SECTION (WARDROBE)
══════════════════════════════════════════ */
.mw-faq-section {
  padding: 70px 0 80px;
  background: #fff;
}

.mw-faq-heading {
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 800;
  color: #111;
  margin-top: 8px;
}

/* Left image */
.mw-faq-img-wrap {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.mw-faq-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Navy badge on image */
.mw-faq-badge {
  position: absolute;
  bottom: 30px;
  left: 0;
  background: rgba(15, 30, 65, 0.96);
  color: #fff;
  padding: 20px 28px;
  max-width: 280px;
  text-align: center;
}
.mw-faq-badge h4 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 6px;
}
.mw-faq-badge p {
  font-size: 12px;
  color: #d8d8d8;
  line-height: 1.5;
  margin: 0;
}

/* Accordion */
.mw-faq-item {
  border-bottom: 1px solid #e5e5e5;
}
.mw-faq-item:last-child { border-bottom: none; }

.mw-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  border: none;
  padding: 18px 0;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
  gap: 14px;
  transition: color .2s;
}
.mw-faq-q:hover { color: var(--color-gold); }
.mw-faq-q:not(.collapsed) {
  color: var(--color-gold);
  font-weight: 700;
}
.mw-faq-q i {
  font-size: 14px;
  color: #666;
  flex-shrink: 0;
  transition: color .2s;
}
.mw-faq-q:not(.collapsed) i { color: var(--color-gold); }

.mw-faq-a {
  padding: 0 0 22px;
  font-size: 13.5px;
  color: #666;
  line-height: 1.8;
}

@media (max-width: 991px) {
  .mw-faq-img-wrap { height: 380px; }
}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 991px) {
  .service-hero-overlay {
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    align-items: flex-start;
    padding: 0 6%;
  }
  .service-hero-right { text-align: left; max-width: 100%; }
  .shc-big-q { font-size: 80px; }
}

@media (max-width: 575px) {
  .service-hero-card { flex-direction: column; align-items: flex-start; gap: 0; }
  .shc-big-q { display: none; }
}