/* Hide duplicate stats strip (13+ / 24/7 / UAE / 100% — already on home) */
.min-h-screen section.border-y.bg-card\/30 {
  display: none !important;
}

/* Extra marketing copy injected per service */
.wexon-service-extra {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(0, 212, 255, 0.22);
  background: rgba(0, 212, 255, 0.06);
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(248, 250, 252, 0.88);
}

.wexon-service-extra strong {
  color: #00d4ff;
  font-weight: 600;
}

.wexon-service-extra p {
  margin: 0;
}

/* Bigger "Our services" intro on /services */
.min-h-screen section#services {
  padding-top: 2.5rem !important;
  padding-bottom: 2rem !important;
}

.min-h-screen section#services > div > span {
  font-size: 1rem !important;
  letter-spacing: 0.22em !important;
}

.min-h-screen section#services > div > h2 {
  font-size: clamp(2.75rem, 7vw, 4.5rem) !important;
  line-height: 1.08 !important;
}

.min-h-screen section#services > div > p {
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .min-h-screen section#services > div > span {
    font-size: 1.125rem !important;
  }

  .min-h-screen section#services > div > h2 {
    font-size: clamp(3.25rem, 6vw, 5rem) !important;
  }
}

/* Hide in-page About / Contact — use Next.js /about and /contact instead */
.min-h-screen section#about,
.min-h-screen section#contact {
  display: none !important;
}

/* Hero: show images immediately (no long loading spinner) */
.min-h-screen section#top img {
  opacity: 1 !important;
  transition: opacity 0.3s ease !important;
}

.min-h-screen section#top [aria-live="polite"] {
  display: none !important;
}

.min-h-screen section#top article.opacity-0 img {
  opacity: 1 !important;
}

/* Full-width layout for live TanStack /services page (no side margins) — exclude header */

.min-h-screen section [class*="max-w-7xl"],
.min-h-screen section [class*="max-w-6xl"],
.min-h-screen section [class*="max-w-4xl"],
.min-h-screen section [class*="max-w-3xl"],
.min-h-screen footer [class*="max-w-7xl"],
.min-h-screen footer [class*="max-w-6xl"] {
  max-width: none !important;
  width: 100% !important;
}

.min-h-screen section#top,
.min-h-screen section.border-y > div,
.min-h-screen section.py-16 > div,
.min-h-screen section.py-24 > div,
.min-h-screen footer > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Service blocks: edge-to-edge two-column layout */
.min-h-screen section.py-16.lg\:py-20 > .grid,
.min-h-screen section.py-16.lg\:py-20 > div.grid {
  gap: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.min-h-screen section.py-16.lg\:py-20 .grid.lg\:grid-cols-2 {
  gap: 0 !important;
}

.min-h-screen section.py-16.lg\:py-20 .grid.lg\:grid-cols-2 > div {
  padding: 2rem 1.5rem;
}

@media (min-width: 1024px) {
  .min-h-screen section.py-16.lg\:py-20 .grid.lg\:grid-cols-2 > div {
    padding: 3rem 3.5rem;
  }
}

/* Visual column: flush to screen edge, no rounded card inset */
.min-h-screen section.py-16.lg\:py-20 .relative.group {
  margin: 0 !important;
}

.min-h-screen section.py-16.lg\:py-20 .relative.group > .absolute.-inset-4 {
  display: none !important;
}

.min-h-screen section.py-16.lg\:py-20 [role="img"].group {
  border-radius: 0 !important;
  min-height: min(50vw, 520px);
}

@media (min-width: 1024px) {
  .min-h-screen section.py-16.lg\:py-20 [role="img"].group {
    min-height: min(42vw, 640px);
  }
}

/* Hero carousel: full bleed */
.min-h-screen section#top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.min-h-screen section#top .rounded-none,
.min-h-screen section#top [class*="rounded-2xl"] {
  border-radius: 0 !important;
}

/* Header keeps minimal edge padding so nav isn't glued to the bezel */
.min-h-screen header > div {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.min-h-screen footer > div {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

/* Intro / about / contact headings: slight inner padding only */
.min-h-screen section#services > div,
.min-h-screen section#about > div,
.min-h-screen section#contact > div {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.min-h-screen section.border-y > div {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}