/* ════════════════════════════════════════════════════════════════════════
   SEE Find Us cinematic page — SEE-branded port of Sweet Heaven pattern
   Tokens: --see-red #CC1B1B · charcoal #0a0a0a
   Scoped prefix: .seefu-*
═══════════════════════════════════════════════════════════════════════ */

.seefu{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  background:#080808;color:#fff;
  width:100vw;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  position:relative;
  font-feature-settings:'cv11','ss01';
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.seefu *{box-sizing:border-box}

/* Break out of Kadence's .entry-content + hide WP page title */
body.page-contact .entry-content,
body.page-find-us .entry-content,
body.page[class*="contact"] .entry-content,
body.page[class*="find-us"] .entry-content,
.seefu ~ *{max-width:none !important}

body.page[class*="contact"] .entry-header,
body.page[class*="contact"] .entry-title,
body.page[class*="contact"] .kadence-title-area,
body.page[class*="contact"] .page-title,
body.page[class*="find-us"] .entry-header,
body.page[class*="find-us"] .entry-title,
body.page[class*="find-us"] .kadence-title-area,
body.page[class*="find-us"] .page-title{display:none !important}

/* ─── HERO ─────────────────────────────────────────────────────── */
.seefu-hero{
  padding:clamp(64px,9vw,120px) clamp(20px,4vw,48px);
  text-align:center;position:relative;overflow:hidden;
  min-height:340px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 30%,rgba(204,27,27,.18) 0%,transparent 55%),#080808;
}
.seefu-hero__noise{
  position:absolute;inset:0;pointer-events:none;opacity:.04;
  background-image:
    repeating-linear-gradient(0deg,#fff 0,#fff 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,#fff 0,#fff 1px,transparent 1px,transparent 4px);
}
.seefu-hero h1{
  font-size:clamp(40px,7vw,84px);font-weight:700;
  letter-spacing:-.045em;line-height:.92;text-transform:uppercase;
  color:#fff;margin:0;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  position:relative;z-index:2;
}
.seefu-hero h1 .seefu-h-line1{display:block}
.seefu-hero h1 .seefu-serif{
  display:block;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;font-style:italic;text-transform:none;
  font-size:clamp(22px,3.6vw,42px);
  color:rgba(255,255,255,.6);
}
.seefu-hero h1 .seefu-accent{color:#CC1B1B}
.seefu-hero__sub{
  font-size:clamp(12px,1.3vw,15px);font-weight:500;
  color:rgba(255,255,255,.55);
  margin-top:18px;letter-spacing:.04em;
  position:relative;z-index:2;
}
.seefu-hero__arrow{
  margin-top:24px;font-size:22px;
  color:rgba(255,255,255,.5);position:relative;z-index:2;
  animation:seefuBounce 2.2s infinite;
}
@keyframes seefuBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(8px)}
}

