/* Gulf support section — premium sequential reveal animation */
.home-gulf-section{
  position:relative;
  overflow:hidden;
  padding:58px 0 48px;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,252,241,.78)),
    url('../images/hero/slide-05-bangalore-palace.jpg');
  background-size:cover;
  background-position:center 56%;
  border-top:1px solid rgba(212,175,55,.14);
  border-bottom:1px solid rgba(212,175,55,.14);
}
.home-gulf-section::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.48) 50%,rgba(255,255,255,.86) 100%);
  pointer-events:none;
}
.home-gulf-section .container{position:relative;z-index:1}
.home-gulf-head{text-align:center;max-width:900px;margin:0 auto 28px}
.home-gulf-head h2{margin:0 0 6px;font-size:34px;line-height:1.15;color:#17130b}
.home-gulf-head p{margin:0;color:#5e5a51;font-size:.96rem}
.home-gulf-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}

/* Animated gold travel path behind the country cards */
.home-gulf-grid::before{
  content:"";position:absolute;left:4%;right:4%;top:52%;height:1px;
  background:linear-gradient(90deg,transparent,#d4af37 12%,#e7c85a 50%,#d4af37 88%,transparent);
  transform:scaleX(0);transform-origin:left center;
  animation:gulfPathDraw 1.8s .35s cubic-bezier(.22,.61,.36,1) forwards;
  opacity:.65;z-index:0;
}
.home-gulf-card{
  position:relative;z-index:1;min-height:198px;padding:15px 12px 14px;text-align:center;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(212,175,55,.42);border-radius:12px;
  box-shadow:0 9px 24px rgba(84,61,13,.10),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(5px);
  opacity:0;transform:translateY(38px) scale(.96);
  animation:gulfCardReveal .72s cubic-bezier(.22,.61,.36,1) forwards;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  overflow:hidden;
}
.home-gulf-card:nth-child(1){animation-delay:.15s}
.home-gulf-card:nth-child(2){animation-delay:.30s}
.home-gulf-card:nth-child(3){animation-delay:.45s}
.home-gulf-card:nth-child(4){animation-delay:.60s}
.home-gulf-card:nth-child(5){animation-delay:.75s}
.home-gulf-card:nth-child(6){animation-delay:.90s}
.home-gulf-card::after{
  content:"";position:absolute;top:0;bottom:0;left:-75%;width:45%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,248,199,.75),transparent);
  transform:skewX(-18deg);
  animation:gulfCardShimmer 1.05s ease .9s 1 forwards;
}
.home-gulf-card:hover{transform:translateY(-8px) scale(1.025);border-color:#d4af37;box-shadow:0 20px 38px rgba(84,61,13,.19)}
.home-gulf-card:hover .home-gulf-flag{transform:rotate(-3deg) scale(1.08);filter:drop-shadow(0 8px 10px rgba(58,42,10,.22))}
.home-gulf-flag{
  height:74px;display:grid;place-items:center;font-size:4.4rem;line-height:1;
  filter:drop-shadow(0 5px 7px rgba(58,42,10,.18));
  transition:transform .45s cubic-bezier(.22,.61,.36,1),filter .45s ease;
}
.home-gulf-card h3{margin:7px 0 7px;font-size:1rem;line-height:1.18;font-family:'Playfair Display',Georgia,serif;color:#201a10}
.home-gulf-card p{margin:0;color:#5a554c;font-size:.78rem;line-height:1.45}

@keyframes gulfCardReveal{0%{opacity:0;transform:translateY(38px) scale(.96)}70%{opacity:1;transform:translateY(-4px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes gulfPathDraw{to{transform:scaleX(1)}}
@keyframes gulfCardShimmer{to{left:145%}}

@media(max-width:1050px){.home-gulf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-gulf-grid::before{display:none}}
@media(max-width:650px){
  .home-gulf-section{padding:48px 0 40px;background-position:center}
  .home-gulf-head h2{font-size:29px}
  .home-gulf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-gulf-card{min-height:190px}
  .home-gulf-flag{height:68px;font-size:3.9rem}
}
@media(max-width:430px){.home-gulf-grid{grid-template-columns:1fr}.home-gulf-card{min-height:175px}.home-gulf-flag{height:65px}}
@media(prefers-reduced-motion:reduce){
  .home-gulf-grid::before,.home-gulf-card,.home-gulf-card::after{animation:none!important}
  .home-gulf-card{opacity:1;transform:none}
  .home-gulf-flag,.home-gulf-card{transition:none!important}
}