/* ===================================================================
   PARSHVA TOURS & TRAVELS — Design System v2
   Real brand colors pulled from logo: Navy #234A83, Orange #F3702A
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --ink:        #234A83;
  --ink-2:      #16345F;
  --orange:     #F3702A;
  --orange-lt:  #FBAF3B;
  --blue-acc:   #3683DD;
  --paper:      #FFFFFF;
  --paper-2:    #F3F6FA;
  --charcoal:   #23262B;
  --grey:       #5B6470;
  --line:       rgba(35,74,131,0.14);
  --shadow:     0 18px 40px -18px rgba(22,52,95,0.30);
  --radius:     4px;
  --maxw:       1180px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--paper); color:var(--charcoal); font-family:'Work Sans', sans-serif; font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Fraunces', serif; font-weight:600; color:var(--ink); margin:0 0 .5em; line-height:1.15;}
h1{font-size:clamp(2.3rem,4.8vw,3.8rem); font-weight:700;}
h2{font-size:clamp(1.6rem,3vw,2.4rem);}
h3{font-size:1.25rem;}
p{margin:0 0 1em;}
a{color:var(--ink); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%; display:block;}
.container{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
.eyebrow{font-family:'Space Mono', monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); display:flex; align-items:center; gap:10px; margin-bottom:14px;}
.eyebrow::before{content:""; width:22px; height:1px; background:var(--orange);}
.section{padding:80px 0;}
.section--tight{padding:52px 0;}
.section--ink{background:linear-gradient(160deg, var(--ink), var(--ink-2)); color:#fff;}
.section--ink h2, .section--ink h3{color:#fff;}
.section--paper2{background:var(--paper-2);}
.center{text-align:center;}
.lede{font-size:1.14rem; color:var(--grey); max-width:640px;}
.center .lede{margin-left:auto; margin-right:auto;}

.btn{display:inline-flex; align-items:center; gap:10px; font-family:'Space Mono', monospace; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase; padding:14px 26px; border-radius:var(--radius); border:1px solid transparent; cursor:pointer; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease;}
.btn:hover{transform:translateY(-2px); text-decoration:none;}
.btn--orange{background:var(--orange); color:#fff;}
.btn--orange:hover{box-shadow:0 10px 24px -8px rgba(243,112,42,.55); color:#fff;}
.btn--outline{border-color:#fff; color:#fff;}
.btn--outline-ink{border-color:var(--ink); color:var(--ink);}
.btn-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:26px;}
.center .btn-row{justify-content:center;}

.topbar{background:var(--ink-2); color:#cfe0f5; font-family:'Space Mono',monospace; font-size:.72rem;}
.topbar .container{display:flex; justify-content:space-between; align-items:center; height:34px;}
.topbar a{color:#cfe0f5;}
.topbar-socials{display:flex; gap:14px;}
.topbar-socials a{display:flex; align-items:center; opacity:.85;}
.topbar-socials a:hover{opacity:1;}
@media (max-width:700px){ .topbar-phone{display:none;} }

.site-header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 2px 14px -8px rgba(22,52,95,.15);}
.nav{max-width:var(--maxw); margin:0 auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; height:78px;}
.brand-logo{height:46px; width:auto;}
.nav-links{display:flex; gap:24px; align-items:center; list-style:none; margin:0; padding:0;}
.nav-links a{color:var(--ink); font-size:.9rem; font-weight:600; opacity:.82;}
.nav-links a:hover{opacity:1; text-decoration:none;}
.nav-links a.active{color:var(--orange); opacity:1;}
.nav-cta{font-family:'Space Mono', monospace; font-size:.74rem; letter-spacing:.04em; background:var(--orange); color:#fff; padding:10px 16px; border-radius:var(--radius);}
.nav-cta:hover{text-decoration:none; opacity:.92; color:#fff;}
.nav-toggle{display:none; background:none; border:0; color:var(--ink); font-size:1.6rem; cursor:pointer;}

@media (max-width:960px){
  .nav-links{position:absolute; top:78px; left:0; right:0; background:#fff; flex-direction:column; align-items:flex-start; padding:10px 28px 26px; display:none; gap:16px; border-bottom:1px solid var(--line); box-shadow:var(--shadow);}
  .nav-links.open{display:flex;}
  .nav-toggle{display:block;}
}

.hero{background:linear-gradient(150deg, var(--ink) 0%, var(--ink-2) 100%); color:#fff; padding:88px 0 64px; position:relative; overflow:hidden;}
.hero::before{content:""; position:absolute; top:-120px; right:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(243,112,42,.20), transparent 70%);}
.hero .container{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; position:relative;}
@media (max-width:900px){ .hero .container{grid-template-columns:1fr;} }
.hero h1{color:#fff; font-size:clamp(2.2rem,4.4vw,3.4rem);}
.hero .lede{color:#D7E1F0;}

.ticket{background:#fff; color:var(--charcoal); border-radius:8px; box-shadow:var(--shadow); position:relative; padding:26px 26px 22px; --notch:24px; mask:radial-gradient(circle var(--notch) at 0 50%, transparent 98%, #000 100%),radial-gradient(circle var(--notch) at 100% 50%, transparent 98%, #000 100%); -webkit-mask-composite:source-in, xor; mask-composite:intersect;}
.ticket::after{content:""; position:absolute; left:8%; right:8%; top:64%; border-top:2px dashed rgba(35,74,131,.25);}
.ticket-row{display:flex; justify-content:space-between; align-items:flex-start; gap:14px;}
.ticket-code{font-family:'Space Mono', monospace; font-weight:700; font-size:1.85rem; color:var(--ink);}
.ticket-city{font-family:'Space Mono', monospace; font-size:.66rem; letter-spacing:.1em; color:var(--orange); text-transform:uppercase; margin-top:2px;}
.ticket-arrow{flex:1; display:flex; align-items:center; justify-content:center; margin-top:8px; color:var(--orange);}
.ticket-arrow svg{width:100%; height:20px;}
.ticket-meta{display:flex; justify-content:space-between; margin-top:18px; font-family:'Space Mono', monospace; font-size:.66rem; letter-spacing:.05em; text-transform:uppercase; color:#8891A0;}
.ticket-meta b{display:block; color:var(--ink); font-size:.85rem; font-family:'Work Sans', sans-serif; letter-spacing:0; text-transform:none; margin-top:3px;}
.ticket-stub{padding-top:16px; display:flex; justify-content:space-between; align-items:center;}
.stamp{width:70px; height:70px; border-radius:50%; border:2px solid var(--orange); color:var(--orange); display:flex; align-items:center; justify-content:center; text-align:center; font-family:'Space Mono', monospace; font-size:.58rem; letter-spacing:.04em; text-transform:uppercase; transform:rotate(-9deg); flex-shrink:0;}

.stats-strip{background:var(--paper-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.stats-strip .container{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.stat-item{padding:30px 16px; text-align:center; border-left:1px solid var(--line);}
.stat-item:first-child{border-left:none;}
.stat-num{font-family:'Fraunces',serif; font-weight:700; font-size:2rem; color:var(--orange);}
.stat-label{font-family:'Space Mono', monospace; font-size:.64rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ink);}
@media (max-width:800px){ .stats-strip .container{grid-template-columns:1fr 1fr;} .stat-item{border-top:1px solid var(--line);} .stat-item:nth-child(odd){border-left:none;} .stat-item:nth-child(1), .stat-item:nth-child(2){border-top:none;} }

.credentials{background:#fff; padding:24px 0; border-bottom:1px solid var(--line);}
.credentials .container{display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; justify-content:center;}
.cred-pill{font-family:'Space Mono', monospace; font-size:.66rem; letter-spacing:.03em; text-transform:uppercase; background:var(--paper-2); color:var(--ink); padding:8px 14px; border-radius:20px; border:1px solid var(--line);}

.grid{display:grid; gap:26px;}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--2{grid-template-columns:repeat(2,1fr);}
@media (max-width:900px){ .grid--3{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){ .grid--3, .grid--2{grid-template-columns:1fr;} }

.dest-card{background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; position:relative; transition:transform .18s ease, box-shadow .18s ease;}
.dest-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.dest-card__top{background:linear-gradient(135deg, var(--ink), var(--ink-2)); color:#fff; padding:22px 22px 46px; position:relative;}
.dest-card__top .route{font-family:'Space Mono', monospace; font-size:.64rem; letter-spacing:.08em; color:var(--orange-lt); text-transform:uppercase;}
.dest-card__top h3{color:#fff; margin-top:8px;}
.dest-card__perf{position:absolute; left:0; right:0; bottom:-1px; height:22px; background-image:radial-gradient(circle 7px, #fff 98%, transparent 100%); background-size:28px 28px; background-position:14px 0; background-repeat:repeat-x;}
.dest-card__body{padding:24px 22px 22px;}
.dest-card__body ul{margin:0 0 16px; padding-left:18px; color:var(--grey); font-size:.94rem;}
.dest-card__body li{margin-bottom:5px;}
.tag-row{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px;}
.tag{font-family:'Space Mono', monospace; font-size:.62rem; letter-spacing:.03em; text-transform:uppercase; background:var(--paper-2); color:var(--ink); padding:4px 9px; border-radius:2px; border:1px solid var(--line);}
.price-tag{font-family:'Space Mono', monospace; font-size:.78rem; color:var(--orange); font-weight:700; margin-bottom:10px; display:block;}

.info-card{background:#fff; border:1px solid var(--line); border-left:3px solid var(--orange); padding:26px 24px; border-radius:2px;}
.info-card h3{margin-bottom:10px;}
.info-card ul{padding-left:18px; margin:14px 0 0; color:var(--grey);}
.info-card li{margin-bottom:6px;}

.quote-card{background:#fff; border:1px solid var(--line); border-radius:6px; padding:28px 24px; position:relative;}
.quote-mark{font-family:'Fraunces',serif; font-size:3rem; color:var(--orange-lt); line-height:0; display:block; margin-bottom:10px;}
.quote-text{font-family:'Fraunces', serif; font-size:1.1rem; font-weight:500; color:var(--ink); margin-bottom:14px;}
.quote-attr{font-family:'Space Mono', monospace; font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; color:var(--orange);}

.route-divider{display:flex; align-items:center; gap:16px; color:var(--orange); margin:0 0 40px;}
.route-divider::before, .route-divider::after{content:""; flex:1; height:1px; background:var(--line);}

.cta-band{background:linear-gradient(150deg, var(--ink), var(--ink-2)); color:#fff; padding:60px 0; text-align:center;}
.cta-band h2{color:#fff;}

.coming-soon{background:#fff; border:2px dashed var(--line); border-radius:8px; padding:56px 32px; text-align:center; max-width:720px; margin:0 auto;}
.coming-soon .icon{font-size:2.6rem; margin-bottom:16px;}

.fraud-note{background:#FFF6EC; border:1px solid #F3D8B8; border-radius:4px; padding:14px 18px; font-size:.85rem; color:#7A5220; display:flex; gap:10px; align-items:flex-start;}

.site-footer{background:var(--ink-2); color:#B9C6DA; padding:50px 0 24px;}
.footer-logo{height:42px; margin-bottom:14px;}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px; margin-bottom:34px;}
@media (max-width:800px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:500px){ .footer-grid{grid-template-columns:1fr;} }
.footer-grid h4{color:#fff; font-family:'Space Mono',monospace; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px;}
.footer-grid p, .footer-grid a{color:#B9C6DA; font-size:.9rem;}
.footer-grid ul{list-style:none; padding:0; margin:0;}
.footer-grid li{margin-bottom:8px;}
.footer-socials{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px;}
.footer-socials a{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#fff;}
.footer-socials a:hover{background:var(--orange);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12); padding-top:18px; font-size:.78rem; color:#7E8CA3; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
.footer-bottom a{color:#7E8CA3;}
.footer-legal-links{display:flex; gap:16px; flex-wrap:wrap;}

.form-card{background:#fff; border:1px solid var(--line); border-radius:6px; padding:32px; box-shadow:var(--shadow);}
.form-row{margin-bottom:16px;}
.form-row label{display:block; font-family:'Space Mono', monospace; font-size:.68rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); margin-bottom:6px;}
.form-row input, .form-row textarea{width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:4px; font-family:'Work Sans', sans-serif; font-size:.95rem; background:#fff; color:var(--charcoal);}
.form-row input:focus, .form-row textarea:focus{outline:2px solid var(--orange); outline-offset:1px;}
.contact-details{display:flex; flex-direction:column; gap:18px;}
.contact-line{display:flex; gap:14px; align-items:flex-start;}
.contact-line .ic{color:var(--orange); flex-shrink:0; margin-top:3px;}
.map-embed{border:1px solid var(--line); border-radius:6px; overflow:hidden; height:280px;}
.map-embed iframe{width:100%; height:100%; border:0;}

.page-hero{background:linear-gradient(150deg, var(--ink), var(--ink-2)); color:#fff; padding:60px 0 48px;}
.page-hero h1{color:#fff; font-size:clamp(1.9rem,3.8vw,2.8rem);}
.page-hero .lede{color:#D7E1F0;}
.breadcrumb{font-family:'Space Mono', monospace; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:var(--orange-lt); margin-bottom:14px;}

.two-col{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
@media (max-width:800px){ .two-col{grid-template-columns:1fr;} }

.wa-float{position:fixed; bottom:22px; right:22px; z-index:60; background:#25D366; color:#fff; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px -6px rgba(0,0,0,.4);}
.wa-float:hover{text-decoration:none; transform:scale(1.06);}

.legal-content{max-width:820px; margin:0 auto;}
.legal-content h2{margin-top:1.6em;}
.legal-content h3{margin-top:1.2em;}
.legal-content ul, .legal-content ol{padding-left:22px; color:var(--grey);}
.legal-content p{color:var(--grey);}
.legal-updated{font-family:'Space Mono',monospace; font-size:.7rem; color:var(--grey); text-transform:uppercase; letter-spacing:.05em;}