:root{--bg:#eaf7ff;--bg2:#d5efff;--surface:#fff;--surface2:#f7fcff;--navy:#06345a;--text:#0a3152;--muted:#52708c;--accent:#1d91e8;--accent2:#77d4ff;--line:#cfe6f5;--shadow:0 14px 38px rgba(12,73,115,.12);--radius:20px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),#fff 70%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--max));margin:auto}
.topbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;white-space:nowrap;flex:0 0 auto}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#032744;font-weight:900;box-shadow:0 8px 22px rgba(29,145,232,.22)}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:1;min-width:0;white-space:nowrap}.nav-links a{font-size:.88rem;padding:9px 10px;border-radius:10px;color:var(--muted);transition:.2s}.nav-links a:hover,.nav-links a.active{background:#e8f6ff;color:var(--navy)}.nav-cta{background:var(--navy)!important;color:#fff!important;font-weight:750!important}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;font-size:18px;color:var(--navy)}
.hero{padding:72px 0 50px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.kicker,.badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#e2f5ff;color:#147bbd;font-weight:750;font-size:.88rem}.hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.04;margin:16px 0}.hero p{font-size:1.08rem}.hero-visual{min-height:430px;border-radius:28px;background:linear-gradient(180deg,rgba(4,49,82,.05),rgba(4,49,82,.65)),url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=1400&q=80') center/cover;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-overlay{position:absolute;left:22px;right:22px;bottom:22px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:32px 0 72px}.section-head{margin-bottom:24px}.section-head h2{margin:8px 0 0;font-size:clamp(1.9rem,3.5vw,2.8rem)}h2,h3{line-height:1.18}p{color:var(--muted)}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:750;transition:.2s;border:1px solid var(--line)}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;color:#032744}.btn.secondary{background:#fff}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--muted);font-size:.9rem}.small{font-size:.9rem}.form{display:grid;gap:14px}.input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:inherit;outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,145,232,.1)}textarea{min-height:130px;resize:vertical}label{display:block;margin-bottom:6px;color:var(--navy);font-weight:650}.notice{padding:14px 16px;background:#e9f7ff;border-left:4px solid var(--accent);border-radius:10px;color:var(--muted)}.list{color:var(--muted)}
.footer{margin-top:30px;padding:42px 0;background:var(--navy);color:#dcefff}.footer p,.footer a{color:#b8d4e8}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.sep{border:0;border-top:1px solid rgba(255,255,255,.16);margin:24px 0}.floating{position:fixed;right:18px;bottom:18px;z-index:1100;display:flex;gap:8px}.floating a{padding:11px 14px;border-radius:999px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.15)}.wa{background:#25d366;color:#062b18}.call{background:var(--accent);color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--navy)}
@media(max-width:1080px){.nav{gap:12px}.brand span:last-child{max-width:210px;white-space:normal;line-height:1.15}.nav-links a{font-size:.78rem;padding:8px 7px}}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;white-space:normal}.nav-links.open{display:flex}.nav-links a{text-align:left}.hero,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.hero{padding-top:48px}.hero-visual{min-height:340px}}
@media(max-width:560px){.container{width:min(calc(100% - 22px),var(--max))}.brand{font-size:.9rem}.logo{width:38px;height:38px}.floating{left:11px;right:11px;justify-content:center}.floating a{flex:1;text-align:center}.section{padding-bottom:48px}}