/* ─── ADDRESS CARD ─────────────────────────────────────────────── */
.seefu-addr{
  background:#0e0e10;
  padding:clamp(30px,4vw,52px) clamp(20px,4vw,52px);
  display:grid;grid-template-columns:1fr auto;gap:clamp(28px,4vw,52px);
  align-items:center;
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.seefu-addr__info{min-width:0}
.seefu-addr__ey{
  font-size:11px;font-weight:600;color:#CC1B1B;
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;
}
.seefu-addr__location{
  font-size:clamp(18px,2.4vw,26px);font-weight:600;color:#fff;
  line-height:1.35;letter-spacing:-.015em;margin-bottom:18px;
}
.seefu-addr__phone{
  font-size:clamp(20px,2.6vw,30px);font-weight:600;
  letter-spacing:-.015em;margin-top:6px;font-variant-numeric:tabular-nums;
}
.seefu-addr__phone--alt{font-size:clamp(15px,1.8vw,20px);font-weight:500}
.seefu-addr__phone a{color:#fff;text-decoration:none;transition:color .2s}
.seefu-addr__phone a:hover{color:#CC1B1B}
.seefu-addr__phone--alt a{color:rgba(255,255,255,.65)}
.seefu-addr__phone--alt a:hover{color:#fff}
.seefu-addr__email{font-size:13px;color:rgba(255,255,255,.55);margin-top:10px}
.seefu-addr__email a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:1px}
.seefu-addr__email a:hover{color:#fff;border-color:#fff}

.seefu-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:99px;font-size:11px;font-weight:600;
  background:rgba(125,195,131,.1);color:#7DC383;
  border:1px solid rgba(125,195,131,.22);
  margin-top:18px;letter-spacing:.04em;
}
.seefu-badge__dot{
  width:7px;height:7px;border-radius:50%;background:#7DC383;
  animation:seefuPulse 1.8s ease-out infinite;
}
@keyframes seefuPulse{
  0%   { box-shadow:0 0 0 0   rgba(125,195,131,.55) }
  70%  { box-shadow:0 0 0 10px transparent }
  100% { box-shadow:0 0 0 0   transparent }
}

.seefu-addr__btns{display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:200px}
.seefu-addr__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 24px;border-radius:99px;
  font-size:13px;font-weight:600;letter-spacing:.005em;
  text-decoration:none;cursor:pointer;border:0;
  transition:transform .2s,background .2s,box-shadow .2s;
}
.seefu-addr__btn:hover{transform:translateY(-2px)}
.seefu-btn--red{background:#CC1B1B;color:#fff;box-shadow:0 8px 22px rgba(204,27,27,.3)}
.seefu-btn--red:hover{background:#e02323;box-shadow:0 14px 30px rgba(204,27,27,.42)}
.seefu-btn--wa{background:#25D366;color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.28)}
.seefu-btn--wa:hover{background:#1da851}
.seefu-btn--ghost{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.1)}
.seefu-btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}

/* ─── MAP ──────────────────────────────────────────────────────── */
.seefu-map{
  height:clamp(280px,38vw,460px);
  background:#1a1a1a;position:relative;
}
.seefu-map iframe{
  width:100%;height:100%;border:0;
  filter:invert(.92) hue-rotate(180deg) saturate(.5) brightness(.9);
}

/* ─── HOURS ────────────────────────────────────────────────────── */
.seefu-hours{
  background:#080808;
  padding:clamp(28px,4vw,52px) clamp(20px,4vw,52px);
}
.seefu-hours__head{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:clamp(16px,2.5vw,24px);gap:14px;flex-wrap:wrap;
}
.seefu-hours__h{
  font-size:clamp(18px,2.4vw,26px);font-weight:600;
  letter-spacing:-.015em;color:#fff;
}
.seefu-hours__note{
  font-size:12px;font-weight:500;color:rgba(255,255,255,.45);
  letter-spacing:.04em;
}
.seefu-timeline{
  display:grid;grid-template-columns:repeat(7,1fr);gap:0;
  border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.seefu-day{
  text-align:center;padding:clamp(14px,2.2vw,22px) 6px;
  border-right:1px solid rgba(255,255,255,.06);position:relative;
  background:rgba(255,255,255,.015);
}
.seefu-day:last-child{border-right:none}
.seefu-day__name{
  font-size:clamp(11px,1.2vw,13px);font-weight:700;
  color:rgba(255,255,255,.7);
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;
}
.seefu-day__hrs{
  font-size:clamp(11px,1.1vw,13px);font-weight:500;
  color:rgba(255,255,255,.55);line-height:1.5;
  font-variant-numeric:tabular-nums;
}
.seefu-day__hrs span{font-size:10px;color:rgba(255,255,255,.35);font-weight:400}
.seefu-day--closed .seefu-day__hrs{color:rgba(255,255,255,.35)}
.seefu-day.seefu-today{
  background:rgba(204,27,27,.1);
}
.seefu-day.seefu-today .seefu-day__name{color:#CC1B1B;font-weight:800}
.seefu-day.seefu-today .seefu-day__hrs{color:rgba(255,255,255,.85)}
.seefu-day.seefu-today::after{
  content:'';position:absolute;top:8px;right:8px;
  width:7px;height:7px;border-radius:50%;background:#CC1B1B;
  animation:seefuPulse 1.8s ease-out infinite;
}

/* ─── ORBITAL CITIES ───────────────────────────────────────────── */
.seefu-orbit-section{
  padding:clamp(48px,6vw,80px) clamp(20px,4vw,48px);
  position:relative;overflow:hidden;
}
.seefu-orbit-section__bg{
  position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(204,27,27,.06) 0%,transparent 60%);
  pointer-events:none;
}
.seefu-orbit-section__overlay{
  position:absolute;inset:0;z-index:1;
  background:radial-gradient(circle at center,transparent 30%,#080808 75%);
  pointer-events:none;
}
.seefu-orbit__h{
  font-size:clamp(20px,2.6vw,28px);font-weight:600;color:#fff;
  letter-spacing:-.015em;margin-bottom:8px;
  text-align:center;position:relative;z-index:2;
}
.seefu-orbit__sub{
  font-size:13px;font-weight:500;color:rgba(255,255,255,.5);
  text-align:center;margin-bottom:clamp(24px,3vw,40px);
  position:relative;z-index:2;letter-spacing:.005em;
}

.seefu-orbit{
  position:relative;z-index:2;
  height:clamp(420px,48vw,580px);
  max-width:780px;margin:0 auto;
}

/* India map background — sits behind the rings */
.seefu-orbit__map{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:100%;height:100%;object-fit:contain;
  opacity:.10;filter:invert(.92) brightness(.6);
  pointer-events:none;z-index:0;
}

/* Compass markers */
.seefu-orbit__compass{
  position:absolute;
  font-size:10px;font-weight:600;
  color:rgba(204,27,27,.45);letter-spacing:.12em;
  z-index:1;pointer-events:none;
}
.seefu-orbit__compass--n{top:8px;left:50%;transform:translateX(-50%)}
.seefu-orbit__compass--s{bottom:8px;left:50%;transform:translateX(-50%)}
.seefu-orbit__compass--e{right:8px;top:50%;transform:translateY(-50%)}
.seefu-orbit__compass--w{left:8px;top:50%;transform:translateY(-50%)}

.seefu-orbit__ring{
  position:absolute;border-radius:50%;
  border:1px dashed rgba(204,27,27,.22);
  top:50%;left:50%;transform:translate(-50%,-50%);
}
.seefu-ring1{width:22%;padding-bottom:22%}
.seefu-ring2{
  width:50%;padding-bottom:50%;
  animation:seefuSpin 70s linear infinite;
  border-color:rgba(204,27,27,.18);
}
.seefu-ring3{
  width:80%;padding-bottom:80%;
  animation:seefuSpin 110s linear infinite reverse;
  border-color:rgba(255,255,255,.06);
}
@keyframes seefuSpin{
  from { transform:translate(-50%,-50%) rotate(0deg) }
  to   { transform:translate(-50%,-50%) rotate(360deg) }
}

.seefu-orbit__center{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  width:clamp(76px,10vw,96px);height:clamp(76px,10vw,96px);
  border-radius:50%;background:#CC1B1B;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#fff;text-align:center;line-height:1.15;
  box-shadow:
    0 0 0 4px rgba(204,27,27,.15),
    0 0 40px rgba(204,27,27,.4),
    0 0 80px rgba(204,27,27,.18);
}
.seefu-orbit__center-name{
  font-size:clamp(14px,1.6vw,18px);font-weight:700;letter-spacing:.04em;
}
.seefu-orbit__center-loc{
  font-size:clamp(9px,.95vw,11px);font-weight:500;
  color:rgba(255,255,255,.78);letter-spacing:.06em;margin-top:2px;
}

.seefu-orbit__city{
  position:absolute;z-index:4;
  padding:clamp(8px,1.1vw,10px) clamp(12px,1.4vw,16px);
  border-radius:10px;
  background:rgba(20,20,20,.82);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(204,27,27,.22);
  font-size:clamp(11px,1.2vw,13px);font-weight:600;
  color:rgba(255,255,255,.88);
  white-space:nowrap;transition:all .25s;cursor:default;
  letter-spacing:-.005em;
  display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 4px 14px rgba(0,0,0,.4);
}
.seefu-orbit__city:hover{
  background:rgba(204,27,27,.15);color:#fff;
  border-color:rgba(204,27,27,.55);transform:scale(1.08);
  box-shadow:0 0 24px rgba(204,27,27,.35);
}
.seefu-orbit__mode{
  width:14px;height:14px;
  color:#CC1B1B;flex-shrink:0;
}
.seefu-orbit__city-name{color:rgba(255,255,255,.88)}
.seefu-orbit__city strong{
  color:#CC1B1B;font-weight:700;
  font-variant-numeric:tabular-nums;
  padding-left:3px;
  border-left:1px solid rgba(204,27,27,.25);
}

/* Geographic positions on the orbit, matching real bearing from Panchkula.
   Top = N, bottom = S, etc. */
.seefu-oc1{top:8%;left:50%;transform:translateX(-50%)}           /* Chandigarh — N (closest, top of orbit) */
.seefu-oc2{top:62%;left:60%;transform:translate(-50%,-50%)}      /* Delhi NCR — S close (drivable) */
.seefu-oc3{top:46%;right:0%;transform:translateY(-50%)}          /* Lucknow — E (right) */
.seefu-oc4{bottom:12%;right:6%}                                  /* Kolkata — SE far (bottom-right) */
.seefu-oc5{bottom:0%;left:50%;transform:translateX(-50%)}        /* Bengaluru — S far (bottom) */
.seefu-oc6{bottom:12%;left:6%}                                   /* Mumbai — SW far (bottom-left) */
.seefu-oc7{top:46%;left:0%;transform:translateY(-50%)}           /* Ahmedabad — W (left) */
.seefu-oc8{top:22%;left:14%}                                     /* Baddi — NW close (top-left) */

.seefu-orbit__note{
  text-align:center;margin-top:clamp(20px,3vw,32px);
  font-size:clamp(13px,1.3vw,15px);font-weight:400;
  color:rgba(255,255,255,.6);line-height:1.6;
  position:relative;z-index:2;
}
.seefu-orbit__note strong{color:#fff;font-weight:600}

/* SEO line */
.seefu-seo{
  padding:clamp(14px,2vw,22px) clamp(20px,4vw,52px);
  background:#080808;
  font-size:11px;font-weight:400;color:rgba(255,255,255,.08);
  line-height:1.7;text-align:center;
  max-width:920px;margin:0 auto;
}

/* ─── VIDEO + SOCIALS ──────────────────────────────────────────── */
.seefu-video-section{
  background:#0e0e10;
  padding:clamp(40px,5vw,72px) clamp(20px,4vw,52px);
  border-top:1px solid rgba(255,255,255,.04);
}
.seefu-video__h{
  font-size:clamp(20px,2.6vw,30px);font-weight:700;
  text-transform:uppercase;letter-spacing:-.02em;
  color:#fff;text-align:center;margin-bottom:clamp(20px,3vw,32px);
}
.seefu-video__h .seefu-accent{color:#CC1B1B}
.seefu-video__wrap{
  max-width:880px;margin:0 auto;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5);
}
.seefu-video__wrap video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

.seefu-social-row{
  max-width:880px;margin:clamp(24px,3vw,36px) auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.seefu-social{
  display:flex;align-items:center;gap:14px;
  padding:18px 22px;border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;color:#fff;
  transition:all .25s ease-out;
  position:relative;overflow:hidden;
}
.seefu-social:hover{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);
  transform:translateY(-3px);
}
.seefu-social__icon{
  width:42px;height:42px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:#fff;
  background:rgba(255,255,255,.06);
}
.seefu-social__text{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.seefu-social__text strong{
  font-size:14px;font-weight:600;letter-spacing:-.005em;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.seefu-social__text span{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.5);
  letter-spacing:.005em;
}

.seefu-social--ig{
  background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);
  background-size:200% 200%;border-color:rgba(255,255,255,.15);
  animation:seefuIgGlow 4s ease infinite;
}
.seefu-social--ig:hover{background-position:100% 50%}
.seefu-social--ig .seefu-social__icon{background:rgba(255,255,255,.18)}
.seefu-social--ig .seefu-social__text span{color:rgba(255,255,255,.75)}
@keyframes seefuIgGlow{
  0%   { background-position:0% 50% }
  50%  { background-position:100% 50% }
  100% { background-position:0% 50% }
}
.seefu-social__shine{
  position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  animation:seefuShine 3.5s ease-in-out infinite;pointer-events:none;
}
@keyframes seefuShine{
  0%   { left:-100% }
  60%  { left:150% }
  100% { left:150% }
}

.seefu-social--li{background:rgba(10,102,194,.08);border-color:rgba(10,102,194,.22)}
.seefu-social--li:hover{background:rgba(10,102,194,.14);border-color:rgba(10,102,194,.4)}
.seefu-social--li .seefu-social__icon{color:#0a66c2;background:rgba(10,102,194,.14)}

.seefu-social--wa{background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.22)}
.seefu-social--wa:hover{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.4)}
.seefu-social--wa .seefu-social__icon{color:#25D366;background:rgba(37,211,102,.14)}

/* ─── Reveal on scroll ─────────────────────────────────────────── */
.seefu-rv{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);
}
.seefu-rv.seefu-in{opacity:1;transform:translateY(0)}

/* ─── Responsive ───────────────────────────────────────────────── */
@media (max-width:900px){
  .seefu-addr{grid-template-columns:1fr;text-align:left}
  .seefu-addr__btns{flex-direction:row;flex-wrap:wrap}
  .seefu-addr__btn{flex:1 1 120px}
  .seefu-orbit{height:380px;max-width:540px}
  .seefu-social-row{grid-template-columns:1fr}
}
@media (max-width:560px){
  .seefu-hero h1{font-size:42px}
  .seefu-timeline{grid-template-columns:repeat(4,1fr)}
  .seefu-day:nth-child(n+5){border-top:1px solid rgba(255,255,255,.06)}
  .seefu-orbit{height:340px}
  .seefu-orbit__city{font-size:10px;padding:5px 10px}
  .seefu-orbit__center{width:64px;height:64px}
}

@media (prefers-reduced-motion:reduce){
  .seefu-ring2,.seefu-ring3,.seefu-hero__arrow,
  .seefu-badge__dot,.seefu-social__shine,.seefu-social--ig{animation:none !important}
  .seefu-rv{opacity:1;transform:none}
}
