/* StudentHubHelp — premium audience guide layer */
.audience-card{cursor:pointer;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.audience-card::after{content:'Explore guide →';position:absolute;right:22px;bottom:20px;color:var(--gold-light,#f3c85b);font-size:10px;font-weight:800;letter-spacing:.3px;opacity:.8}.audience-card:hover{transform:translateY(-5px);border-color:rgba(214,168,79,.45);box-shadow:0 24px 55px rgba(0,0,0,.28)}.audience-card:focus-visible{outline:2px solid #d6a84f;outline-offset:4px}
.shh-guide-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(3,12,25,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.shh-guide-backdrop.is-open{opacity:1;visibility:visible}.shh-guide-modal{width:min(1040px,100%);height:min(88vh,900px);display:flex;flex-direction:column;background:#f7f9fc;color:#15233a;border:1px solid rgba(214,168,79,.45);border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.48);overflow:hidden;transform:translateY(18px) scale(.985);transition:transform .25s ease}.is-open .shh-guide-modal{transform:translateY(0) scale(1)}.shh-guide-top{flex:0 0 auto;padding:22px 26px 18px;background:linear-gradient(135deg,#071b35,#102e50);color:#fff;border-bottom:1px solid rgba(214,168,79,.24);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.shh-guide-kicker{font-size:10px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#f3c85b}.shh-guide-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,4vw,42px);line-height:1.08;margin:7px 0 5px}.shh-guide-subtitle{margin:0;color:#b8c9dc;font-size:12px;line-height:1.55;max-width:760px}.shh-guide-close{flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}.shh-guide-close:hover{background:rgba(255,255,255,.12)}.shh-guide-body{flex:1;overflow:auto;padding:28px 34px 38px}.shh-guide-body article{max-width:880px;margin:auto}.shh-guide-body h2{font-family:'Playfair Display',Georgia,serif;font-size:26px;color:#13223a;margin:30px 0 10px}.shh-guide-body h2:first-child{margin-top:0}.shh-guide-body h3{font-size:17px;color:#13223a;margin:24px 0 8px}.shh-guide-body p,.shh-guide-body li{font-size:14px;line-height:1.75;color:#4f6279}.shh-guide-body ul,.shh-guide-body ol{padding-left:22px}.shh-guide-body li{margin:5px 0}.shh-guide-fact{margin:18px 0;padding:18px 20px;border:1px solid #dbe7e3;border-left:4px solid #16b88a;border-radius:15px;background:#effaf6}.shh-guide-fact strong{display:block;color:#087b5d;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.shh-guide-check{margin:18px 0;padding:18px 20px;border:1px solid #e3e8ef;border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(18,38,63,.06)}.shh-guide-check strong{display:block;margin-bottom:8px;color:#17283f}.shh-guide-cta{margin-top:30px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#0a2342,#123b68);color:#fff}.shh-guide-cta h3{color:#fff;margin:0 0 7px}.shh-guide-cta p{color:#b8c9dc;margin:0 0 14px}.shh-guide-cta a{display:inline-flex;padding:10px 15px;border-radius:999px;background:#d6a84f;color:#081a31;text-decoration:none;font-weight:900;font-size:12px}.shh-guide-faq{border-top:1px solid #e2e8f0}.shh-guide-faq details{border-bottom:1px solid #e2e8f0;padding:14px 0}.shh-guide-faq summary{cursor:pointer;font-weight:800;color:#182a42;font-size:14px}.shh-guide-faq p{margin:9px 0 0}.shh-guide-loading{padding:50px;text-align:center;color:#64748b}
@media(max-width:700px){.shh-guide-backdrop{padding:0}.shh-guide-modal{width:100%;height:100%;max-height:none;border-radius:0;border:0}.shh-guide-top{padding:18px 17px 15px}.shh-guide-title{font-size:28px}.shh-guide-body{padding:22px 17px 32px}.shh-guide-body p,.shh-guide-body li{font-size:13px}.audience-card::after{right:18px;bottom:17px}}
body.shh-guide-lock{overflow:hidden}

/* HERO FULL-SCREEN BANNER */
.hero{padding:0 !important;overflow:hidden !important}
.hero > .container.hero-grid{position:relative !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;display:block !important;min-height:clamp(640px,82vh,900px) !important}
.hero-grid > div:first-child{position:absolute !important;inset:0 !important;z-index:30 !important;display:block !important;pointer-events:none !important;padding:clamp(88px,12vh,140px) clamp(18px,6vw,96px) 170px !important;max-width:none !important}
.hero-grid > div:first-child .hero-highlights,.hero-grid > div:first-child .hero-badge,.hero-grid > div:first-child > h1,.hero-grid > div:first-child > .hero-text,.hero-grid > div:first-child .quick-searches{display:none !important}
.hero-grid > div:first-child .hero-search-wrap{position:absolute !important;left:clamp(18px,6vw,96px) !important;right:auto !important;bottom:clamp(105px,15vh,155px) !important;width:min(700px,calc(100% - clamp(36px,12vw,192px))) !important;max-width:none !important;pointer-events:auto !important}
.hero-grid > div:first-child .hero-search{max-width:none !important;box-shadow:0 24px 70px rgba(0,0,0,.42) !important}
.hero-visual{position:relative !important;width:100% !important;height:clamp(640px,82vh,900px) !important;min-height:clamp(640px,82vh,900px) !important;aspect-ratio:auto !important;margin:0 !important;overflow:hidden !important;background:#06162b !important}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,24,.72) 0%,rgba(2,11,24,.38) 38%,rgba(2,11,24,.10) 72%,rgba(2,11,24,.30) 100%),linear-gradient(180deg,rgba(2,11,24,.12) 0%,rgba(2,11,24,.02) 45%,rgba(2,11,24,.68) 100%)}
@keyframes shhHeroSlide{0%,100%{opacity:0;transform:scale(1.035) translate3d(24px,0,0)}2%{opacity:1;transform:scale(1) translate3d(0,0,0)}17%{opacity:1;transform:scale(1.008) translate3d(0,0,0)}20%{opacity:0;transform:scale(1.035) translate3d(-18px,0,0)}20.01%{opacity:0;transform:scale(1.035) translate3d(24px,0,0)}}
.carousel-card{position:absolute !important;inset:0 !important;opacity:0;transform:scale(1.035) translate3d(24px,0,0);transition:none !important;pointer-events:none !important;animation:shhHeroSlide 12.5s linear infinite !important;will-change:opacity,transform;z-index:2}
.carousel-card:nth-child(1){animation-delay:0s !important}.carousel-card:nth-child(2){animation-delay:-2.5s !important}.carousel-card:nth-child(3){animation-delay:-5s !important}.carousel-card:nth-child(4){animation-delay:-7.5s !important}.carousel-card:nth-child(5){animation-delay:-10s !important}
.carousel-card.active{pointer-events:none !important}
.carousel-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(135deg,rgba(5,18,35,.10),transparent 45%,rgba(5,18,35,.24) 100%)}
.carousel-card img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:saturate(1.05) contrast(1.02)}
.carousel-overlay{position:absolute !important;z-index:12 !important;left:clamp(18px,6vw,96px) !important;top:clamp(115px,16vh,175px) !important;right:auto !important;bottom:auto !important;width:min(700px,calc(100% - clamp(36px,12vw,192px))) !important;padding:0 !important;background:transparent !important;backdrop-filter:none !important;border-radius:0 !important;color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.48);pointer-events:none !important}
.carousel-overlay small{display:inline-flex !important;align-items:center;padding:7px 11px;margin-bottom:14px;border-radius:999px;border:1px solid rgba(240,212,138,.40);background:rgba(7,26,51,.30);backdrop-filter:blur(8px);font-size:clamp(9px,1vw,12px) !important;letter-spacing:1.1px !important;color:var(--gold-light) !important}
.carousel-overlay h3{margin:0 !important;max-width:680px;font-family:"Playfair Display",serif !important;font-size:clamp(34px,5vw,66px) !important;line-height:1.04 !important;letter-spacing:-1.2px !important;color:#fff !important}
.carousel-overlay h3::after{display:block;content:"";margin-top:16px;max-width:640px;font-family:"Inter",sans-serif;font-size:clamp(13px,1.35vw,17px);font-weight:500;line-height:1.55;letter-spacing:0;color:rgba(255,255,255,.86);text-shadow:0 2px 14px rgba(0,0,0,.38)}
.carousel-card:nth-child(1) .carousel-overlay h3::after{content:"Find student-friendly accommodation near coaching, study hubs and everyday essentials."}.carousel-card:nth-child(2) .carousel-overlay h3::after{content:"Explore tiffin and mess options with meal plans, delivery and local service details."}.carousel-card:nth-child(3) .carousel-overlay h3::after{content:"Discover libraries and focused study spaces around your student area."}.carousel-card:nth-child(4) .carousel-overlay h3::after{content:"Find cafés for quick breaks, meetings and study-time around your location."}.carousel-card:nth-child(5) .carousel-overlay h3::after{content:"Explore book stores for competitive-exam books, notes, stationery and study essentials."}
.carousel-dots{position:absolute !important;left:clamp(12px,4vw,60px) !important;right:clamp(12px,4vw,60px) !important;bottom:18px !important;min-height:0 !important;height:auto !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;align-items:stretch !important;gap:10px !important;z-index:25 !important;pointer-events:auto !important;overflow:visible !important}
@keyframes shhTileActive{0%,20%{transform:translateY(0) scale(1);box-shadow:0 12px 28px rgba(0,0,0,.18);border-color:rgba(7,26,51,.10)}2%,17%{transform:translateY(-7px) scale(1.025);box-shadow:0 20px 38px rgba(0,0,0,.28);border-color:rgba(214,168,79,.70)}20.01%,100%{transform:translateY(0) scale(1);box-shadow:0 12px 28px rgba(0,0,0,.18);border-color:rgba(7,26,51,.10)}}
.carousel-dots .carousel-dot{position:relative;width:auto !important;min-width:0 !important;min-height:78px !important;height:78px !important;margin:0 !important;border:1px solid rgba(7,26,51,.10) !important;border-radius:18px !important;background:rgba(255,255,255,.96) !important;box-shadow:0 12px 28px rgba(0,0,0,.18) !important;color:#172238 !important;cursor:pointer !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;padding:9px 8px !important;appearance:none !important;overflow:hidden !important;animation:shhTileActive 12.5s linear infinite !important;will-change:transform,box-shadow}
.carousel-dots .carousel-dot:nth-child(1){animation-delay:0s !important}.carousel-dots .carousel-dot:nth-child(2){animation-delay:-2.5s !important}.carousel-dots .carousel-dot:nth-child(3){animation-delay:-5s !important}.carousel-dots .carousel-dot:nth-child(4){animation-delay:-7.5s !important}.carousel-dots .carousel-dot:nth-child(5){animation-delay:-10s !important}
.carousel-dots .carousel-dot::before{content:"";display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:#f6f7f9;border:1px solid rgba(7,26,51,.08);font-size:18px}.carousel-dots .carousel-dot:nth-child(1)::before{content:"🏠"}.carousel-dots .carousel-dot:nth-child(2)::before{content:"🍱"}.carousel-dots .carousel-dot:nth-child(3)::before{content:"📚"}.carousel-dots .carousel-dot:nth-child(4)::before{content:"☕"}.carousel-dots .carousel-dot:nth-child(5)::before{content:"📖"}
.carousel-dots .carousel-dot::after{font-family:"Inter",sans-serif;font-size:12px;line-height:1.1;font-weight:900;letter-spacing:.1px;color:#172238}.carousel-dots .carousel-dot:nth-child(1)::after{content:"Hostel / PG"}.carousel-dots .carousel-dot:nth-child(2)::after{content:"Tiffin / Mess"}.carousel-dots .carousel-dot:nth-child(3)::after{content:"Library"}.carousel-dots .carousel-dot:nth-child(4)::after{content:"Cafe"}.carousel-dots .carousel-dot:nth-child(5)::after{content:"Book Store"}
.carousel-dots .carousel-dot.active{width:auto !important;background:rgba(255,255,255,.96) !important;color:#172238 !important}
@keyframes shhHeaderCat{0%,20%{transform:scale(1);text-shadow:none}2%,17%{transform:scale(1.08);text-shadow:0 0 8px rgba(214,168,79,.55)}}
.brand-categories span[data-category-index]{animation:shhHeaderCat 12.5s linear infinite !important;transform-origin:center center;display:inline-block}.brand-categories span[data-category-index="0"]{animation-delay:0s !important}.brand-categories span[data-category-index="1"]{animation-delay:-2.5s !important}.brand-categories span[data-category-index="2"]{animation-delay:-5s !important}.brand-categories span[data-category-index="3"]{animation-delay:-7.5s !important}.brand-categories span[data-category-index="4"]{animation-delay:-10s !important}.brand-categories span.active-cat{color:inherit !important;font-weight:700 !important;opacity:.85 !important;text-shadow:none !important}
@media(max-width:850px){.hero-grid > div:first-child .hero-search-wrap{left:22px !important;right:22px !important;width:auto !important;bottom:132px !important}.carousel-overlay{left:22px !important;right:22px !important;width:auto !important;top:92px !important}.carousel-overlay h3{font-size:clamp(30px,8vw,46px) !important}.carousel-overlay h3::after{font-size:13px}.carousel-dots{left:12px !important;right:12px !important;bottom:14px !important;gap:6px !important}.carousel-dots .carousel-dot{min-height:62px !important;height:62px !important;padding:6px 4px !important;border-radius:14px !important}.carousel-dots .carousel-dot::before{width:27px;height:27px;flex-basis:27px;font-size:14px}.carousel-dots .carousel-dot::after{font-size:9px}}
@media(max-width:600px){.hero > .container.hero-grid,.hero-visual{min-height:650px !important;height:650px !important}.hero-grid > div:first-child{padding:82px 14px 150px !important}.hero-grid > div:first-child .hero-search-wrap{left:14px !important;right:14px !important;bottom:116px !important;width:auto !important}.carousel-overlay{left:14px !important;right:14px !important;top:78px !important;width:auto !important}.carousel-overlay small{font-size:8px !important;padding:6px 9px}.carousel-overlay h3{font-size:clamp(27px,9vw,38px) !important;line-height:1.06 !important}.carousel-overlay h3::after{margin-top:11px;font-size:12px;line-height:1.42}.carousel-dots{bottom:10px !important;left:10px !important;right:10px !important;gap:5px !important}.carousel-dots .carousel-dot{min-height:54px !important;height:54px !important;border-radius:12px !important;padding:4px 2px !important}.carousel-dots .carousel-dot::before{width:23px;height:23px;flex-basis:23px;font-size:12px}.carousel-dots .carousel-dot::after{font-size:7.5px}.brand-categories{font-size:8px !important}}
@media(prefers-reduced-motion:reduce){.carousel-card,.carousel-dots .carousel-dot,.brand-categories span[data-category-index]{animation-duration:.01ms !important;animation-iteration-count:1 !important}}

/* HERO BRIGHTNESS / LEGIBILITY — all devices */
.hero-visual::before{
  background:linear-gradient(90deg,rgba(2,11,24,.34) 0%,rgba(2,11,24,.14) 40%,rgba(2,11,24,.03) 74%,rgba(2,11,24,.12) 100%),linear-gradient(180deg,rgba(2,11,24,.04) 0%,rgba(2,11,24,0) 55%,rgba(2,11,24,.20) 100%) !important;
}
.carousel-card::after{
  background:linear-gradient(135deg,rgba(5,18,35,.03),transparent 45%,rgba(5,18,35,.08) 100%) !important;
}
.carousel-card img{
  filter:brightness(1.10) saturate(1.06) contrast(1.03) !important;
}
.carousel-overlay{
  opacity:1 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.78),0 0 22px rgba(0,0,0,.28) !important;
}
.carousel-overlay h3{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.82),0 0 28px rgba(0,0,0,.30) !important;
}
.carousel-overlay h3::after{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.82),0 0 18px rgba(0,0,0,.28) !important;
}
.carousel-overlay small{
  opacity:1 !important;
  color:#fff !important;
  background:rgba(7,26,51,.42) !important;
  border-color:rgba(240,212,138,.62) !important;
}

/* TRUST STRIP — premium animated cards */
#live-listings .trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1120px,100%);margin:26px auto 34px}
#live-listings .trust-strip-item{position:relative;isolation:isolate;display:flex;align-items:center;gap:13px;min-height:92px;padding:17px 16px;overflow:hidden;border:1px solid rgba(27,42,74,.11);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,246,241,.96));box-shadow:0 14px 34px rgba(27,42,74,.08),inset 0 1px 0 rgba(255,255,255,.9);color:#172238;transform:translateY(0);animation:shhTrustIn .65s cubic-bezier(.16,1,.3,1) both;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
#live-listings .trust-strip-item:nth-child(1){animation-delay:.05s}#live-listings .trust-strip-item:nth-child(2){animation-delay:.12s}#live-listings .trust-strip-item:nth-child(3){animation-delay:.19s}#live-listings .trust-strip-item:nth-child(4){animation-delay:.26s}
#live-listings .trust-strip-item::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(212,175,55,.16) 46%,transparent 72%);transform:translateX(-125%);animation:shhTrustSweep 4.8s ease-in-out infinite;pointer-events:none}
#live-listings .trust-strip-item:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.52);box-shadow:0 22px 46px rgba(27,42,74,.13),0 0 0 1px rgba(212,175,55,.08)}
#live-listings .trust-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#142b4d,#1d3d67);border:1px solid rgba(212,175,55,.5);color:#f3d47a;font-size:20px;line-height:1;box-shadow:0 8px 20px rgba(27,42,74,.18),inset 0 1px 0 rgba(255,255,255,.14);animation:shhTrustIcon 2.8s ease-in-out infinite}
#live-listings .trust-strip-item:nth-child(2) .trust-icon{animation-delay:.35s}#live-listings .trust-strip-item:nth-child(3) .trust-icon{animation-delay:.7s}#live-listings .trust-strip-item:nth-child(4) .trust-icon{animation-delay:1.05s}
#live-listings .trust-strip-item>div{min-width:0;display:flex;flex-direction:column;gap:3px}#live-listings .trust-strip-item strong{display:block;color:#172238;font-size:13px;line-height:1.25;font-weight:900;letter-spacing:-.15px}#live-listings .trust-strip-item small{display:block;color:#667085;font-size:11px;line-height:1.35;font-weight:600}
@keyframes shhTrustIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes shhTrustSweep{0%,35%{transform:translateX(-125%)}65%,100%{transform:translateX(125%)}}
@keyframes shhTrustIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:900px){#live-listings .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px auto 28px}}
@media(max-width:600px){#live-listings .trust-strip{grid-template-columns:1fr;gap:10px;margin:18px auto 24px}#live-listings .trust-strip-item{min-height:78px;padding:13px 14px;border-radius:17px}#live-listings .trust-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:18px}#live-listings .trust-strip-item strong{font-size:12px}#live-listings .trust-strip-item small{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){#live-listings .trust-strip-item,#live-listings .trust-strip-item::before,#live-listings .trust-icon{animation:none!important}#live-listings .trust-strip-item{transition:none}}