/* Courier partner brand tiles */
.partner-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.partner-logo {
  min-height: 78px;
  display: grid;
  place-items: center;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  color: #12345b;
  font-size: 1.25rem;
  font-weight: 850;
  letter-spacing: .2px;
  box-shadow: 0 10px 30px rgba(22, 84, 135, .08);
}
@media (max-width: 900px) {
  .partner-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .partner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Homepage V2 visual improvements */
.premium-hero {
  min-height: 620px;
  padding-top: 76px;
  padding-bottom: 54px;
}
.hero-copy { position: relative; z-index: 2; }
.hero-copy h1 span { color: #248fdf; }
.hero-nap {
  margin: 22px 0;
  padding: 18px 20px;
  border-left: 4px solid #4fb3ff;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(36,143,223,.10);
  color: #183a5d;
}
.hero-business {
  font-size: 1.08rem;
  font-weight: 800;
  color: #0b5d98;
  margin-bottom: 7px;
}
.hero-nap div { margin: 5px 0; }
.hero-nap strong { color: #0875bc; }
.hero-service-card {
  background: rgba(255,255,255,.92);
  color: #12345b;
  backdrop-filter: blur(12px);
}
.hero-service-card h3 { color: #0b5d98; }
.hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 9px;
  margin-top: 15px;
}
.hero-mini-grid span {
  padding: 9px 10px;
  border-radius: 11px;
  background: #eaf7ff;
  border: 1px solid #ccecff;
  color: #14517b;
  font-size: .88rem;
  font-weight: 700;
}
.grid-4 { grid-template-columns: repeat(4,1fr); }
.feature-card {
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(36,143,223,.14);
}
.feature-icon {
  width: 54px; height: 54px; margin: 0 auto 14px;
  display: grid; place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg,#dff4ff,#b9e7ff);
  font-size: 1.5rem;
}
@media (max-width: 980px) {
  .premium-hero { min-height: auto; }
  .grid-4 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
  .grid-4 { grid-template-columns: 1fr; }
  .hero-mini-grid { grid-template-columns: 1fr; }
}

/* Homepage V3 landing-page redesign */
.hero-v3 {
  position: relative;
  min-height: calc(100vh - 76px);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #eaf7ff;
}
.hero-v3-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(235,249,255,.98) 0%, rgba(235,249,255,.88) 42%, rgba(235,249,255,.25) 70%, rgba(235,249,255,.05) 100%),
    url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat;
  transform: scale(1.02);
}
.hero-v3-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 50px;
  align-items: center;
  padding-top: 62px;
  padding-bottom: 62px;
}
.hero-v3-copy h1 {
  font-size: clamp(3rem, 6vw, 5.8rem);
  letter-spacing: -2px;
  margin: 15px 0 20px;
  color: #082e52;
}
.hero-v3-copy h1 span { color: #168fda; }
.hero-badge { background: #d8f1ff; }
.hero-contact {
  display: grid;
  gap: 5px;
  max-width: 760px;
  margin: 0 0 20px;
  padding: 15px 18px;
  border-left: 4px solid #27a7ed;
  border-radius: 15px;
  background: rgba(255,255,255,.76);
  color: #244d70;
  box-shadow: 0 12px 32px rgba(25,103,151,.08);
}
.hero-contact-name {
  color: #0b5d98;
  font-size: 1.08rem;
  font-weight: 850;
}
.hero-contact a { color: #0878bd; font-weight: 800; }
.hero-v3-copy p { max-width: 680px; font-size: 1.1rem; color: #42627e; }
.hero-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.hero-benefits span {
  padding: 9px 12px;
  border: 1px solid #c9e8f8;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  color: #215779;
  font-size: .9rem;
  font-weight: 750;
}
.hero-v3-panel { display: flex; justify-content: flex-end; }
.hero-panel-card {
  width: min(100%, 500px);
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.75);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(16px);
  box-shadow: 0 28px 70px rgba(18,76,116,.18);
}
.hero-panel-card h2 { color: #0a3a61; margin-top: 12px; }
.hero-action-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  margin-top: 20px;
}
.hero-action-grid a {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #d5edf9;
  background: #f7fcff;
  color: #0d4268;
  transition: transform .22s ease, box-shadow .22s ease;
}
.hero-action-grid a:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(26,116,164,.12);
}
.hero-action-grid strong, .hero-action-grid small { display:block; }
.hero-action-grid small { margin-top: 4px; color:#6c879e; }
.service-strip { padding-top: 72px; }
.service-card { transition: transform .25s ease, box-shadow .25s ease; }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 22px 45px rgba(36,143,223,.13); }
.service-card > span:last-child { color:#0d82c7; font-weight:800; }
.partner-heading { margin-bottom: 22px; }
.partner-logo-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
}
.partner-logo {
  min-height: 94px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 22px;
  border:1px solid #d8eaf5;
  border-radius:18px;
  background:#fff;
  box-shadow: 0 12px 28px rgba(23,92,131,.07);
}
.partner-logo img {
  max-width: 155px;
  max-height: 52px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.partner-wordmark {
  color:#234f70;
  font-size:1.4rem;
  font-weight:900;
  letter-spacing:.4px;
}
@media (max-width: 980px) {
  .hero-v3-inner { grid-template-columns:1fr; gap:28px; }
  .hero-v3 { min-height:auto; }
  .hero-v3-bg {
    background:
      linear-gradient(180deg, rgba(235,249,255,.97), rgba(235,249,255,.88)),
      url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
  }
  .hero-v3-panel { justify-content:flex-start; }
  .partner-logo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .hero-v3-inner { padding-top:42px; padding-bottom:42px; }
  .hero-v3-copy h1 { font-size: 3rem; letter-spacing:-1px; }
  .hero-action-grid { grid-template-columns:1fr; }
  .partner-logo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Homepage V4 compact landing layout */
.hero-v3 { min-height: 500px; }
.hero-v3-inner { padding-top: 40px; padding-bottom: 40px; gap: 30px; }
.hero-v3-copy h1 { font-size: clamp(2.55rem, 4.7vw, 4.4rem); line-height: 1.05; letter-spacing: -1.2px; }
.hero-contact { margin: 12px 0 14px; padding: 12px 15px; }
.hero-v3-copy p { margin-bottom: 12px; }
.hero-benefits { margin-top: 12px; }
.partners { padding-top: 32px; padding-bottom: 38px; }
.partner-heading { margin-bottom: 14px; }
.partner-heading h2 { font-size: 2rem; }
.partner-logo { min-height: 78px; }
.home-services { padding-top: 38px; }
.home-services .section-head { margin-bottom: 16px; }
.service-info { padding: 20px; }
.service-info p { margin-bottom: 0; }
.home-offers { padding-top: 10px; }
.offer-panel { display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:center; padding:28px; border-radius:24px; border:1px solid #cde8f6; background:linear-gradient(135deg,#e5f6ff,#f8fcff); box-shadow:0 18px 45px rgba(24,104,150,.10); }
.offer-list { display:grid; gap:10px; }
.offer-list div { padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.82); border:1px solid #d9edf7; }
.offer-list strong,.offer-list span { display:block; }
.offer-list strong { color:#0b5d98; }
.offer-list span { color:#55738a; font-size:.9rem; }
.offer-panel .btns { grid-column:1/-1; margin-top:0; }
@media(max-width:980px){.offer-panel{grid-template-columns:1fr}.offer-panel .btns{grid-column:auto}}
@media(max-width:560px){.hero-v3-copy h1{font-size:2.65rem}.offer-panel{padding:22px}}

/* Booking contact focus */
.booking-focus {
  position: sticky;
  top: 77px;
  z-index: 900;
  background: linear-gradient(90deg, #075d98, #159fe3);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 8px 24px rgba(5,76,120,.18);
}
.booking-focus-inner {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: .96rem;
}
.booking-focus a {
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
.booking-focus a:first-of-type {
  font-size: 1.08rem;
  letter-spacing: .2px;
}
.booking-whatsapp {
  padding: 6px 12px;
  border-radius: 999px;
  background: #25D366;
  color: #04101f !important;
}
@media (max-width: 700px) {
  .booking-focus { top: 0; position: sticky; }
  .booking-focus-inner { min-height: 58px; padding: 7px 12px; line-height: 1.25; }
  }

/* Right-to-left booking marquee */
.booking-marquee {
  position: sticky;
  top: 77px;
  z-index: 900;
  overflow: hidden;
  width: 100%;
  background: linear-gradient(90deg, #075d98, #159fe3);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 7px 20px rgba(5,76,120,.16);
}
.booking-marquee-track {
  width: max-content;
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 7px 0;
  white-space: nowrap;
  animation: bookingMarqueeRTL 18s linear infinite;
  will-change: transform;
}
.booking-marquee a {
  color: #fff;
  text-decoration: none;
  font-size: 1.05rem;
}
.booking-marquee a:first-of-type strong {
  font-size: 1.18rem;
  letter-spacing: .3px;
}
.booking-marquee a:last-of-type {
  padding: 6px 13px;
  border-radius: 999px;
  background: #25D366;
  color: #04101f;
}
@keyframes bookingMarqueeRTL {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
  .booking-marquee-track { animation: none; justify-content: center; width: 100%; }
}
@media (max-width:700px) {
  .booking-marquee { top: 0; }
  .booking-marquee-track { min-height: 48px; animation-duration: 13s; gap: 10px; }
  .booking-marquee a { font-size: .98rem; }
  .booking-marquee a:first-of-type strong { font-size: 1.08rem; }
}



/* Thalambur BRANCH — DARK BLUE THEME */
:root{
 --bg:#061426;--bg2:#0a1d34;--surface:#0d223b;--surface2:#102943;
 --navy:#eaf6ff;--text:#e8f3fb;--muted:#a9bfd1;--accent:#2ea8ff;--accent2:#67d6ff;
 --line:#1e405d;--shadow:0 18px 50px rgba(0,0,0,.35);--radius:20px;
}
body{background:linear-gradient(180deg,#061426 0%,#081a2d 65%,#061426 100%);color:var(--text)}
.topbar{background:rgba(4,18,33,.94);border-bottom-color:#183a56}
.logo{color:#031321}
.nav-links a{color:#a9bfd1}.nav-links a:hover,.nav-links a.active{background:#12304b;color:#fff}
.menu-toggle{background:#0d223b;color:#fff;border-color:#1e405d}
.hero-v3{background:#061426}
.hero-v3-bg{
 background:
 linear-gradient(90deg,rgba(4,18,33,.98) 0%,rgba(4,18,33,.90) 42%,rgba(4,18,33,.42) 72%,rgba(4,18,33,.15) 100%),
 url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat;
}
.hero-v3-copy h1{color:#f2f8fc}.hero-v3-copy h1 span{color:#56c8ff}
.hero-v3-copy p{color:#b9ccda}
.hero-contact{background:rgba(7,30,51,.84);border-left-color:#2ea8ff;color:#c7d8e5}
.hero-contact-name,.hero-contact a{color:#65ceff}
.hero-benefits span{background:rgba(8,34,57,.84);border-color:#23506e;color:#d6e8f4}
.hero-panel-card,.card,.partner-logo,.hero-service-card{
 background:linear-gradient(180deg,#102943,#0c2036);border-color:#1e405d;color:#e8f3fb;box-shadow:var(--shadow)
}
.hero-panel-card h2,.section-head h2,h3{color:#f0f7fb}
.hero-action-grid a{background:#0b2035;border-color:#1e405d;color:#e5f3fb}
.hero-action-grid small{color:#9db6c9}
.badge,.kicker{background:#103b5b;color:#65ceff}
.btn.secondary{background:#0d223b;color:#eaf6ff;border-color:#2a526f}
.btn.primary{color:#031321}
.pill{background:#0d223b;border-color:#1e405d;color:#b7cad9}
.service-card > span:last-child{color:#5ecaff}
.feature-icon{background:linear-gradient(135deg,#123b5b,#17618c);color:#fff}
.partner-logo{background:#0c2036;border-color:#1e405d}
.partner-wordmark{color:#d9ecf7}
.service-strip,.section{background:transparent}
.offer-panel{background:linear-gradient(135deg,#0b2945,#0a1d34)!important;border-color:#1e405d!important}
.offer-list div{background:#0d223b!important;border-color:#1e405d!important}
.offer-list span{color:#a9bfd1!important}
.footer{background:#030d18;color:#dcefff}
.footer p,.footer a{color:#9fb7c9}
.input,select,textarea{background:#091c30;color:#e8f3fb;border-color:#21445f}
label{color:#cfe2ee}
.notice{background:#0d2b45;border-left-color:#2ea8ff;color:#b8d0df}
.table th,.table td{border-color:#1e405d}.table th{color:#e5f3fb}
@media(max-width:900px){.nav-links{background:#0a1d34;border-color:#1e405d}}
/* Home visual stories */
.story-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px}
.story-main,.story-card{position:relative;overflow:hidden;border-radius:22px;min-height:300px;border:1px solid #1e405d;box-shadow:var(--shadow)}
.story-main img,.story-card img{width:100%;height:100%;object-fit:cover}
.story-main:after,.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,12,23,.9))}
.story-copy{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}
.story-copy h3{margin:5px 0;color:#fff;font-size:1.55rem}.story-copy p{margin:0;color:#c9dbe7}
.story-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}
@media(max-width:800px){.story-grid{grid-template-columns:1fr}.story-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.story-main{min-height:360px}}
@media(max-width:560px){.story-side{grid-template-columns:1fr}.story-card{min-height:230px}}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testimonial{padding:24px;background:#0d223b;border:1px solid #1e405d;border-radius:20px;box-shadow:var(--shadow)}
.customer{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover}.stars{color:#ffd166;letter-spacing:2px}
@media(max-width:800px){.testimonials{grid-template-columns:1fr}}
.partners-left{position:sticky;top:105px}
.partners-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.partners-left .partner-list{display:grid;gap:10px}
.partners-left .partner-list div{padding:12px 14px;border:1px solid #1e405d;border-radius:12px;background:#0d223b;font-weight:800;color:#dcebf4}
@media(max-width:900px){.partners-layout{grid-template-columns:1fr}.partners-left{position:static}}

/* Thalambur BRANCH — LIGHT BLUE / WHITE THEME */
:root{
 --bg:#f7fbff;--bg2:#eef7ff;--surface:#ffffff;--surface2:#f8fcff;
 --navy:#073b66;--text:#173b59;--muted:#55738d;--accent:#167ac5;--accent2:#65c8f4;
 --line:#d6e8f5;--shadow:0 14px 38px rgba(12,73,115,.12);--radius:20px;
}
body{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 62%,#eef7ff 100%);color:var(--text)}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:#d6e8f5}
.logo{color:#052d4b}
.nav-links a{color:#55738d}.nav-links a:hover,.nav-links a.active{background:#e8f5ff;color:#073b66}
.menu-toggle{background:#fff;color:#073b66;border-color:#d6e8f5}
.hero-v3{background:#f7fbff}
.hero-v3-bg{background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.92) 38%,rgba(247,251,255,.50) 68%,rgba(247,251,255,.08) 100%),url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat}
.hero-v3-copy h1{color:#073b66}.hero-v3-copy h1 span{color:#167ac5}.hero-v3-copy p{color:#55738d}
.hero-contact{background:rgba(255,255,255,.90);border-left-color:#167ac5;color:#315a77}
.hero-contact-name,.hero-contact a{color:#0878bd}
.hero-benefits span{background:rgba(255,255,255,.92);border-color:#cfe5f3;color:#315a77}
.hero-panel-card,.card,.partner-logo,.hero-service-card{background:linear-gradient(180deg,#ffffff,#f5fbff);border-color:#d6e8f5;color:#173b59;box-shadow:var(--shadow)}
.hero-panel-card h2,.section-head h2,h3{color:#073b66}
.hero-action-grid a{background:#f8fcff;border-color:#d6e8f5;color:#173b59}
.hero-action-grid small{color:#6a879d}
.badge,.kicker{background:#e1f3ff;color:#0d72b5}
.btn.secondary{background:#fff;color:#073b66;border-color:#cfe2ef}
.pill{background:#fff;border-color:#d6e8f5;color:#55738d}
.feature-icon{background:linear-gradient(135deg,#167ac5,#65c8f4);color:#fff}
.partner-logo{background:#fff;border-color:#d6e8f5}
.partner-wordmark{color:#315a77}
.offer-panel{background:linear-gradient(135deg,#e9f7ff,#ffffff)!important;border-color:#cfe5f3!important}
.offer-list div{background:rgba(255,255,255,.92)!important;border-color:#d6e8f5!important}
.offer-list span{color:#55738d!important}
.footer{background:#07304f;color:#e9f6ff}
.footer p,.footer a{color:#c2d9e8}
.input,select,textarea{background:#fff;color:#173b59;border-color:#cfe2ef}
label{color:#315a77}
.notice{background:#eaf7ff;border-left-color:#167ac5;color:#55738d}
.table th,.table td{border-color:#d6e8f5}.table th{color:#073b66}
.story-main,.story-card{border-color:#d6e8f5}
.story-main:after,.story-card:after{background:linear-gradient(180deg,transparent 35%,rgba(4,29,49,.78))}
.testimonial{background:#fff;border-color:#d6e8f5}
.partners-left .partner-list div{border-color:#d6e8f5;background:#fff;color:#315a77}
@media(max-width:900px){.nav-links{background:#fff;border-color:#d6e8f5}}

/* Thalambur HOME — LIGHT GREEN PACKING SIDEBAR */
.hero-v3 {
  background: linear-gradient(135deg, #f4fbef 0%, #eef8e7 48%, #e3f2dc 100%) !important;
}
.hero-v3-inner {
  display: grid !important;
  grid-template-columns: 285px minmax(0, 1fr) minmax(300px, 390px) !important;
  gap: 28px !important;
  align-items: center !important;
  max-width: 1440px !important;
}
.home-packing-panel {
  align-self: stretch;
  padding: 22px 16px;
  border: 1px solid #c8dfbd;
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 42px rgba(48,96,42,.12);
}
.home-packing-heading span {
  display: block;
  margin-bottom: 5px;
  font-size: .70rem;
  font-weight: 900;
  letter-spacing: 2px;
  color: #2e7d32;
}
.home-packing-heading h2 {
  margin: 0;
  color: #1b5e20;
  font-size: 1.55rem;
  line-height: 1.15;
}
.home-packing-heading p {
  margin: 8px 0 16px;
  color: #527052;
  font-size: .86rem;
  line-height: 1.45;
}
.home-packing-list {
  display: grid;
  gap: 11px;
}
.home-packing-item {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 11px;
  align-items: center;
  padding: 8px;
  border: 1px solid #d9ead3;
  border-radius: 15px;
  background: #fbfffa;
  transition: transform .2s ease, box-shadow .2s ease;
}
.home-packing-item:hover {
  transform: translateX(3px);
  box-shadow: 0 10px 24px rgba(46,125,50,.10);
}
.home-packing-item img {
  width: 82px;
  height: 66px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
.home-packing-item strong {
  display: block;
  color: #1b5e20;
  font-size: .92rem;
}
.home-packing-item small {
  display: block;
  margin-top: 3px;
  color: #688068;
  font-size: .72rem;
  line-height: 1.25;
}
.hero-v3-copy h1 {
  color: #1b5e20 !important;
}
.hero-v3-copy p {
  color: #426348 !important;
}
.hero-contact {
  border-left-color: #4caf50 !important;
  background: rgba(255,255,255,.90) !important;
}
.hero-contact a {
  color: #2e7d32 !important;
}
.hero-panel-card {
  border-color: #d7ead0 !important;
  background: rgba(255,255,255,.92) !important;
}
.hero-panel-card h2 {
  color: #1b5e20 !important;
}
.hero-action-grid a {
  border-color: #d9ead3 !important;
  background: #f8fcf6 !important;
  color: #2a6330 !important;
}
@media (max-width: 1150px) {
  .hero-v3-inner {
    grid-template-columns: 245px minmax(0,1fr) 320px !important;
    gap: 20px !important;
  }
  .home-packing-item {
    grid-template-columns: 68px 1fr;
  }
  .home-packing-item img {
    width: 68px;
    height: 58px;
  }
}
@media (max-width: 900px) {
  .hero-v3-inner {
    grid-template-columns: 1fr 1fr !important;
  }
  .home-packing-panel {
    grid-column: 1 / -1;
    order: -1;
  }
  .home-packing-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .home-packing-item {
    display: block;
    padding: 8px;
  }
  .home-packing-item img {
    width: 100%;
    height: 100px;
    margin-bottom: 7px;
  }
}
@media (max-width: 600px) {
  .hero-v3-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .home-packing-list {
    grid-template-columns: 1fr 1fr;
  }
  .home-packing-item img {
    height: 92px;
  }
}

/* FINAL HOME PAGE LAYOUT — FULL SPACE UTILIZATION */
.hero-v3{
  min-height: auto !important;
  padding: 34px 0 40px !important;
  background: linear-gradient(135deg,#f5fbef 0%,#ffffff 50%,#e5f4df 100%) !important;
}
.hero-v3-bg{
  background:
    radial-gradient(circle at 72% 25%,rgba(144,198,126,.18),transparent 32%),
    linear-gradient(135deg,#f5fbef 0%,#ffffff 55%,#e7f5e1 100%) !important;
  opacity:1 !important;
}
.hero-v3-inner{
  grid-template-columns: 300px minmax(0,1fr) minmax(340px,430px) !important;
  gap:24px !important;
  align-items:stretch !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.home-packing-panel{
  padding:18px 14px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid #c9e3c0 !important;
  box-shadow:0 14px 34px rgba(48,96,42,.10) !important;
}
.home-packing-heading h2{font-size:1.45rem !important;}
.home-packing-heading p{margin-bottom:12px !important;}
.home-packing-list{grid-template-columns:1fr !important;gap:8px !important;}
.home-packing-item{
  grid-template-columns:70px 1fr !important;
  padding:6px !important;
  min-height:68px;
}
.home-packing-item img{
  width:70px !important;height:58px !important;
  border-radius:10px !important;
}
.home-packing-item strong{font-size:.86rem !important;}
.home-packing-item small{font-size:.68rem !important;}
.hero-v3-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:18px 0 !important;
}
.hero-v3-copy h1{
  font-size:clamp(2.8rem,4.5vw,4.9rem) !important;
  line-height:.98 !important;
  margin:12px 0 18px !important;
  color:#145c21 !important;
}
.hero-v3-copy h1 span{color:#2e7d32 !important;}
.hero-v3-copy p{font-size:1.08rem !important;max-width:650px !important;}
.hero-service-line{
  display:inline-flex;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:#e4f3df;
  color:#22662a;
  font-size:.78rem;
  letter-spacing:.4px;
  margin:5px 0 4px;
}
.hero-v3-panel{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:14px !important;
}
.hero-visual{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid #c8e3c0;
  background:#fff;
  box-shadow:0 20px 50px rgba(41,100,42,.15);
}
.hero-visual img{
  display:block;
  width:100%;
  height:300px;
  object-fit:cover;
  object-position:center;
}
.hero-visual-caption{
  position:absolute;
  left:16px;right:16px;bottom:14px;
  padding:13px 15px;
  border-radius:15px;
  background:rgba(255,255,255,.91);
  backdrop-filter:blur(8px);
  box-shadow:0 8px 25px rgba(0,0,0,.08);
}
.hero-visual-caption strong{display:block;color:#155b20;font-size:1rem;}
.hero-visual-caption span{display:block;color:#547054;font-size:.74rem;margin-top:3px;}
.hero-panel-card{
  width:100% !important;
  padding:18px !important;
  border-radius:20px !important;
}
.hero-panel-card h2{font-size:1.35rem !important;margin-top:8px !important;}
.hero-panel-card p{font-size:.86rem !important;margin:7px 0 !important;}
.hero-action-grid{gap:8px !important;margin-top:12px !important;}
.hero-action-grid a{padding:11px !important;}
.hero-benefits{margin-top:14px !important;}
.partners{padding-top:38px !important;}
@media(max-width:1100px){
  .hero-v3-inner{grid-template-columns:260px minmax(0,1fr) !important;}
  .hero-v3-panel{grid-column:2;}
  .hero-v3-copy{grid-column:2;}
  .home-packing-panel{grid-row:1 / span 2;}
}
@media(max-width:760px){
  .hero-v3{padding:20px 0 28px !important;}
  .hero-v3-inner{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }
  .home-packing-panel{order:1;}
  .hero-v3-copy{order:2;}
  .hero-v3-panel{order:3;}
  .home-packing-list{grid-template-columns:1fr 1fr !important;}
  .home-packing-item{display:block !important;min-height:0 !important;}
  .home-packing-item img{width:100% !important;height:88px !important;margin-bottom:5px !important;}
  .hero-visual img{height:235px !important;}
  .hero-v3-copy h1{font-size:2.7rem !important;}
}
@media(max-width:470px){
  .home-packing-list{grid-template-columns:1fr !important;}
  .home-packing-item{display:grid !important;grid-template-columns:70px 1fr !important;}
  .home-packing-item img{width:70px !important;height:58px !important;margin-bottom:0 !important;}
}

/* Thalambur header typography refinements */
.topbar .booking,
.topbar .booking-text,
.booking-strip,
.booking-strip .booking-text,
.booking-strip a,
.for-bookings,
.for-bookings a {
  font-size: 1.12rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
.brand-name,
.site-brand,
.logo-text,
header .brand a,
header .brand-name a,
.navbar-brand {
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}
.address,
.branch-address,
.top-address,
.header-address,
.location-text {
  font-size: 1.02rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
@media (max-width: 700px) {
  .topbar .booking,
  .topbar .booking-text,
  .booking-strip,
  .booking-strip .booking-text,
  .booking-strip a,
  .for-bookings,
  .for-bookings a {
    font-size: 1rem !important;
  }
  .brand-name,
  .site-brand,
  .logo-text,
  header .brand a,
  header .brand-name a,
  .navbar-brand {
    font-size: 1.12rem !important;
  }
  .address,
  .branch-address,
  .top-address,
  .header-address,
  .location-text {
    font-size: .95rem !important;
  }
}

/* VETTUVANKENI BRANCH — LIGHT BLUE THEME */
:root{
  --primary:#1976d2 !important;
  --primary-dark:#0d47a1 !important;
  --secondary:#42a5f5 !important;
  --accent:#90caf9 !important;
  --light:#eaf6ff !important;
  --bg:#f7fcff !important;
  --text:#15324a !important;
}
body{
  background:#f7fcff !important;
  color:#15324a !important;
}
header,.hero,.home,.home-section{
  background:linear-gradient(135deg,#eaf6ff 0%,#f8fcff 55%,#dff1ff 100%) !important;
}
.navbar,.topbar{
  background:#ffffff !important;
}
.hero-v3{
  background:linear-gradient(135deg,#edf8ff 0%,#ffffff 52%,#dff2ff 100%) !important;
}
.hero-v3-copy h1,.hero-v3-copy h2,.hero h1,.hero h2,.home h1,.home h2{
  color:#0d47a1 !important;
}
.hero-v3-copy p,.hero p,.home p{
  color:#3f6078 !important;
}
.btn.primary,.btn,.cta,.button{
  background:#1976d2 !important;
  border-color:#1976d2 !important;
}
.btn:hover,.cta:hover,.button:hover{
  background:#0d47a1 !important;
}
.card,.service-card,.testimonial-card,.partner-card{
  background:#ffffff !important;
  border-color:#c7e5fa !important;
  box-shadow:0 8px 24px rgba(25,118,210,.10) !important;
}
.home-packing-panel{
  border-color:#c6e3f7 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 18px 42px rgba(25,118,210,.11) !important;
}
.home-packing-heading span,.home-packing-heading h2,
.home-packing-item strong{
  color:#0d47a1 !important;
}
.home-packing-heading p,.home-packing-item small{
  color:#52718a !important;
}
.home-packing-item{
  border-color:#d5ebfa !important;
  background:#fbfdff !important;
}

/* Second scroll: Thalambur local + 2026 festive offers */
.vettuvankeni-festival-section{
  position:relative;
  overflow:hidden;
  padding:34px 0 42px;
  background:
    radial-gradient(circle at 8% 18%, rgba(66,165,245,.16), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(144,202,249,.22), transparent 28%),
    linear-gradient(135deg,#eef9ff 0%,#ffffff 52%,#e8f6ff 100%);
  border-top:1px solid #d8efff;
  border-bottom:1px solid #d8efff;
}
.vettuvankeni-festival-section:before,
.vettuvankeni-festival-section:after{
  content:"✦";
  position:absolute;
  color:#42a5f5;
  opacity:.32;
  font-size:70px;
}
.vettuvankeni-festival-section:before{left:2%;top:18px;}
.vettuvankeni-festival-section:after{right:3%;bottom:18px;}
.vettuvankeni-local-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-bottom:20px;
  padding:11px 18px;
  border:1px solid #c6e5fa;
  border-radius:999px;
  background:#fff;
  color:#315d7d;
  box-shadow:0 8px 22px rgba(25,118,210,.07);
  text-align:center;
}
.vettuvankeni-local-strip span:first-child{
  font-weight:900;
  color:#1976d2;
  letter-spacing:1px;
  font-size:.76rem;
}
.vettuvankeni-local-strip strong{color:#0d47a1;}
.vettuvankeni-local-strip span:last-child{font-size:.78rem;}
.festival-heading{text-align:center;max-width:820px;margin:0 auto 22px;}
.festival-kicker{
  display:inline-block;
  padding:7px 13px;
  border-radius:999px;
  background:#e1f2ff;
  color:#1565c0;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:1.4px;
}
.festival-heading h2{
  margin:9px 0 7px;
  color:#0d47a1;
  font-size:clamp(1.75rem,3vw,2.45rem);
  line-height:1.1;
}
.festival-heading p{
  margin:0;
  color:#4a6c84;
}
.festival-offer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.festival-offer{
  position:relative;
  display:grid;
  grid-template-columns:76px 1fr;
  gap:15px;
  padding:22px;
  border-radius:22px;
  background:#fff;
  border:1px solid #c9e5f7;
  box-shadow:0 16px 34px rgba(25,118,210,.10);
}
.festival-offer:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  border-radius:22px 0 0 22px;
}
.festival-offer.dussehra:before{background:#1976d2;}
.festival-offer.diwali:before{background:#42a5f5;}
.festival-icon{
  width:68px;height:68px;
  display:grid;place-items:center;
  border-radius:20px;
  background:#eaf6ff;
  font-size:2.2rem;
}
.festival-date{
  color:#1976d2;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:1.2px;
}
.festival-offer h3{
  margin:5px 0 5px;
  color:#0d47a1;
  font-size:1.35rem;
}
.festival-offer p{margin:0 0 9px;color:#4b687e;}
.festival-offer ul{
  margin:0 0 12px;
  padding-left:18px;
  color:#3f6078;
  font-size:.9rem;
  line-height:1.55;
}
.festival-offer a{
  color:#1565c0;
  font-weight:800;
  text-decoration:none;
}
.festival-cta{
  margin-top:18px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(100deg,#1565c0,#42a5f5);
  box-shadow:0 12px 28px rgba(25,118,210,.18);
}
.festival-cta div{display:grid;gap:3px;}
.festival-cta strong{font-size:1rem;}
.festival-cta span{font-size:.88rem;opacity:.96;}
.festival-cta a{
  flex:0 0 auto;
  padding:10px 16px;
  border-radius:10px;
  background:#fff;
  color:#1565c0;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:800px){
  .festival-offer-grid{grid-template-columns:1fr;}
  .vettuvankeni-local-strip{border-radius:18px;}
}
@media(max-width:560px){
  .festival-offer{grid-template-columns:1fr;padding:18px;}
  .festival-icon{width:58px;height:58px;}
  .festival-cta{align-items:flex-start;flex-direction:column;}
  .festival-cta a{width:100%;text-align:center;}
}

/* VETTUVANKENI HERO IMAGE + FESTIVAL TOP SCROLL FIX */
.hero-visual img{
  object-position:center center !important;
}
.hero-v3-panel{
  min-width:0 !important;
}
.hero-visual{
  min-width:0 !important;
}

/* Festival offers are now the second top scroll. */
.vettuvankeni-festival-section{
  padding:18px 0 22px !important;
  background:linear-gradient(90deg,#edf8ff,#ffffff,#edf8ff) !important;
}
.vettuvankeni-festival-section .festival-heading{
  margin-bottom:12px !important;
}
.vettuvankeni-festival-section .festival-heading h2{
  font-size:clamp(1.45rem,2.5vw,2.1rem) !important;
}
.vettuvankeni-festival-section .festival-heading p{
  font-size:.88rem !important;
}
.festival-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  padding:3px 0 10px;
}
.festival-marquee-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  gap:18px !important;
  animation:festivalMarquee 28s linear infinite !important;
  will-change:transform;
}
.festival-marquee .festival-offer{
  flex:0 0 min(560px, 72vw) !important;
  width:min(560px,72vw) !important;
  box-sizing:border-box;
}
@keyframes festivalMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.festival-marquee:hover .festival-marquee-track{
  animation-play-state:paused !important;
}
@media (prefers-reduced-motion:reduce){
  .festival-marquee-track{
    animation:none !important;
    transform:none !important;
  }
}
@media (max-width:800px){
  .festival-marquee-track{animation-duration:22s !important;}
  .festival-marquee .festival-offer{
    flex-basis:82vw !important;
    width:82vw !important;
  }
}

/* Booking ticker: duplicated content makes movement visible on desktop. */
.booking-marquee-track{
  width:max-content !important;
  animation:bookingMarqueeDesktop 22s linear infinite !important;
  will-change:transform;
}
@keyframes bookingMarqueeDesktop{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.booking-marquee:hover .booking-marquee-track{
  animation-play-state:paused !important;
}
@media (prefers-reduced-motion:reduce){
  .booking-marquee-track{animation:none !important;transform:none !important;width:100% !important;justify-content:center;}
}

/* === VETTUVANKENI FINAL HOME REFINEMENT === */
body{overflow-x:hidden;}
.topbar{
  background:#fff !important;
  position:relative;
  z-index:20;
}
.container{width:min(1440px,94vw);}
.header-contact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  margin-left:auto;
  padding-left:18px;
  font-size:.78rem;
  color:#315f7d;
  white-space:nowrap;
}
.header-contact a{color:#1565c0;text-decoration:none;}
.header-contact span{max-width:520px;overflow:hidden;text-overflow:ellipsis;}
.hero-v3{
  min-height:auto !important;
  padding:26px 0 34px !important;
  background:linear-gradient(135deg,#eef8ff,#ffffff 54%,#e5f4ff) !important;
}
.hero-v3-inner{
  grid-template-columns:260px minmax(0,1.08fr) minmax(330px,.92fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  padding:0 !important;
}
.home-packing-panel{
  padding:16px 12px !important;
  border-radius:20px !important;
}
.home-packing-heading h2{font-size:1.35rem !important;}
.home-packing-heading p{font-size:.78rem !important;margin:5px 0 10px !important;}
.home-packing-list{gap:7px !important;}
.home-packing-item{
  grid-template-columns:58px 1fr !important;
  gap:8px !important;
  padding:6px !important;
  border-radius:11px !important;
}
.home-packing-item img{width:58px !important;height:48px !important;border-radius:8px !important;}
.home-packing-item strong{font-size:.78rem !important;}
.home-packing-item small{font-size:.62rem !important;}
.hero-v3-copy{padding:10px 0 !important;}
.hero-v3-copy h1{
  font-size:clamp(2.6rem,4.7vw,4.7rem) !important;
  margin:12px 0 15px !important;
}
.hero-v3-copy p{font-size:1rem !important;max-width:610px !important;}
.hero-contact{
  padding:11px 14px !important;
  margin-bottom:14px !important;
  font-size:.88rem !important;
}
.hero-contact-name{font-size:.92rem !important;}
.hero-benefits{gap:7px !important;margin-top:15px !important;}
.hero-benefits span{padding:7px 10px !important;font-size:.78rem !important;}
.hero-v3-panel{justify-content:stretch !important;align-items:center !important;}
.hero-visual{width:100% !important;}
.hero-visual img{
  width:100% !important;
  height:360px !important;
  object-fit:cover !important;
  border-radius:22px !important;
}
.hero-panel-card{width:100% !important;padding:17px !important;margin-top:10px !important;}
.hero-panel-card h2{font-size:1.25rem !important;margin:5px 0 !important;}
.hero-panel-card p{font-size:.82rem !important;margin:5px 0 10px !important;}
.hero-action-grid{gap:7px !important;}
.hero-action-grid a{padding:9px !important;}

.festival-mini-strip{
  background:linear-gradient(90deg,#eaf6ff,#f8fcff,#e5f4ff);
  border-top:1px solid #cbe7fa;
  border-bottom:1px solid #cbe7fa;
  padding:9px 0;
  overflow:hidden;
}
.festival-mini-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 14px;
  font-size:.79rem;
  color:#42677f;
}
.festival-mini-badge{
  background:#1976d2;
  color:#fff;
  border-radius:999px;
  padding:5px 10px;
  font-weight:900;
  letter-spacing:.6px;
}
.festival-mini-inner strong{color:#0d47a1;}
.festival-mini-inner a{
  color:#1565c0;
  font-weight:900;
  text-decoration:none;
  border:1px solid #a9d5f2;
  padding:5px 10px;
  border-radius:999px;
  background:#fff;
}
@media(max-width:1100px){
  .header-contact{font-size:.68rem;gap:9px;}
  .header-contact span{max-width:350px;}
  .hero-v3-inner{grid-template-columns:220px minmax(0,1fr) !important;}
  .hero-v3-panel{grid-column:1/-1;}
  .hero-visual img{height:300px !important;}
}
@media(max-width:700px){
  .header-contact{display:none;}
  .hero-v3{padding:18px 0 24px !important;}
  .hero-v3-inner{grid-template-columns:1fr !important;}
  .home-packing-panel{order:2;}
  .hero-v3-copy{order:1;}
  .hero-v3-panel{order:3;grid-column:auto;}
  .home-packing-list{grid-template-columns:1fr 1fr !important;}
  .home-packing-item{display:block !important;}
  .home-packing-item img{width:100% !important;height:82px !important;margin-bottom:4px;}
  .hero-visual img{height:280px !important;}
  .festival-mini-inner{
    flex-wrap:nowrap;
    width:max-content;
    animation:festivalMiniScroll 20s linear infinite;
    justify-content:flex-start;
  }
  .festival-mini-strip{white-space:nowrap;}
}
@keyframes festivalMiniScroll{
  from{transform:translateX(100vw);}
  to{transform:translateX(-100%);}
}
@media(prefers-reduced-motion:reduce){
  .festival-mini-inner{animation:none !important;transform:none !important;}
}

/* Final clean-up: one top contact location, female Chennai-inspired hero */
.chennai-local-note{padding:8px 0;background:#f2f9ff;color:#66849a;text-align:center;}
.chennai-local-note small{font-size:.68rem;}
.hero-v3-panel .hero-visual img{
  object-fit:cover !important;
  background:#eaf7ff !important;
}
@media(max-width:700px){
  .chennai-local-note{display:none;}
}


/* === VETTUVANKENI FINAL — PROFESSIONAL LIGHT BLUE THEME === */
:root{
  --primary:#075aa6 !important;
  --primary-dark:#880e4f !important;
  --secondary:#1595df !important;
  --accent:#8ed3ff !important;
  --light:#eef8ff !important;
  --bg:#f7fcff !important;
  --text:#4a2838 !important;
}
html,body{background:#f7fcff !important;color:#4a2838 !important;}
body{overflow-x:hidden;}
.topbar{background:rgba(255,255,255,.97) !important;border-bottom:1px solid #f3c5d6 !important;box-shadow:0 3px 18px rgba(173,20,87,.07) !important;}
.brand{color:#075aa6 !important;}
.logo{background:linear-gradient(135deg,#075aa6,#1595df) !important;box-shadow:0 6px 16px rgba(173,20,87,.18) !important;}
.nav-links a{color:#684052 !important;}
.nav-links a:hover,.nav-links a.active{color:#075aa6 !important;}
.nav-links .nav-cta{background:#075aa6 !important;color:#fff !important;}
.header-contact{color:#7a5264 !important;}
.header-contact a{color:#075aa6 !important;}
.festival-mini-strip{background:linear-gradient(90deg,#eef8ff,#f8fcff,#e5f5ff) !important;border-color:#bfe7ff !important;}
.festival-mini-badge{background:#075aa6 !important;}
.festival-mini-inner strong{color:#075aa6 !important;}
.festival-mini-inner a{color:#075aa6 !important;border-color:#8ed3ff !important;background:#fff !important;}
.hero-v3{background:linear-gradient(135deg,#eef8ff 0%,#f8fcff 54%,#e8f6ff 100%) !important;}
.hero-v3-bg{background:radial-gradient(circle at 15% 15%,rgba(236,64,122,.13),transparent 28%),radial-gradient(circle at 85% 80%,rgba(173,20,87,.10),transparent 30%) !important;}
.hero-badge,.badge{background:#dff3ff !important;color:#075aa6 !important;border-color:#bfe7ff !important;}
.hero-v3-copy h1,.hero-v3-copy h2,.hero-v3-panel h2{color:#075aa6 !important;}
.hero-v3-copy h1 span{color:#075aa6 !important;}
.hero-v3-copy p,.hero-panel-card p,.home-packing-heading p{color:#6c4b5b !important;}
.btn.primary,.btns .btn.primary{background:#075aa6 !important;border-color:#075aa6 !important;box-shadow:0 8px 20px rgba(173,20,87,.18) !important;}
.btn.primary:hover{background:#880e4f !important;}
.btn.secondary{background:#fff !important;border-color:#e7a9c1 !important;color:#9a164f !important;}
.btn.secondary:hover{background:#eef8ff !important;}
.hero-benefits span{background:#fff !important;border-color:#cfe7f5 !important;color:#315a77 !important;}
.home-packing-panel,.hero-panel-card,.hero-visual{background:#fff !important;border-color:#bfe7ff !important;box-shadow:0 10px 28px rgba(173,20,87,.09) !important;}
.home-packing-heading span{color:#075aa6 !important;}
.home-packing-heading h2{color:#075aa6 !important;}
.home-packing-item{background:#f7fcff !important;border-color:#cfe7f5 !important;}
.home-packing-item:hover{background:#eef8ff !important;border-color:#8ed3ff !important;}
.hero-visual img{background:#eef8ff !important;border-color:#bfe7ff !important;}
.hero-visual-caption{background:linear-gradient(180deg,rgba(122,22,71,.04),rgba(122,22,71,.9)) !important;}
.hero-action-grid a{background:#f7fcff !important;border-color:#f1cedb !important;}
.hero-action-grid a:hover{background:#eef8ff !important;border-color:#8ed3ff !important;}
.section-head h2,.section h2{color:#075aa6 !important;}
.card,.service-card,.testimonial,.story-card,.story-main,.partner-logo{background:#fff !important;border-color:#bfe7ff !important;box-shadow:0 8px 24px rgba(173,20,87,.08) !important;}
.feature-icon{background:#dff3ff !important;color:#075aa6 !important;}
.partner-list div{background:#eef8ff !important;border-color:#bfe7ff !important;color:#075aa6 !important;}
.footer{background:#eef8ff !important;border-top:1px solid #bfe7ff !important;color:#123247 !important;}
.footer strong{color:#075aa6 !important;}
.footer a{color:#075aa6 !important;}
.chennai-local-note{background:#eef8ff !important;color:#607d93 !important;border-top:1px solid #bfe7ff !important;}

/* Chennai / Thalambur local identity gallery */
.chennai-nativity-section{padding:28px 0 36px;background:linear-gradient(180deg,#f8fcff,#eef8ff) !important;}
.chennai-nativity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.chennai-nativity-card{overflow:hidden;border:1px solid #efc5d6;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(173,20,87,.08);}
.chennai-nativity-card img{display:block;width:100%;height:190px;object-fit:cover;background:#eef8ff;}
.chennai-nativity-copy{padding:14px 16px 16px;}
.chennai-nativity-copy h3{margin:0 0 5px;color:#075aa6;font-size:1.05rem;}
.chennai-nativity-copy p{margin:0;color:#6b4b5b;font-size:.86rem;line-height:1.55;}
@media(max-width:850px){.chennai-nativity-grid{grid-template-columns:1fr;}.chennai-nativity-card img{height:210px;}}

/* === VETTUVANKENI OVERLAP FIX — DESKTOP HOME === */
.topbar .nav{
  gap:10px !important;
  min-height:66px !important;
  align-items:center !important;
}
.topbar .brand{
  flex:0 1 250px !important;
  min-width:210px !important;
  max-width:250px !important;
  font-size:.86rem !important;
  line-height:1.15 !important;
  overflow:hidden !important;
}
.topbar .brand > span:last-child{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.topbar .nav-links{
  flex:1 1 auto !important;
  min-width:0 !important;
  gap:0 !important;
  justify-content:center !important;
}
.topbar .nav-links a{
  font-size:.76rem !important;
  padding:8px 7px !important;
  flex:0 0 auto !important;
}
.topbar .header-contact{
  flex:0 1 430px !important;
  min-width:290px !important;
  max-width:430px !important;
  gap:10px !important;
  padding-left:8px !important;
  font-size:.67rem !important;
  line-height:1.2 !important;
}
.topbar .header-contact span{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.topbar .header-contact a{flex:0 0 auto !important;white-space:nowrap !important;}

/* Give the hero columns enough breathing room and prevent text collision. */
.hero-v3-inner{gap:22px !important;}
.hero-v3-copy{min-width:0 !important;overflow:visible !important;}
.hero-v3-copy h1{
  font-size:clamp(2.45rem,4.25vw,4.15rem) !important;
  line-height:1.02 !important;
  letter-spacing:-1.5px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.hero-v3-copy p{line-height:1.55 !important;}
.hero-v3-panel{min-width:0 !important;}
.hero-visual{min-width:0 !important;}
.hero-panel-card{min-width:0 !important;}
.hero-action-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.hero-action-grid a{min-width:0 !important;}
.hero-action-grid small,.hero-action-grid strong{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}

@media(max-width:1200px){
  .topbar .brand{flex-basis:220px !important;min-width:185px !important;max-width:220px !important;}
  .topbar .nav-links a{font-size:.70rem !important;padding-left:5px !important;padding-right:5px !important;}
  .topbar .header-contact{flex-basis:350px !important;min-width:250px !important;max-width:350px !important;font-size:.62rem !important;}
}
@media(max-width:1100px){
  .topbar .header-contact{display:none !important;}
  .topbar .brand{flex:0 1 270px !important;max-width:270px !important;}
  .topbar .nav-links{justify-content:flex-end !important;}
}
@media(max-width:900px){
  .topbar .nav{min-height:66px !important;}
  .topbar .brand{flex:0 1 auto !important;min-width:0 !important;max-width:calc(100% - 55px) !important;}
  .topbar .nav-links{display:none !important;}
  .topbar .menu-toggle{display:block !important;margin-left:auto !important;}
}



/* Home image marquee - all supplied branch/service images */
.home-image-scroll{padding-top:28px;padding-bottom:30px;background:linear-gradient(180deg,#f8fcff,#eef8ff);overflow:hidden;}
.gallery-head{text-align:center;margin-bottom:18px;}
.gallery-head p{max-width:760px;margin-left:auto;margin-right:auto;}
.home-gallery-window{width:100%;overflow:hidden;position:relative;padding:4px 0 10px;}
.home-gallery-track{display:flex;width:max-content;animation:homeGalleryScroll 48s linear infinite;will-change:transform;}
.home-gallery-set{display:flex;gap:16px;padding-right:16px;}
.home-gallery-card{flex:0 0 255px;width:255px;margin:0;background:#fff;border:1px solid #d7eaf7;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(23,91,132,.10);}
.home-gallery-card img{display:block;width:255px;height:165px;object-fit:cover;background:#eaf5fb;}
.home-gallery-card figcaption{padding:10px 12px 12px;font-size:.84rem;font-weight:800;color:#164b69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-gallery-window:before,.home-gallery-window:after{content:"";position:absolute;top:0;bottom:0;width:42px;z-index:2;pointer-events:none;}
.home-gallery-window:before{left:0;background:linear-gradient(90deg,#f4fbff,transparent);}
.home-gallery-window:after{right:0;background:linear-gradient(270deg,#eef8ff,transparent);}
@keyframes homeGalleryScroll{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 8px));}}
.home-gallery-window:hover .home-gallery-track{animation-play-state:paused;}
@media(max-width:700px){
  .home-image-scroll{padding-top:22px;padding-bottom:24px;}
  .home-gallery-card,.home-gallery-card img{width:220px;}
  .home-gallery-card img{height:145px;}
  .home-gallery-set{gap:12px;padding-right:12px;}
  .home-gallery-track{animation-duration:38s;}
}
@media(prefers-reduced-motion:reduce){.home-gallery-track{animation:none !important;transform:none !important;}}

/* Final Home layout: image gallery anchored at the top-right of the hero */
.hero-v3-panel{align-items:flex-start !important; flex-direction:column !important; justify-content:flex-start !important; gap:18px !important;}
.hero-top-gallery{width:100%; margin:0; order:0;}
.hero-top-gallery .home-image-scroll{padding:0 !important; background:transparent !important; overflow:visible !important;}
.hero-top-gallery .gallery-head{text-align:left; margin:0 0 10px !important;}
.hero-top-gallery .gallery-head .badge{font-size:.72rem; padding:6px 10px;}
.hero-top-gallery .gallery-head h2{font-size:1.25rem !important; margin:7px 0 0 !important; color:#0b5d98;}
.hero-top-gallery .gallery-head p{display:none;}
.hero-top-gallery .home-gallery-window{height:430px; width:100%; overflow:hidden; border-radius:20px; padding:0 !important; background:rgba(255,255,255,.76); border:1px solid #cfe8f7; box-shadow:0 16px 34px rgba(23,91,132,.10);}
.hero-top-gallery .home-gallery-track{display:flex; flex-direction:column; width:100%; height:max-content; animation:homeGalleryVertical 42s linear infinite;}
.hero-top-gallery .home-gallery-set{display:flex; flex-direction:column; gap:10px; padding:10px; width:100%;}
.hero-top-gallery .home-gallery-card{flex:0 0 auto; width:100%; display:grid; grid-template-columns:105px minmax(0,1fr); align-items:center; gap:10px; min-height:82px; margin:0; padding:6px; border-radius:14px; box-shadow:0 7px 18px rgba(23,91,132,.08);}
.hero-top-gallery .home-gallery-card img{width:105px; height:70px; border-radius:10px; object-fit:cover;}
.hero-top-gallery .home-gallery-card figcaption{padding:5px 6px; font-size:.76rem; color:#164b69; white-space:normal; line-height:1.2;}
.hero-top-gallery .home-gallery-window:before{left:0; right:0; top:0; bottom:auto; width:auto; height:28px; background:linear-gradient(180deg,#eef8ff,transparent);}
.hero-top-gallery .home-gallery-window:after{left:0; right:0; top:auto; bottom:0; width:auto; height:30px; background:linear-gradient(0deg,#eef8ff,transparent);}
.hero-top-gallery .home-gallery-window:hover .home-gallery-track{animation-play-state:paused;}
@keyframes homeGalleryVertical{from{transform:translateY(0);}to{transform:translateY(calc(-50% - 5px));}}
.hero-top-gallery + .hero-visual{width:100%;}
@media(max-width:1100px){
  .hero-top-gallery .home-gallery-window{height:390px;}
  .hero-top-gallery .home-gallery-card{grid-template-columns:90px minmax(0,1fr);}
  .hero-top-gallery .home-gallery-card img{width:90px;height:62px;}
}
@media(max-width:700px){
  .hero-top-gallery .home-gallery-window{height:360px;}
  .hero-top-gallery .home-gallery-card{grid-template-columns:82px minmax(0,1fr);min-height:70px;}
  .hero-top-gallery .home-gallery-card img{width:82px;height:56px;}
  .hero-top-gallery .home-gallery-card figcaption{font-size:.68rem;}
  .hero-top-gallery .home-gallery-track{animation-duration:34s;}
}

/* HOME — Thalambur latest news panel fills the upper landing-page space */
.hero-v3-copy{
  justify-content:flex-start !important;
  padding-top:0 !important;
}
.hero-news-panel{
  width:100%;
  margin:0 0 14px;
  padding:16px 18px 15px;
  border:1px solid #c7e4f6;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(239,249,255,.96));
  box-shadow:0 14px 34px rgba(22,110,165,.10);
  overflow:hidden;
}
.hero-news-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.hero-news-badge{
  display:inline-block;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:1.7px;
  color:#0878bd;
}
.hero-news-head h2{
  margin:3px 0 0 !important;
  font-size:1.12rem !important;
  line-height:1.15 !important;
  color:#073b66 !important;
}
.hero-news-live{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#e1f4ff;
  color:#0878bd;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.5px;
}
.hero-news-window{
  height:190px;
  overflow:hidden;
  border-top:1px solid #dceef8;
  padding-top:8px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);
}
.hero-news-track{
  display:flex;
  flex-direction:column;
  gap:8px;
  animation:heroNewsUp 20s linear infinite;
}
.hero-news-panel:hover .hero-news-track{animation-play-state:paused}
.hero-news-item{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  align-items:start;
  padding:9px 10px;
  border:1px solid #d7eaf5;
  border-radius:13px;
  background:rgba(255,255,255,.82);
}
.news-dot{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e5f5ff;
  color:#0878bd;
  font-size:.82rem;
}
.hero-news-item strong{
  display:block;
  color:#114d75;
  font-size:.78rem;
  line-height:1.2;
}
.hero-news-item small{
  display:block;
  margin-top:3px;
  color:#5c7890;
  font-size:.68rem;
  line-height:1.28;
}
@keyframes heroNewsUp{
  0%,8%{transform:translateY(0)}
  92%,100%{transform:translateY(-210px)}
}
@media (prefers-reduced-motion:reduce){.hero-news-track{animation:none}}
@media(max-width:1100px){
  .hero-news-window{height:165px}
  .hero-news-panel{margin-bottom:10px}
  @keyframes heroNewsUp{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(-180px)}}
}
@media(max-width:760px){
  .hero-news-panel{padding:14px;margin-bottom:12px}
  .hero-news-window{height:175px}
  .hero-news-head h2{font-size:1rem !important}
  .hero-news-item{padding:8px}
  .hero-news-item small{font-size:.67rem}
}

/* Final rotating 30-item news feed */
.hero-news-panel{position:relative;}
.hero-news-window{height:320px;overflow:hidden;border-top:1px solid #dceef8;padding-top:8px;mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 96%,transparent 100%);}
.hero-news-track{display:flex;flex-direction:column;gap:7px;animation:heroNewsUp30 78s linear infinite;will-change:transform;}
.hero-news-item{grid-template-columns:30px 1fr;gap:8px;padding:7px 9px;min-height:0;border-radius:11px;}
.hero-news-item strong{font-size:.76rem;line-height:1.18;}
.hero-news-item small{font-size:.65rem;line-height:1.24;margin-top:2px;}
.news-label{display:inline-block;margin-bottom:2px;padding:2px 6px;border-radius:999px;background:#e4f5ff;color:#006da9;font-size:.54rem;font-weight:900;letter-spacing:.25px;line-height:1.15;}
.hero-news-item:nth-child(6n) .news-label{background:#fff0f0;color:#c22b2b}
.hero-news-item:nth-child(6n+2) .news-label{background:#eef8ff;color:#0878bd}
.hero-news-item:nth-child(6n+3) .news-label{background:#eefaf3;color:#18744a}
.hero-news-item:nth-child(6n+4) .news-label{background:#fff7e8;color:#9a5c00}
.hero-news-item:nth-child(6n+5) .news-label{background:#f2efff;color:#5c4ba4}
@keyframes heroNewsUp30{
  0%,4%{transform:translateY(0)}
  96%,100%{transform:translateY(calc(-50%));}
}
@media(max-width:1100px){
  .hero-news-window{height:280px}
  .hero-news-track{animation-duration:72s}
}
@media(max-width:760px){
  .hero-news-window{height:300px}
  .hero-news-item{grid-template-columns:28px 1fr;padding:7px 8px}
  .hero-news-item strong{font-size:.72rem}
  .hero-news-item small{font-size:.63rem}
  .news-label{font-size:.5rem}
  .hero-news-track{animation-duration:82s}
}
@media(prefers-reduced-motion:reduce){.hero-news-track{animation:none}}


/* FINAL — top-right real-time image gallery */
.hero-v3-panel{
  align-self:start !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  padding-top:0 !important;
  margin-top:0 !important;
  gap:14px !important;
}
.hero-top-gallery{
  order:-10 !important;
  align-self:stretch !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.hero-top-gallery .gallery-head{margin-top:0 !important;padding-top:0 !important;}
.hero-top-gallery .gallery-head .badge{letter-spacing:.35px;}
.hero-top-gallery .home-gallery-window{margin-top:0 !important;}
@media(min-width:1101px){
  .hero-v3-inner{align-items:start !important;}
  .hero-v3-panel{position:relative;top:0 !important;}
}


/* FINAL FIX — pin the real-time gallery to the absolute top-right of the landing hero */
@media(min-width:1101px){
  .hero-v3{position:relative !important;}
  .hero-v3-inner{
    grid-template-columns:300px minmax(0,1fr) minmax(340px,430px) !important;
    align-items:start !important;
    padding-top:0 !important;
    padding-bottom:28px !important;
  }
  .hero-v3-panel{
    position:static !important;
    align-self:start !important;
    padding-top:0 !important;
  }
  .hero-top-gallery{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:min(430px,30vw) !important;
    z-index:8 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-top-gallery .home-gallery-window{
    height:520px !important;
    margin:0 !important;
  }
  .hero-v3-panel > .hero-visual{
    margin-top:545px !important;
  }
  .hero-v3-panel > .hero-panel-card{
    margin-top:0 !important;
  }
  .hero-v3-inner{
    padding-right:calc(min(430px,30vw) + 24px) !important;
  }
}
@media(max-width:1100px){
  .hero-top-gallery{position:relative !important;top:auto !important;right:auto !important;width:100% !important;}
  .hero-v3-inner{padding-right:0 !important;}
  .hero-v3-panel > .hero-visual{margin-top:0 !important;}
}

/* FINAL HOME LAYOUT — balanced desktop space utilization */
@media (min-width:1101px){
  .hero-v3{min-height:760px !important; overflow:hidden !important;}
  .hero-v3-inner{
    width:min(1500px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) 400px !important;
    column-gap:22px !important;
    align-items:start !important;
    padding:18px 0 34px !important;
    position:relative !important;
  }
  .home-packing-panel{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .hero-v3-copy{
    min-width:0 !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .hero-news-panel{
    width:100% !important;
    max-width:none !important;
    margin:0 0 18px !important;
    padding:16px !important;
    box-sizing:border-box !important;
  }
  .hero-news-window{height:250px !important;}
  .hero-news-track{animation-duration:78s !important;}
  .hero-news-item{padding:8px 10px !important;}
  .hero-news-item strong{font-size:.82rem !important;}
  .hero-news-item small{font-size:.68rem !important;}
  .hero-badge{margin-top:2px !important;}
  .hero-v3-copy h1{
    font-size:clamp(3rem,4.2vw,4.5rem) !important;
    line-height:1.02 !important;
    margin:8px 0 12px !important;
  }
  .hero-v3-copy p{max-width:760px !important; font-size:1rem !important;}
  .hero-v3-panel{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
  }
  .hero-top-gallery{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-top-gallery .gallery-head{margin:0 0 8px !important;}
  .hero-top-gallery .gallery-head p{font-size:.78rem !important; margin:0 0 8px !important;}
  .hero-top-gallery .home-gallery-window{
    height:575px !important;
    width:100% !important;
    margin:0 !important;
  }
  .hero-v3-panel > .hero-visual,
  .hero-v3-panel > .hero-panel-card{display:none !important;}
}

@media (min-width:1400px){
  .hero-v3-inner{grid-template-columns:300px minmax(0,1fr) 430px !important; column-gap:24px !important;}
  .hero-news-window{height:275px !important;}
  .hero-top-gallery .home-gallery-window{height:600px !important;}
}

@media (max-width:1100px){
  .hero-v3-inner{display:grid !important; grid-template-columns:1fr !important;}
  .hero-v3-copy,.hero-v3-panel,.home-packing-panel{width:100% !important;}
  .hero-news-panel{order:0 !important;}
  .hero-top-gallery{order:1 !important;}
}


/* FINAL — compact top-row news + real-time gallery alignment */
@media (min-width:1101px){
  .hero-v3{min-height:760px !important; overflow:hidden !important;}
  .hero-v3-inner{
    width:min(1500px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) 350px !important;
    column-gap:20px !important;
    align-items:start !important;
    padding:18px 0 34px !important;
    position:relative !important;
  }
  .home-packing-panel{grid-column:1 !important; width:100% !important; margin:0 !important;}

  /* Keep the main message in the middle, but leave a compact top row for news. */
  .hero-v3-copy{
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
    padding:290px 0 0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .hero-news-panel{
    position:absolute !important;
    top:18px !important;
    right:370px !important;
    width:min(310px,calc(100% - 750px)) !important;
    min-width:260px !important;
    max-width:310px !important;
    height:255px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    z-index:10 !important;
  }
  .hero-news-head{gap:8px !important; align-items:flex-start !important;}
  .hero-news-badge{font-size:.64rem !important; padding:5px 8px !important;}
  .hero-news-head h2{font-size:1.08rem !important; line-height:1.12 !important; margin:6px 0 0 !important;}
  .hero-news-live{font-size:.58rem !important; padding:5px 7px !important;}
  .hero-news-window{height:190px !important; margin-top:6px !important;}
  .hero-news-item{grid-template-columns:24px 1fr !important; gap:6px !important; padding:6px 7px !important;}
  .hero-news-item strong{font-size:.68rem !important; line-height:1.15 !important;}
  .hero-news-item small{font-size:.57rem !important; line-height:1.18 !important;}
  .news-label{font-size:.46rem !important; padding:2px 5px !important;}

  /* Gallery is the compact, fixed top-right block. */
  .hero-v3-panel{
    grid-column:3 !important;
    width:350px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    align-self:start !important;
    position:relative !important;
    z-index:9 !important;
  }
  .hero-top-gallery{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-top-gallery .gallery-head{margin:0 0 7px !important;}
  .hero-top-gallery .gallery-head .badge{font-size:.64rem !important; padding:5px 8px !important;}
  .hero-top-gallery .gallery-head h2{font-size:1.12rem !important; margin:5px 0 0 !important;}
  .hero-top-gallery .home-gallery-window{
    width:100% !important;
    height:520px !important;
    margin:0 !important;
    border-radius:18px !important;
  }
  .hero-top-gallery .home-gallery-set{padding:8px !important; gap:9px !important;}
  .hero-top-gallery .home-gallery-card{
    grid-template-columns:88px minmax(0,1fr) !important;
    min-height:76px !important;
    padding:5px !important;
    gap:8px !important;
    border-radius:13px !important;
  }
  .hero-top-gallery .home-gallery-card img{width:88px !important; height:60px !important; border-radius:9px !important;}
  .hero-top-gallery .home-gallery-card figcaption{font-size:.68rem !important; line-height:1.15 !important; padding:4px 5px !important;}

  /* Hide the lower copy-side visual so the top row remains clean. */
  .hero-v3-panel > .hero-visual,
  .hero-v3-panel > .hero-panel-card{display:none !important;}
}

@media (min-width:1400px){
  .hero-v3-inner{grid-template-columns:300px minmax(0,1fr) 360px !important; column-gap:22px !important;}
  .hero-news-panel{right:382px !important; width:320px !important; max-width:320px !important;}
  .hero-v3-panel{width:360px !important;}
  .hero-top-gallery .home-gallery-window{height:540px !important;}
}

/* FINAL ALIGNMENT — desktop landing page: packing | main | news | top-right gallery */
@media (min-width:1101px){
  .hero-v3{min-height:760px !important; overflow:hidden !important;}
  .hero-v3-inner{
    width:min(1500px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) 320px !important;
    column-gap:18px !important;
    align-items:start !important;
    padding:18px 0 34px !important;
    position:relative !important;
  }

  .home-packing-panel{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    margin:0 !important;
  }

  .hero-v3-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:255px 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  /* Compact news block sits at the same top level as the gallery. */
  .hero-news-panel{
    position:absolute !important;
    top:18px !important;
    right:338px !important;
    width:300px !important;
    max-width:300px !important;
    height:235px !important;
    margin:0 !important;
    padding:12px 13px !important;
    box-sizing:border-box !important;
    border-radius:18px !important;
    z-index:20 !important;
  }
  .hero-news-window{height:168px !important; margin-top:5px !important;}
  .hero-news-item{padding:6px 7px !important; grid-template-columns:22px 1fr !important; gap:5px !important;}
  .hero-news-item strong{font-size:.66rem !important; line-height:1.14 !important;}
  .hero-news-item small{font-size:.55rem !important; line-height:1.16 !important;}
  .news-label{font-size:.44rem !important; padding:2px 5px !important;}
  .hero-news-badge{font-size:.60rem !important; padding:4px 7px !important;}
  .hero-news-head h2{font-size:1rem !important; line-height:1.1 !important; margin:5px 0 0 !important;}
  .hero-news-live{font-size:.54rem !important; padding:4px 6px !important;}

  /* Gallery is always the top-right block on desktop. */
  .hero-v3-panel{
    grid-column:3 !important;
    grid-row:1 !important;
    width:320px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    align-self:start !important;
    position:relative !important;
    z-index:19 !important;
  }
  .hero-top-gallery{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-top-gallery .gallery-head{margin:0 0 7px !important;}
  .hero-top-gallery .gallery-head .badge{font-size:.60rem !important; padding:4px 7px !important;}
  .hero-top-gallery .gallery-head h2{font-size:1.05rem !important; margin:5px 0 0 !important;}
  .hero-top-gallery .gallery-head p{display:none !important;}
  .hero-top-gallery .home-gallery-window{
    width:100% !important;
    height:510px !important;
    margin:0 !important;
    border-radius:18px !important;
  }
  .hero-top-gallery .home-gallery-set{padding:8px !important; gap:8px !important;}
  .hero-top-gallery .home-gallery-card{
    grid-template-columns:82px minmax(0,1fr) !important;
    min-height:72px !important;
    padding:5px !important;
    gap:7px !important;
    border-radius:12px !important;
  }
  .hero-top-gallery .home-gallery-card img{width:82px !important; height:56px !important; border-radius:8px !important;}
  .hero-top-gallery .home-gallery-card figcaption{font-size:.64rem !important; line-height:1.12 !important; padding:3px 4px !important;}

  /* Don't let the hidden legacy visual create vertical gaps. */
  .hero-v3-panel > .hero-visual,
  .hero-v3-panel > .hero-panel-card{display:none !important;}

  .hero-v3-copy h1{max-width:720px !important;}
  .hero-v3-copy p{max-width:650px !important;}
}

@media (min-width:1450px){
  .hero-v3-inner{grid-template-columns:280px minmax(0,1fr) 340px !important; column-gap:20px !important;}
  .hero-news-panel{right:360px !important; width:320px !important; max-width:320px !important;}
  .hero-v3-panel{width:340px !important;}
  .hero-top-gallery .home-gallery-window{height:535px !important;}
}

/* ULTRA FINAL — force desktop landing alignment: packing | main content | news + gallery top-right */
@media (min-width:1101px){
  .hero-v3{min-height:780px !important; overflow:hidden !important;}
  .hero-v3-inner{
    position:relative !important;
    display:block !important;
    width:min(1500px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:18px 0 34px !important;
    min-height:740px !important;
  }

  /* Left column */
  .home-packing-panel{
    position:absolute !important;
    left:0 !important;
    top:18px !important;
    width:280px !important;
    margin:0 !important;
    z-index:5 !important;
  }

  /* Main landing message occupies the open centre area. */
  .hero-v3-copy{
    position:absolute !important;
    left:300px !important;
    right:700px !important;
    top:18px !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:300px 0 0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    z-index:3 !important;
  }

  /* News and gallery form one compact top-right row. */
  .hero-news-panel{
    position:absolute !important;
    top:18px !important;
    right:372px !important;
    width:300px !important;
    max-width:300px !important;
    height:255px !important;
    margin:0 !important;
    padding:12px 13px !important;
    box-sizing:border-box !important;
    z-index:20 !important;
  }
  .hero-news-window{height:188px !important; margin-top:5px !important; overflow:hidden !important;}
  .hero-news-item{padding:6px 7px !important; grid-template-columns:22px minmax(0,1fr) !important; gap:5px !important;}
  .hero-news-item strong{font-size:.66rem !important; line-height:1.14 !important;}
  .hero-news-item small{font-size:.55rem !important; line-height:1.16 !important;}
  .news-label{font-size:.44rem !important; padding:2px 5px !important;}
  .hero-news-badge{font-size:.60rem !important; padding:4px 7px !important;}
  .hero-news-head h2{font-size:1rem !important; line-height:1.1 !important; margin:5px 0 0 !important;}
  .hero-news-live{font-size:.54rem !important; padding:4px 6px !important;}

  .hero-v3-panel{
    position:absolute !important;
    top:18px !important;
    right:0 !important;
    width:350px !important;
    min-width:350px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:19 !important;
  }
  .hero-top-gallery{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:350px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-top-gallery .gallery-head{margin:0 0 7px !important;}
  .hero-top-gallery .gallery-head .badge{font-size:.60rem !important; padding:4px 7px !important;}
  .hero-top-gallery .gallery-head h2{font-size:1.05rem !important; margin:5px 0 0 !important;}
  .hero-top-gallery .gallery-head p{display:none !important;}
  .hero-top-gallery .home-gallery-window{
    width:350px !important;
    height:540px !important;
    margin:0 !important;
    border-radius:18px !important;
  }
  .hero-top-gallery .home-gallery-set{padding:8px !important; gap:8px !important;}
  .hero-top-gallery .home-gallery-card{
    grid-template-columns:82px minmax(0,1fr) !important;
    min-height:72px !important;
    padding:5px !important;
    gap:7px !important;
    border-radius:12px !important;
  }
  .hero-top-gallery .home-gallery-card img{width:82px !important; height:56px !important; border-radius:8px !important;}
  .hero-top-gallery .home-gallery-card figcaption{font-size:.64rem !important; line-height:1.12 !important; padding:3px 4px !important;}

  .hero-v3-panel > .hero-visual,
  .hero-v3-panel > .hero-panel-card{display:none !important;}
}

@media (min-width:1450px){
  .hero-v3-inner{width:min(1550px,calc(100% - 48px)) !important;}
  .home-packing-panel{width:300px !important;}
  .hero-v3-copy{left:322px !important; right:724px !important;}
  .hero-news-panel{right:382px !important; width:320px !important; max-width:320px !important;}
  .hero-v3-panel,.hero-top-gallery{width:360px !important; min-width:360px !important;}
  .hero-top-gallery .home-gallery-window{width:360px !important; height:550px !important;}
}

@media (max-width:1100px){
  .hero-v3-inner{display:grid !important; min-height:0 !important;}
  .home-packing-panel,.hero-v3-copy,.hero-news-panel,.hero-v3-panel{position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; min-width:0 !important;}
  .hero-v3-copy{padding:0 !important;}
  .hero-news-panel{margin:0 0 18px !important;}
  .hero-v3-panel{margin:0 !important;}
  .hero-top-gallery{width:100% !important;}
  .hero-top-gallery .home-gallery-window{width:100% !important;}
}

/* FINAL ALIGNMENT FIX — keep packing, main content/news and gallery in clean columns.
   News is inside the center copy column, so it must be positioned relative to that column. */
@media (min-width:1101px){
  .hero-v3-inner{
    display:grid !important;
    grid-template-columns: 300px minmax(0, 1fr) 360px !important;
    column-gap:24px !important;
    align-items:start !important;
    position:relative !important;
    width:min(1550px, calc(100% - 48px)) !important;
    min-height:740px !important;
    padding:18px 0 34px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }

  .home-packing-panel{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    margin:0 !important;
    z-index:5 !important;
  }

  .hero-v3-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    z-index:3 !important;
  }

  /* News stays at the top of the center column; never overlaps packing. */
  .hero-news-panel{
    position:relative !important;
    inset:auto !important;
    width:min(320px,100%) !important;
    max-width:320px !important;
    height:255px !important;
    margin:0 auto 24px !important;
    padding:12px 13px !important;
    box-sizing:border-box !important;
    z-index:10 !important;
  }

  .hero-news-window{height:188px !important; overflow:hidden !important;}

  /* Main courier message follows the news panel with comfortable spacing. */
  .hero-v3-copy > .hero-badge,
  .hero-v3-copy > h1,
  .hero-v3-copy > p,
  .hero-v3-copy > .btns,
  .hero-v3-copy > .hero-benefits{
    width:min(760px,100%) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-v3-copy > .hero-badge{margin-top:0 !important;}
  .hero-v3-copy > h1{font-size:clamp(2.7rem,4.2vw,4.7rem) !important; line-height:.98 !important;}

  .hero-v3-panel{
    grid-column:3 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    width:360px !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:8 !important;
  }

  .hero-top-gallery{
    position:relative !important;
    inset:auto !important;
    width:360px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .hero-top-gallery .home-gallery-window{
    width:360px !important;
    height:550px !important;
  }
}

@media (min-width:1101px) and (max-width:1250px){
  .hero-v3-inner{grid-template-columns:270px minmax(0,1fr) 320px !important; column-gap:18px !important;}
  .hero-v3-panel,.hero-top-gallery,.hero-top-gallery .home-gallery-window{width:320px !important;}
  .hero-top-gallery .home-gallery-window{height:520px !important;}
  .hero-news-panel{width:300px !important; max-width:300px !important;}
  .home-packing-panel{width:270px !important;}
}

/* GRID ALIGNMENT — final desktop landing row: Safe Packing | News/Main | Real-Time Gallery */
@media (min-width:1101px){
  .hero-v3-inner{
    display:grid !important;
    grid-template-columns:300px minmax(0,1fr) 360px !important;
    column-gap:24px !important;
    align-items:start !important;
    width:min(1550px,calc(100% - 48px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:18px 0 34px !important;
    position:relative !important;
    box-sizing:border-box !important;
  }

  .home-packing-panel{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
    width:300px !important;
    z-index:5 !important;
  }

  .hero-v3-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:start !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .hero-news-panel{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    align-self:flex-start !important;
    width:320px !important;
    max-width:320px !important;
    height:255px !important;
    margin:0 0 24px 0 !important;
    box-sizing:border-box !important;
    z-index:10 !important;
  }

  .hero-v3-panel{
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:start !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
    padding:0 !important;
    width:360px !important;
    min-width:360px !important;
    height:auto !important;
    display:block !important;
    z-index:8 !important;
  }

  .hero-top-gallery{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    align-self:flex-start !important;
    width:360px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .hero-top-gallery .gallery-head{
    margin:0 0 7px !important;
    padding:0 !important;
  }

  .hero-top-gallery .home-gallery-window{
    width:360px !important;
    height:540px !important;
    margin:0 !important;
  }

  /* Keep the main courier message in the centre column below the news feed. */
  .hero-v3-copy > .hero-badge,
  .hero-v3-copy > h1,
  .hero-v3-copy > p,
  .hero-v3-copy > .btns,
  .hero-v3-copy > .hero-benefits{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media (min-width:1101px) and (max-width:1250px){
  .hero-v3-inner{grid-template-columns:270px minmax(0,1fr) 320px !important;column-gap:18px !important;}
  .home-packing-panel{width:270px !important;}
  .hero-news-panel{width:290px !important;max-width:290px !important;}
  .hero-v3-panel,.hero-top-gallery{width:320px !important;min-width:320px !important;}
  .hero-top-gallery .home-gallery-window{width:320px !important;height:500px !important;}
}

@media (max-width:1100px){
  .hero-v3-inner{grid-template-columns:1fr !important;}
  .home-packing-panel,.hero-v3-copy,.hero-v3-panel,.hero-top-gallery{width:100% !important;min-width:0 !important;}
  .hero-news-panel{width:100% !important;max-width:none !important;}
  .hero-top-gallery .home-gallery-window{width:100% !important;}
}

/* FINAL HOME GRID — compact news + gallery title inside the gallery panel */
@media (min-width: 1101px){
  .hero-v3-inner{
    grid-template-columns:300px minmax(390px,1fr) 360px !important;
    column-gap:26px !important;
    align-items:start !important;
    width:min(1550px, calc(100% - 48px)) !important;
    padding-top:18px !important;
  }
  .home-packing-panel{grid-column:1 !important;grid-row:1 !important;}
  .hero-v3-copy{grid-column:2 !important;grid-row:1 !important;}
  .hero-news-panel{
    width:100% !important;
    max-width:none !important;
    height:340px !important;
    margin:0 0 24px 0 !important;
  }
  .hero-news-window{height:245px !important;}
  .hero-news-item{padding:8px 10px !important;}
  .hero-news-item strong{font-size:.78rem !important;}
  .hero-news-item small{font-size:.67rem !important;}

  .hero-v3-panel{grid-column:3 !important;grid-row:1 !important;width:360px !important;min-width:360px !important;margin:0 !important;}
  .hero-top-gallery{width:360px !important;margin:0 !important;padding:0 !important;}

  /* Heading is part of the bordered gallery panel, not a separate block. */
  .hero-top-gallery .home-gallery-window{
    width:360px !important;
    height:600px !important;
    margin:0 !important;
    padding:0 0 10px !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.76) !important;
    border:1px solid #cfe8f7 !important;
    box-shadow:0 16px 34px rgba(23,91,132,.10) !important;
  }
  .hero-top-gallery .gallery-head{
    margin:0 !important;
    padding:14px 16px 10px !important;
    height:72px !important;
    box-sizing:border-box !important;
    text-align:left !important;
    background:rgba(238,248,255,.72) !important;
    border-bottom:1px solid #d9edf8 !important;
  }
  .hero-top-gallery .gallery-head .badge{
    display:inline-block !important;
    margin:0 !important;
    font-size:.60rem !important;
    padding:5px 8px !important;
    line-height:1 !important;
  }
  .hero-top-gallery .gallery-head h2{
    margin:7px 0 0 !important;
    font-size:1.12rem !important;
    line-height:1.1 !important;
    color:#0b4f7d !important;
  }
  .hero-top-gallery .home-gallery-track{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:max-content !important;
    animation:homeGalleryVerticalDesktop 36s linear infinite !important;
    animation-play-state:running !important;
    will-change:transform !important;
  }
  .hero-top-gallery .home-gallery-set{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    width:100% !important;
    padding:9px !important;
    box-sizing:border-box !important;
  }
  .hero-top-gallery .home-gallery-card{
    flex:0 0 78px !important;
    width:100% !important;
    min-height:78px !important;
    display:grid !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:6px !important;
    box-sizing:border-box !important;
    border-radius:14px !important;
  }
  .hero-top-gallery .home-gallery-card img{width:104px !important;height:66px !important;border-radius:9px !important;object-fit:cover !important;}
  .hero-top-gallery .home-gallery-card figcaption{padding:4px 5px !important;font-size:.70rem !important;line-height:1.18 !important;white-space:normal !important;color:#164b69 !important;}
  @keyframes homeGalleryVerticalDesktop{
    from{transform:translate3d(0,0,0);}
    to{transform:translate3d(0,calc(-50% - 4.5px),0);}
  }
  /* Explicitly keep the desktop feed moving; do not let an old reduced-motion rule disable it. */
  .hero-top-gallery .home-gallery-track{animation-name:homeGalleryVerticalDesktop !important;animation-duration:36s !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important;}
}

@media (min-width:1101px) and (max-width:1250px){
  .hero-v3-inner{grid-template-columns:270px minmax(340px,1fr) 320px !important;column-gap:18px !important;}
  .home-packing-panel{width:270px !important;}
  .hero-news-panel{width:100% !important;max-width:none !important;}
  .hero-v3-panel,.hero-top-gallery,.hero-top-gallery .home-gallery-window{width:320px !important;min-width:320px !important;}
  .hero-top-gallery .home-gallery-window{height:560px !important;}
}

@media (max-width:1100px){
  .hero-top-gallery .home-gallery-window{width:100% !important;}
  .hero-top-gallery .home-gallery-track{animation-name:homeGalleryVerticalMobile !important;animation-duration:34s !important;}
  @keyframes homeGalleryVerticalMobile{
    from{transform:translate3d(0,0,0);}
    to{transform:translate3d(0,calc(-50% - 4px),0);}
  }
}

/* FINAL FIX — reliable gallery motion on desktop + mobile.
   JavaScript controls the transform so the feed does not depend on CSS animation support. */
.hero-top-gallery .home-gallery-track{
  animation:none !important;
  animation-play-state:running !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

/* SCROLL ENGINE V3 SAFETY — desktop and mobile */
.hero-news-window,
.hero-top-gallery .home-gallery-window{overflow:hidden !important;}
.hero-news-track,
.hero-top-gallery .home-gallery-track{
  animation:none !important;
  animation-play-state:running !important;
  transform:translate3d(0,0,0) !important;
  will-change:transform !important;
}
.hero-top-gallery .home-gallery-track{display:flex !important;flex-direction:column !important;}
.hero-top-gallery .home-gallery-set{flex:0 0 auto !important;}

/* FINAL GALLERY ENGINE — JavaScript owns movement on every screen size. */
.hero-top-gallery .home-gallery-window { overflow: hidden !important; }
.hero-top-gallery .home-gallery-track {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: max-content !important;
  animation: none !important;
  animation-play-state: running !important;
  will-change: transform !important;
}
.hero-top-gallery .home-gallery-set {
  flex: 0 0 auto !important;
  transform: none !important;
}
@media (min-width: 1101px) {
  .hero-top-gallery .home-gallery-window { overflow: hidden !important; }
}

/* Garuda Vahana MEDAVAKKAM — ALL INNER PAGES LIGHT BLUE THEME
   Keeps the Home page design intact while making every inner page
   use the same clean light-blue visual language. */
body:not(:has(.hero-v3)){
  background:linear-gradient(180deg,#eaf7ff 0%,#f7fcff 55%,#eef8ff 100%) !important;
  color:#173b59 !important;
}
body:not(:has(.hero-v3)) .topbar{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #cfe6f5 !important;
}
body:not(:has(.hero-v3)) .section{
  background:transparent !important;
}
body:not(:has(.hero-v3)) .section-head h2,
body:not(:has(.hero-v3)) h2,
body:not(:has(.hero-v3)) h3{
  color:#073b66 !important;
}
body:not(:has(.hero-v3)) .card{
  background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%) !important;
  border:1px solid #d0e6f4 !important;
  box-shadow:0 14px 38px rgba(12,73,115,.10) !important;
  color:#173b59 !important;
}
body:not(:has(.hero-v3)) p,
body:not(:has(.hero-v3)) .list,
body:not(:has(.hero-v3)) .small{
  color:#55738d !important;
}
body:not(:has(.hero-v3)) label{
  color:#315a77 !important;
}
body:not(:has(.hero-v3)) .input,
body:not(:has(.hero-v3)) select,
body:not(:has(.hero-v3)) textarea{
  background:#fff !important;
  color:#173b59 !important;
  border-color:#cfe2ef !important;
}
body:not(:has(.hero-v3)) .notice{
  background:#eaf7ff !important;
  border-left-color:#167ac5 !important;
  color:#55738d !important;
}
body:not(:has(.hero-v3)) .pill{
  background:#fff !important;
  border-color:#d6e8f5 !important;
  color:#55738d !important;
}
body:not(:has(.hero-v3)) .btn.secondary{
  background:#fff !important;
  color:#073b66 !important;
  border-color:#cfe2ef !important;
}
body:not(:has(.hero-v3)) .footer{
  background:#07304f !important;
  color:#e9f6ff !important;
}
body:not(:has(.hero-v3)) .footer p,
body:not(:has(.hero-v3)) .footer a{
  color:#c2d9e8 !important;
}
@media(max-width:900px){
  body:not(:has(.hero-v3)) .nav-links{
    background:#fff !important;
    border-color:#d6e8f5 !important;
  }
}

/* Thalambur branch nativity */
.hero-v3-bg{background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.90) 40%,rgba(247,251,255,.38) 72%,rgba(247,251,255,.08) 100%),url('../assets/hero-thalambur.svg') center/cover no-repeat!important;}


/* GARUDA VAHANA UNIFIED LIGHT-BLUE THEME */
:root{
  --gv-light-blue:#dff3ff;
  --gv-blue:#8ed3ff;
  --gv-dark-blue:#174b66;
  --gv-white:#ffffff;
}
html,body{background:var(--gv-light-blue)!important;}
body{color:#17384a;}
header,.site-header,.navbar,.topbar,.nav-bar{background:var(--gv-light-blue)!important;}
footer,.site-footer{background:var(--gv-dark-blue)!important;color:#fff!important;}
footer a,.site-footer a,footer p,.site-footer p,footer span,.site-footer span{color:#fff!important;}
.btn,.button,.nav-btn,.staff-login-nav{background:var(--gv-blue)!important;color:#123247!important;border-color:var(--gv-blue)!important;}
.card,.panel,.section-card,.form-card,.bill-card{background:#fff!important;border-color:#bfe7ff!important;}
@media(max-width:767px){
  .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px;}
  .nav-links{flex-wrap:wrap;}
  .staff-login-nav{display:inline-flex;order:99;margin-top:6px;}
}