/* === STARLINK STORE - CUSTOM UI IMPROVEMENTS === */

/* FIX: Scroll padding for sticky header */
html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

/* FIX: Remove scroll-smooth from wrapper - move to html */
.scroll-smooth {
  scroll-behavior: auto !important;
}

/* HERO SECTION - Taller, more impactful */
#top {
  min-height: 90vh;
  min-height: 90svh;
}
#top > .absolute.inset-0.bg-cover {
  filter: brightness(0.9);
}
#top .relative.mx-auto.w-full.max-w-7xl {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

/* HERO TYPOGRAPHY */
#top h1 {
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}
#top p.inline-block {
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
  color: #bae6fd !important;
  letter-spacing: 0.12em !important;
}

/* STATS SECTION - More prominent */
section.relative.z-10 .rounded-2xl {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.relative.z-10 .rounded-2xl:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -4px rgba(0,0,0,0.12) !important;
}

/* SECTION LABELS - Consistent blue accent */
.text-sky-600 {
  color: #0284c7 !important;
}

/* PROCESS STEPS - Nicer step numbers */
.mx-auto.flex.h-16.w-16.items-center.justify-center.rounded-2xl.bg-black {
  background: linear-gradient(135deg, #0f172a, #1e40af) !important;
  box-shadow: 0 8px 24px rgba(30, 64, 175, 0.3) !important;
}

/* PRODUCT CARDS - Elevation on hover */
#san-pham article {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#san-pham article:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;
}

/* VIDEO SECTION - Better dark background */
section.border-y.border-slate-200.bg-slate-950 {
  background: linear-gradient(160deg, #0c1a3a 0%, #020617 60%) !important;
}

/* TESTIMONIAL CARDS - Clean elevation */
.relative.flex.flex-col.justify-between.rounded-3xl.border.border-slate-200 {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
.relative.flex.flex-col.justify-between.rounded-3xl.border.border-slate-200:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.1) !important;
}

/* CTA SECTION - Gradient dark */
.relative.overflow-hidden.rounded-3xl.bg-black.px-8 {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
}

/* HEADER - Slightly better shadow */
header.sticky {
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* BODY BACKGROUND - Slightly cooler white */
.min-h-screen.scroll-smooth {
  background-color: #f8fafc !important;
}

/* GENERAL - Better font rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* FOOTER - Darker, more elegant */
footer {
  background: #0f172a !important;
}
footer .text-slate-900,
footer .font-black,
footer h3 {
  color: #f1f5f9 !important;
}

/* Fix: Product card image container height */
.h-72 {
  height: 18rem; /* 288px */
}


/* Hero banner Ken Burns animation */
@keyframes kenburns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.15) translate(-2%, -1%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}

.hero-animate {
  animation: kenburns 25s ease-in-out infinite;
  will-change: transform;
}