/* =========================================================
   SWAMI SNEH TOURS
   Static PHP Single Page Website
   ========================================================= */

:root{
    --navy:#07366b;
    --navy-dark:#05294f;
    --navy-deep:#041e3a;
    --gold:#f5c84c;
    --gold-dark:#d9a81e;
    --blue:#0d67a8;
    --ink:#0c2e55;
    --text:#18334f;
    --muted:#66758a;
    --white:#fff;
    --off:#f6f9fc;
    --line:#dce5ef;
    --shadow:0 12px 35px rgba(4,35,70,.10);
    --radius:16px;
    --serif:"DM Serif Display",Georgia,serif;
    --sans:"Inter",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--white);line-height:1.55}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

.site-header{
    position:fixed;z-index:1000;top:0;left:0;width:100%;
    background:rgba(5,39,79,.96);backdrop-filter:blur(12px);
    color:#fff;box-shadow:0 5px 25px rgba(0,0,0,.08)
}
.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}
.brand{width:88px;align-self:flex-start;position:relative}
.brand img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.2))}
.main-nav{display:flex;align-items:center;justify-content:center;gap:29px;margin-left:auto}
.main-nav a{font-size:13px;font-weight:600;opacity:.92;position:relative;padding:29px 0 24px}
.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.nav-cta{margin-left:8px}
.menu-toggle{display:none;border:0;background:none;color:#fff;width:44px;height:44px;padding:8px}
.menu-toggle span{height:2px;background:#fff;display:block;margin:6px 0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 19px;border-radius:9px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.14)}
.btn-gold{background:var(--gold);color:#132e4c}
.btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}
.btn-outline.light{border-color:rgba(255,255,255,.8);color:#fff;background:transparent}
.gold-text{color:#b88908}

.hero{min-height:580px;position:relative;display:flex;align-items:center;overflow:hidden;padding-top:76px}
.hero-bg{position:absolute;inset:0}
.hero-slide{
    position:absolute;inset:0;
    background-size:cover;background-position:center 56%;
    opacity:0;
    transition:opacity 1.2s ease-in-out;
}
.hero-slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.25) 65%,rgba(4,35,70,.08) 100%)}
.hero-content{position:relative;z-index:1}
.hero-copy{width:min(590px,100%);padding:60px 0 65px}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}
.eyebrow i{display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;vertical-align:middle;margin:0 6px}
.hero h1{font-family:var(--serif);font-size:60px;line-height:.98;color:var(--navy);margin:10px 0 16px;letter-spacing:-1px}
.hero h1 span{color:#173e69}
.hero p{font-size:15px;line-height:1.6;max-width:540px;margin:0 0 24px;color:#24405e}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:23px;font-size:11px;font-weight:600;color:#34516e}
.hero-meta b{color:#b58a20}

.section{padding:78px 0}
.tours-section{background:#fff}
.section-heading{margin-bottom:30px}
.section-heading.centered{text-align:center;margin-inline:auto;max-width:740px}
.section-heading h2{font-family:var(--serif);font-size:39px;line-height:1.05;color:var(--navy);margin:7px 0 10px}
.section-heading p{font-size:14px;color:var(--muted);margin:0 auto;max-width:720px}

.tour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.tour-card{grid-column:span 2;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(4,35,70,.06);transition:.25s}
.tour-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tour-image{height:178px;background-size:cover;background-position:center;position:relative}
.tour-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,24,46,.38))}
.image-label{position:absolute;z-index:1;left:11px;top:11px;background:rgba(255,255,255,.92);color:var(--navy);padding:4px 8px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.6px}
.tour-body{padding:15px}
.tour-body h3{font-family:var(--serif);font-size:21px;color:var(--navy);margin:0 0 2px}
.tour-body small{font-size:9px;color:#7a8796;font-weight:700}
.tour-body p{font-size:11px;line-height:1.5;color:#4c5d70;min-height:50px;margin:9px 0 12px}
.tour-body a{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:8px 10px;border-radius:6px;font-size:10px;font-weight:800}

.image-kedarnath{background-image:url("https://images.unsplash.com/photo-1544735716-392fe2489ffa?auto=format&fit=crop&w=900&q=82")}
.image-flowers{background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=900&q=82")}
.image-nepal{background-image:url("https://images.unsplash.com/photo-1544735716-392fe2489ffa?auto=format&fit=crop&w=900&q=82")}
.image-andaman{background-image:url("https://images.unsplash.com/photo-1544550285-f813152fb2fd?auto=format&fit=crop&w=900&q=82")}
.image-pilgrimage{background-image:url("https://images.unsplash.com/photo-1532664189809-02133fee698d?auto=format&fit=crop&w=900&q=82")}
.image-group{background-image:url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=900&q=82")}

.categories-section{background:linear-gradient(180deg,#f5fbff,#edf6fb);padding-top:55px;padding-bottom:55px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.category{text-align:center;padding:8px 25px;border-right:1px solid #cbdce9}
.category:last-child{border-right:0}
.category-icon{width:40px;height:40px;border-radius:50%;background:#ffe07a;color:var(--navy);display:grid;place-items:center;margin:0 auto 8px;font-size:21px;font-weight:900}
.category h3{font-family:var(--serif);color:var(--navy);font-size:18px;margin:0}
.category p{font-size:11px;color:#566a80;line-height:1.45;min-height:46px}
.category span{font-size:10px;color:var(--navy);font-weight:800}

.split-section{display:grid;grid-template-columns:1fr 1fr}
.why-panel{background:linear-gradient(135deg,#07366b,#0a4e8d);color:#fff;position:relative;overflow:hidden}
.why-panel:before{content:"";position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1200&q=70");background-size:cover;opacity:.14}
.why-inner,.included-inner{position:relative;padding:60px max(30px,calc((100vw - 1180px)/2)) 60px 30px}
.why-inner h2,.included-inner h2{font-family:var(--serif);font-size:36px;line-height:1.05;margin:6px 0 8px}
.why-inner p{font-size:13px;max-width:540px;opacity:.9}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.benefit{display:flex;gap:11px}
.benefit-icon{flex:0 0 35px;width:35px;height:35px;border:1px solid rgba(245,200,76,.8);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.benefit h3{font-size:12px;margin:0 0 3px}
.benefit p{font-size:9px;margin:0;line-height:1.4}
.included-panel{background:#fff}
.included-inner{padding-left:40px}
.included-inner h2{color:var(--navy)}
.included-inner>p{font-size:12px;color:var(--muted);max-width:540px}
.included-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #f0dfaa;border-radius:10px;overflow:hidden;margin-top:22px}
.included-grid>div{padding:13px 8px;text-align:center;border-right:1px solid #eee2bf;border-bottom:1px solid #eee2bf}
.included-grid>div:nth-child(3n){border-right:0}
.included-grid>div:nth-last-child(-n+3){border-bottom:0}
.included-grid span{display:block;color:var(--navy);font-size:17px;margin-bottom:4px}
.included-grid strong{display:block;font-size:10px;color:var(--navy)}
.included-grid small{display:block;font-size:8px;color:var(--muted)}
.fine-print{display:block;font-size:8px;color:#8b97a3;margin-top:10px;text-align:center}

.destinations-section{background:#f9fbfd}
.destination-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.destination{height:145px;grid-column:span 1;border-radius:10px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 6px 16px rgba(4,35,70,.10)}
.destination:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,21,40,.82))}
.destination>div{position:absolute;left:12px;right:10px;bottom:10px;color:#fff}
.destination h3{font-family:var(--serif);font-size:19px;margin:0}
.destination span{font-size:8px;line-height:1.25;display:block}
.destination-kashmir{background-image:url("https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?auto=format&fit=crop&w=800&q=82")}
.destination-uttarakhand{background-image:url("https://images.unsplash.com/photo-1544735716-392fe2489ffa?auto=format&fit=crop&w=800&q=82")}
.destination-andaman{background-image:url("https://images.unsplash.com/photo-1544550285-f813152fb2fd?auto=format&fit=crop&w=800&q=82")}
.destination-nepal{background-image:url("https://images.unsplash.com/photo-1518002054494-3a6f94352e9d?auto=format&fit=crop&w=800&q=82")}
.destination-kerala{background-image:url("https://images.unsplash.com/photo-1602216056096-3b40cc0c9944?auto=format&fit=crop&w=800&q=82")}
.destination-goa{background-image:url("https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?auto=format&fit=crop&w=800&q=82")}
.center-button{text-align:center;margin-top:20px}

.about-section{padding-top:65px;padding-bottom:65px;background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}
.about-image{height:350px;border-radius:15px;position:relative;overflow:hidden;background:#0a396b}
.about-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 30%,rgba(2,27,53,.62)),url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1100&q=85");background-size:cover;background-position:center}
.about-logo{position:absolute;left:22px;bottom:20px;width:86px;height:86px;border-radius:50%;background:#fff;padding:3px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.about-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.about-copy h2,.steps-wrap h2{font-family:var(--serif);font-size:36px;line-height:1.05;color:var(--navy);margin:6px 0 13px}
.about-copy>p{font-size:12px;color:#5b6d81;max-width:570px}
.about-points{display:flex;gap:30px;margin-top:22px}
.about-points>div{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--navy);font-weight:700}
.about-points b{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#fff1bd;color:var(--navy)}
.steps-wrap{grid-column:1 / -1;padding-top:20px;border-top:1px solid var(--line)}
.steps-wrap .eyebrow{text-align:center}
.steps-wrap h2{text-align:center;font-size:30px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.step{border:1px solid var(--line);border-radius:12px;padding:23px;text-align:center;position:relative;background:#fff}
.step em{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);font-style:normal;font-weight:800;font-size:12px}
.step h3{font-family:var(--serif);color:var(--navy);font-size:18px;margin:9px 0 4px}
.step p{font-size:10px;color:var(--muted);margin:0}

.story-cta{position:relative;color:#fff;overflow:hidden;background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1800&q=82");background-size:cover;background-position:center}
.story-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,30,58,.93),rgba(4,30,58,.74),rgba(4,30,58,.65))}
.story-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;padding-top:62px;padding-bottom:62px}
.quote h2{font-family:var(--serif);font-size:30px;line-height:1.18;margin:9px 0 10px;max-width:620px}
.quote p{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:2px}
.cta-card{padding:25px 0}
.cta-card h2{font-family:var(--serif);font-size:30px;margin:0 0 6px}
.cta-card p{font-size:12px;color:#dce8f2}
.cta-card .btn{margin:8px 6px 0 0}

.testimonial-section{background:#f7fafc;padding-top:62px;padding-bottom:62px}
.muted{color:var(--muted)}
.testimonial-placeholder{max-width:760px;margin:auto;border:1px solid #dbe6ef;background:#fff;border-radius:15px;padding:35px;text-align:center;box-shadow:var(--shadow)}
.quote-mark{font-family:Georgia,serif;font-size:55px;color:var(--gold);line-height:.5}
.testimonial-placeholder p{font-family:var(--serif);font-size:20px;color:var(--navy)}
.testimonial-placeholder span{font-size:10px;color:#7d8c9d;font-weight:700}

.contact-section{padding:72px 0;background:#fff}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.contact-info h2{font-family:var(--serif);font-size:42px;line-height:1.05;color:var(--navy);margin:7px 0 14px}
.contact-info>p{font-size:13px;color:var(--muted);max-width:420px;margin-bottom:30px}
.contact-line{display:flex;gap:14px;align-items:center;margin:20px 0}
.contact-line>span{width:42px;height:42px;display:grid;place-items:center;background:#fff0bb;color:var(--navy);border-radius:50%;font-size:18px}
.contact-line small{display:block;font-size:9px;color:#8794a1;text-transform:uppercase;letter-spacing:1px;font-weight:800}
.contact-line a,.contact-line strong{display:block;font-size:14px;color:var(--navy);font-weight:800;margin-top:2px}

.enquiry-form{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;box-shadow:var(--shadow)}
.enquiry-form h3{font-family:var(--serif);font-size:24px;color:var(--navy);margin:0 0 18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.enquiry-form label{font-size:9px;font-weight:800;color:#5b6e82}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;margin-top:5px;border:1px solid #dce5ee;border-radius:7px;padding:10px 11px;color:var(--text);outline:none;background:#fff;font-size:11px}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#77a5cd;box-shadow:0 0 0 3px rgba(13,103,168,.08)}
.enquiry-form .full{grid-column:1 / -1}
.enquiry-form textarea{resize:vertical}
.enquiry-form .btn{margin-top:15px;border:0;cursor:pointer}
.form-note{font-size:8px;color:#8a97a4;margin:8px 0 0}

.site-footer{background:#062e59;color:#fff;padding-top:45px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:38px}
.footer-brand{display:flex;gap:14px;align-items:center}
.footer-brand img{width:75px;height:75px;object-fit:contain}
.site-footer h3{font-family:var(--serif);font-size:20px;margin:0}
.site-footer h4{font-size:11px;letter-spacing:1px;margin:8px 0 13px;color:var(--gold)}
.site-footer p,.site-footer a{display:block;font-size:10px;color:#c8d8e8;margin:5px 0}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0}
.footer-bottom .container{display:flex;justify-content:space-between;font-size:9px;color:#a9bed2}

.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:999;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 24px rgba(0,0,0,.25)}

@media(max-width:1050px){
    .main-nav{gap:17px}
    .tour-grid{grid-template-columns:repeat(2,1fr)}
    .tour-card{grid-column:span 1}
    .destination-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
    .container{width:min(100% - 28px,680px)}
    .nav-wrap{height:68px}
    .brand img{width:92px;height:92px}
    .menu-toggle{display:block;margin-left:auto}
    .main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#062e59;padding:8px 20px 15px;flex-direction:column;gap:0;box-shadow:0 15px 30px rgba(0,0,0,.15)}
    .main-nav.open{display:flex}
    .main-nav a{width:100%;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
    .main-nav a:after{display:none}
    .nav-cta{display:none}
    .hero{min-height:650px}
    .hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.74))}
    .hero-copy{padding:85px 0 50px;width:min(620px,100%)}
    .hero h1{font-size:54px}
    .split-section{grid-template-columns:1fr}
    .why-inner,.included-inner{padding:48px 25px}
    .included-inner{padding-left:25px}
    .category-grid{grid-template-columns:1fr 1fr}
    .category{border-bottom:1px solid #cbdce9;padding:18px}
    .category:nth-child(2){border-right:0}
    .category:nth-child(3),.category:nth-child(4){border-bottom:0}
    .about-grid{grid-template-columns:1fr}
    .about-image{height:320px}
    .steps-wrap{grid-column:auto}
    .story-grid{grid-template-columns:1fr;gap:15px}
    .contact-grid{grid-template-columns:1fr;gap:30px}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .section{padding:58px 0}
    .brand img{width:86px;height:86px}
    .hero{min-height:680px}
    .hero h1{font-size:46px}
    .hero p{font-size:15px}
    .hero-meta{font-size:11px}
    .eyebrow{font-size:12px}
    .section-heading h2{font-size:32px}
    .tour-grid{grid-template-columns:1fr}
    .tour-card{grid-column:auto}
    .tour-image{height:205px}
    .category-grid{grid-template-columns:1fr}
    .category{border-right:0!important;border-bottom:1px solid #cbdce9!important}
    .category:last-child{border-bottom:0!important}
    .benefit-grid{grid-template-columns:1fr}
    .destination-grid{grid-template-columns:1fr 1fr}
    .destination{height:155px}
    .about-points{gap:12px;flex-wrap:wrap}
    .steps{grid-template-columns:1fr}
    .form-grid{grid-template-columns:1fr}
    .enquiry-form .full{grid-column:auto}
    .footer-grid{grid-template-columns:1fr}
    .footer-bottom .container{flex-direction:column;gap:5px}
}