/* Avia.az static rebuild: values taken from the live Tilda site (computed styles) */
:root{--blue:#0057b8;--blue-d:#074997;--blue-l:#247fc9;--yellow:#ffd21f;--ink:#000;--muted:#5b6675;--line:#e6eef8;--bg:#f4f8fd}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Manrope",Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:1160px;margin:0 auto;padding:0 16px}

/* Header: 100px bar, logo 200px, yellow menu button */
.site-header{position:sticky;top:0;z-index:50;background:#fff}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:100px;max-width:1160px;margin:0 auto;padding:0 16px}
.logo img{height:36px;width:auto}
.head-right{display:flex;align-items:center;gap:18px}
.lang a{display:inline-flex;align-items:center;padding:4px 8px;font-weight:600;font-size:14px;color:#000;text-decoration:none;opacity:.55;border-radius:6px}
.lang a[aria-current="true"]{opacity:1;color:var(--blue)}
.menu-btn{width:52px;height:40px;border:0;border-radius:8px;background:var(--yellow);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:24px;height:3px;background:#000;border-radius:2px}
.menu{display:none;background:#fff;border-top:1px solid var(--line)}
.menu.open{display:block}
.menu ul{list-style:none;margin:0 auto;padding:16px;max-width:1160px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 24px}
.menu a{display:block;padding:10px 0;color:#000;font-weight:600;text-decoration:none}

/* Hero: full width, 750px, rounded corners, gradient as on the original */
.hero{position:relative;color:#fff;min-height:750px;background:linear-gradient(135deg,#58a9df 0%,#247fc9 52%,#0057b8 100%);background-size:cover;background-position:center;border-radius:40px;margin:0 8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero .shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(88,169,223,.92) 0%,rgba(36,127,201,.9) 52%,rgba(0,87,184,.92) 100%)}
.hero .inner{position:relative;width:100%;max-width:1160px;padding:40px 16px;text-align:center}
.hero h1{margin:0 0 6px;font-size:clamp(56px,7.5vw,100px);line-height:1;font-weight:400;letter-spacing:-.01em}
.hero .lead{margin:0 auto 26px;max-width:820px;font-size:20px;line-height:1.35}
.hero .lead strong{display:block;font-size:24px;font-weight:700;margin-bottom:8px}
.search-box{background:#fff;color:#000;border-radius:40px;padding:12px;max-width:1160px;margin:0 auto;min-height:130px;box-shadow:0 18px 42px rgba(0,27,75,.22)}
.hero-plane{position:absolute;left:-40px;top:70px;width:260px;height:auto;pointer-events:none;opacity:.85}
.hero .plane-caption{display:none}

/* Sections: titles left-aligned at the 1160px container edge */
.section{padding:56px 0 0}
.section.alt{background:#fff}
.section-head{margin:0 0 24px}
h2.title{font-size:30px;font-weight:500;margin:0;color:#000;line-height:1.2}
.kicker{color:var(--muted);margin:6px 0 0;font-size:18px}

/* Popular routes: blue gradient block, 4 columns, white pill links */
.routes-block{background:linear-gradient(135deg,#0057b8 0%,#074997 100%);border-radius:20px;padding:40px;box-shadow:0 18px 42px rgba(0,57,122,.14)}
.routes-block h3{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}
.routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.routes a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:12px 16px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:500;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.routes a:after{content:"\2708";font-size:17px;opacity:0;transform:translateX(-6px) rotate(-12deg);transition:opacity .2s ease,transform .2s ease}
.routes a:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);text-decoration:none}
.routes a:hover:after{opacity:1;transform:none}

/* News cards: 10px rounded tops, pill button */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;list-style:none;padding:0;margin:0}
.card{background:#fff;border-radius:10px;overflow:hidden;height:100%;box-shadow:0 2px 14px rgba(0,27,75,.06)}
.card a{display:block;color:#000;height:100%;text-decoration:none}
.card a:hover{box-shadow:0 10px 26px rgba(0,58,125,.14)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px 10px 0 0;background:var(--bg)}
.card h3{font-size:18px;font-weight:600;line-height:1.3;margin:0;padding:16px 18px 20px}
.btn-pill{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 28px;border-radius:50px;background:var(--blue);color:#fff;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;margin-top:28px}
.btn-pill:hover{background:var(--blue-d);text-decoration:none;color:#fff}
.more{display:inline-flex;align-items:center;justify-content:center;width:100%;height:60px;border-radius:50px;border:1px solid #e6e6e6;color:#000;font-weight:600;margin-top:28px;text-decoration:none}

/* Prose (blog, text pages) */
.prose{max-width:820px;font-size:18px}
.prose h2{font-size:28px;font-weight:600;color:#000;margin:36px 0 12px;line-height:1.25}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 18px}
.prose li{margin-bottom:6px}
.page-h{padding:56px 0 8px}
.page-h h1{margin:0;font-size:clamp(34px,5vw,56px);font-weight:600;color:#000;line-height:1.1}
.hero-img{width:100%;max-width:900px;border-radius:20px;margin:22px 0 28px;aspect-ratio:16/9;object-fit:cover}
.back{display:inline-block;margin-top:24px;font-weight:600}

/* Forms */
.form{display:grid;gap:14px;max-width:580px;margin-top:20px}
.form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.form input,.form textarea{font:inherit;padding:14px 16px;border:1px solid #d6dee9;border-radius:12px;background:#fff;color:#000}
.form textarea{min-height:140px;resize:vertical}
.form .hp{position:absolute;left:-9999px}
.form .btn-pill{justify-self:start;margin-top:4px}
.notice{padding:14px 18px;border-radius:12px;background:#eaf3fc;color:var(--blue-d);max-width:580px}

/* Footer: #0057b8, white text, legal line centered at the bottom */
main#main{position:relative;z-index:1;background:#fff;border-radius:0 0 100px 100px;padding-bottom:80px}
.site-footer{background:var(--blue);color:#fff;margin-top:-100px;padding-top:100px}
.foot-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:28px;max-width:1160px;margin:0 auto;padding:56px 16px 20px}
.foot-brand .socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.soc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff}
.foot-col h4{margin:0 0 22px;color:#fff;font-size:26px;font-weight:600}
.foot-col h4 a{color:#fff}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:14px;font-size:19px;font-weight:300}
.site-footer li span{color:#fff}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .legal{padding:34px 16px 56px;text-align:center;font-size:19px;font-weight:300}
.site-footer .legal a{margin:0 4px}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Home blocks (layout and colors measured on the original: calendars, light-blue slider section, text block) */
.cal-section{padding-top:60px}
.cal-head{position:relative;min-height:260px;display:flex;align-items:center}
.cal-title h2{margin:0;font-size:48px;font-weight:500;line-height:1.1;color:#000}
.cal-title p{margin:14px 0 0;font-size:22px;font-weight:300}
.ambassador{position:absolute;right:0;bottom:-1px;width:min(520px,46%);height:auto;pointer-events:none}
.cal-card{position:relative;background:#fff;border:1px solid #e3ecf7;border-radius:30px;padding:24px;min-height:420px;margin-bottom:40px;box-shadow:0 4px 24px rgba(0,40,100,.05)}
.cal-box{min-height:380px}
.cal-fallback{font-size:15px;color:#555;text-align:center;padding:24px;margin:0}
.cal-more[hidden]{display:none}
.cal-toggle{position:relative;margin-top:40px}
.cal-arrow{position:absolute;left:36px;top:-70px;width:60px;height:auto}
.btn-wide{display:flex;align-items:center;justify-content:center;width:100%;height:70px;border:0;border-radius:15px;background:#0057b8;color:#fff;font:inherit;font-size:18px;font-weight:500;cursor:pointer}
.btn-wide:hover{background:#074997}
.sky{background:#9ed6fe;border-radius:100px;margin:90px 8px 0;padding:90px 0 0;overflow:hidden}
.sky h2{margin:0;font-size:38px;font-weight:500;line-height:1.2;color:#000}
.sky .sub{margin:14px 0 50px;font-size:20px;font-weight:300}
.slider{position:relative}
.slides{display:flex;gap:50px;list-style:none;margin:0;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 calc((100% - 100px) / 3);scroll-snap-align:start;background:#0057b8;color:#fff;border-radius:30px;overflow:hidden}
.slide a{display:block;color:#fff;text-decoration:none;height:100%}
.slide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.stxt{padding:28px 30px 34px}
.slide h3{margin:0 0 14px;font-size:27px;font-weight:600;line-height:1.25}
.slide p{margin:0 0 20px;font-size:18px;font-weight:300;line-height:1.5}
.slide time{font-size:14px;font-weight:700}
.arrow-btn{position:absolute;top:42%;z-index:2;width:50px;height:50px;border:0;border-radius:50%;background:#000;color:#fff;font-size:30px;line-height:1;cursor:pointer;transform:translateY(-50%)}
.arrow-btn.prev{left:-25px}
.arrow-btn.next{right:-25px}
.sky .more{margin-top:34px;background:rgba(255,255,255,.55);border:0;height:60px}
.sky-art{position:relative;height:440px;margin-top:30px}
.sky-art .skyline{position:absolute;left:0;bottom:34px;width:min(760px,68%);height:auto}
.sky-art .plane2{position:absolute;left:min(230px,18%);bottom:270px;width:min(240px,22%);height:auto}
.sky-art .amb2{position:absolute;right:20px;bottom:0;height:430px;width:auto;max-width:44%;object-fit:contain;object-position:bottom right}
.sky-art .bar{position:absolute;left:0;right:0;bottom:0;height:13px;border-radius:7px;background:#0057b8}
.txt-sec{padding-top:90px}
.txt-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.kick2{margin:0 0 22px;font-size:16px;letter-spacing:.22em;color:#9aa4b2;font-weight:400}
.txt-sec h2{margin:0 0 30px;font-size:38px;font-weight:500;line-height:1.2}
.txt-sec p{margin:0 0 6px;font-size:20px;font-weight:300;line-height:1.65}
.txt-sec p strong{font-weight:700}
.txt-art{width:100%;height:auto}
.blue-box{margin-top:60px;padding:56px 75px;border-radius:40px;background:#0057b8;color:#fff;font-size:20px;font-weight:300;line-height:1.7}
.routes-block h3{font-size:42px;margin:0 0 28px}
.routes-block{padding:56px 75px 64px;border-radius:50px}
#routes{padding-top:60px}
@media (max-width:1100px){.slide{flex-basis:calc((100% - 50px) / 2)}.foot-grid{grid-template-columns:1fr 1fr}.txt-grid{grid-template-columns:1fr}.blue-box{padding:40px 36px}.routes-block{padding:40px 30px}}
@media (max-width:640px){.cal-title h2{font-size:34px}.cal-head{min-height:200px}.ambassador{width:46%}.cal-card{padding:12px;border-radius:20px}.sky{border-radius:40px;margin:60px 0 0;padding-top:60px}.sky h2{font-size:28px}.slides{gap:16px}.slide{flex-basis:84%}.arrow-btn{display:none}.slide h3{font-size:22px}.sky-art{height:300px}.sky-art .amb2{height:280px}.sky-art .plane2{bottom:190px}.foot-grid{grid-template-columns:1fr}.foot-col h4{font-size:22px}main#main{border-radius:0 0 40px 40px}.site-footer{margin-top:-40px;padding-top:40px}.blue-box{padding:28px 22px;border-radius:24px;font-size:17px}.routes-block h3{font-size:30px}}
/* Hero reproduced from the Tilda zero block: same absolute offsets (vh-based) as the original artboard */
.hero-z{position:relative;height:max(750px,80vh);margin:0 8px;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,#58a9df 0%,#247fc9 52%,#0057b8 100%);color:#fff}
.hz-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12}
.top-banner{width:1040px;max-width:calc(100% - 32px);height:150px;margin:0 auto;background:#0057b8;border-radius:0 0 40px 40px;display:flex;justify-content:center;overflow:hidden}
.top-banner img{height:150px;width:auto;max-width:none}
.hz-overlay{position:absolute;inset:0;background:#0057b8;opacity:.5;border-radius:40px;border:1px solid #fff}
.hz-title{position:absolute;left:calc(50% - 393px);width:786px;top:calc(40vh - 190px);margin:0;text-align:center;color:#fff;font-size:100px;line-height:1;font-weight:400}
.hz-plane{position:absolute;left:calc(50% - 523px);top:calc(40vh - 289px);width:300px;height:auto;pointer-events:none}
.hz-search{position:absolute;left:5%;width:90%;top:calc(40vh - 30px)}
.hz-lead{text-align:center;margin:0 auto 18px;font-size:18px;line-height:1.45}
.hz-lead strong{display:block;font-size:22px;margin-bottom:6px}
@media (max-width:1100px){.routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:959px){.hz-title{font-size:80px;width:400px;left:calc(50% - 200px)}}
@media (max-width:639px){.hero-z{height:max(900px,80vh);margin:0;border-radius:0}.hz-title{font-size:80px;width:260px;left:calc(50% - 130px);top:calc(40vh - 215px)}.hz-plane{width:200px;left:calc(50% - 150px);top:calc(40vh - 300px)}.hz-search{left:2.5%;width:95%;top:calc(40vh - 20px)}.hz-lead{font-size:15px}.hz-lead strong{font-size:18px}}
@media (max-width:479px){.hz-title{font-size:55px;width:260px;left:calc(50% - 130px);top:calc(40vh - 215px)}}
@media (max-width:640px){
  .site-header .bar{height:72px}
  .hero{min-height:620px;border-radius:24px;margin:0}
  .hero .lead{font-size:16px}
  .hero .lead strong{font-size:19px}
  .hero-plane{width:170px;left:-20px;top:24px}
  .search-box{border-radius:24px;padding:8px}
  .routes-block{padding:24px 18px}
  .routes{grid-template-columns:1fr}
  h2.title{font-size:24px}
}
