/* Braj Darshan & Temple Guide — scoped to destination pages. */
.destination-guide{background:#fbf7ef;color:#2f2119}
.guide-hero{min-height:410px;display:grid;align-items:end;position:relative;isolation:isolate;color:#fff;background:center/cover no-repeat}
.guide-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(45,26,15,.88),rgba(58,33,17,.62) 48%,rgba(46,26,15,.24))}
.guide-hero--vishram-ghat{background-position:47% center}
.guide-hero--vishram-ghat:before{background:linear-gradient(100deg,rgba(47,28,16,.76),rgba(83,49,25,.48) 49%,rgba(46,28,17,.2))}
.guide-hero .wrap{padding:74px 0}
.guide-hero .eyebrow{color:#f7ce89}
.guide-hero h1{font-size:clamp(2.65rem,5vw,4.7rem);max-width:830px;margin:12px 0}
.guide-hero p{max-width:680px;color:#fff5e5;font-size:1.05rem;margin:0}
.guide-section{padding:clamp(58px,7vw,88px) 0}
.guide-section--paper{background:#fffdf9}
.guide-section--cream{background:#f3e9da}
.guide-head{max-width:760px;margin-bottom:30px}
.guide-head h2{font-size:clamp(2rem,3.6vw,3.25rem);margin:9px 0 13px}
.guide-head p{color:#6e5d4e;margin:0}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide-destination-card{min-height:0;aspect-ratio:4/3;display:flex;align-items:end;position:relative;overflow:hidden;border-radius:19px;padding:22px;color:#fff;background:center/cover no-repeat;box-shadow:0 12px 28px rgba(63,37,18,.12);isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
.guide-destination-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(31,18,10,.88))}
.guide-destination-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px rgba(63,37,18,.18)}
.guide-destination-card h3{font-size:clamp(1.4rem,2vw,1.75rem);margin:0 0 7px}
.guide-destination-card p{margin:0;color:#fff4df;font-size:.9rem;line-height:1.45}
.guide-destination-card span{display:inline-block;margin-top:14px;color:#f8cf87;font-size:.82rem;font-weight:800}
.guide-actions{display:flex;justify-content:center;margin-top:32px}
.guide-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.guide-photo{min-height:330px;border-radius:20px;background:center/cover no-repeat;box-shadow:0 12px 28px rgba(63,37,18,.12)}
.guide-copy h2{font-size:clamp(2rem,3.5vw,3.1rem);margin:10px 0 17px}
.guide-copy p{color:#6d5a4b}
.guide-notice{margin:0 0 28px;padding:15px 18px;border:1px solid #e7cfae;border-radius:14px;background:#fff6e7;color:#60452d;font-size:.9rem;line-height:1.6}
.guide-notice strong{color:#8b4d1d}
.temple-list{display:grid;gap:28px}
.temple-card{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid #eadbc8;border-radius:20px;background:#fffdf9;box-shadow:0 10px 25px rgba(63,37,18,.06)}
.temple-card__image{min-height:100%;background:center/cover no-repeat}
.temple-card__body{padding:30px}
.temple-card__location{margin:0 0 8px;color:#a15c25;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.temple-card h3{font-size:clamp(1.55rem,2.6vw,2.15rem);margin:0 0 12px}
.temple-card__body>p{color:#655548;margin:0 0 18px}
.timing-panel{margin:19px 0;padding:18px;border:1px solid #ecd8ba;border-radius:14px;background:#fff8ed}
.timing-panel h4{margin:0 0 11px;color:#52321e;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}
.timing-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:0}
.timing-table div{display:flex;justify-content:space-between;gap:14px;padding-bottom:7px;border-bottom:1px solid #efdfcd;color:#6a5747;font-size:.86rem}
.timing-table dt{font-weight:700}
.timing-table dd{margin:0;color:#402a1b;font-weight:800;text-align:right}
.timing-panel small{display:block;margin-top:11px;color:#806d5a}
.schedule-tabs{display:flex;gap:8px;margin:0 0 12px}
.schedule-tabs span{padding:5px 9px;border:1px solid #ebcf9b;border-radius:99px;background:#fff;color:#8a4e1d;font-size:.7rem;font-weight:800}
.schedule-tabs span:first-child{background:#fff0d6}
.temple-about{font-size:.9rem}
.temple-about strong{display:block;margin-bottom:4px;color:#49301e}
.temple-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}
.temple-actions .btn{padding:10px 13px;font-size:.78rem}
.guide-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-info-card{padding:22px;border:1px solid #eadbc8;border-radius:16px;background:#fffdf9}
.guide-info-card h3{font-size:1.22rem;margin:0 0 9px}
.guide-info-card p{margin:0;color:#6d5a4b;font-size:.9rem}
.guide-cta{padding:clamp(66px,7vw,88px) 20px;text-align:center;color:#fff;background:linear-gradient(100deg,rgba(50,29,16,.88),rgba(102,59,23,.67)),url('../images/hero-yamuna-aarti.jpeg') center/cover}
.guide-cta h2{font-size:clamp(2.2rem,4vw,3.6rem);margin:10px 0 15px}
.guide-cta p{max-width:620px;margin:0 auto 24px;color:#fff2dd}
.guide-cta .btn{margin:4px}
.guide-cta .btn-outline{border-color:#f4d5a2;color:#fff;background:transparent}
@media(max-width:850px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-intro{grid-template-columns:1fr;gap:28px}
.guide-photo{min-height:290px}
.temple-card{grid-template-columns:1fr}
.temple-card__image{min-height:260px}
.guide-info-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:540px){.guide-hero{min-height:370px;background-position:60% center}
.guide-hero .wrap{padding:64px 0}
.guide-section{padding:54px 0}
.guide-grid,.guide-info-grid{grid-template-columns:1fr;gap:16px}
.guide-destination-card{aspect-ratio:4/3}
.temple-card__image{min-height:220px}
.temple-card__body{padding:23px 19px}
.timing-table{grid-template-columns:1fr}
.temple-actions .btn{flex:1 1 135px}
.guide-notice{padding:14px}
.guide-cta{padding:62px 18px}
}