﻿:root{--air-red:#ff385c;--text:#222;--muted:#717171;--line:#e6e6e6;--bg:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}
.container{width:min(1240px,94%);margin:0 auto}
.logo{font-size:30px;font-weight:800;color:var(--air-red)}

.header-air{position:sticky;top:0;background:#fff;z-index:50;border-bottom:1px solid var(--line);padding-bottom:14px}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:12px}
.top-tabs{display:flex;gap:28px;align-items:center}
.top-tabs a{padding:8px 4px;color:#555;font-weight:600}
.top-tabs a.active{color:#111;border-bottom:2px solid #111}
.top-actions{display:flex;align-items:center;gap:12px;font-size:14px}
.icon-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}

.search-pill{height:64px;border:1px solid var(--line);border-radius:999px;display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto;align-items:center;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.07);margin:0 auto;max-width:840px}
.pill-field{padding:0 22px;border-right:1px solid var(--line)}
.pill-field:last-child{border-right:0}
.pill-field label{display:block;font-size:12px;font-weight:700;margin-bottom:2px}
.pill-field input,.pill-field select{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:#666}
.pill-search-wrap{padding:0 10px}
.pill-search{border:0;background:var(--air-red);color:#fff;width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer}

.sections-wrap{padding:26px 0 40px}
.rail-section{margin-bottom:28px}
.rail-section h2{font-size:30px;margin:0 0 14px}
.rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.air-card{min-width:230px;max-width:230px;flex:0 0 230px}
.air-card img{width:100%;height:210px;object-fit:cover;border-radius:16px;display:block}
.air-body{padding-top:8px}
.air-title{font-size:14px;font-weight:700}
.air-sub{font-size:14px;color:var(--muted);margin-top:2px}
.air-price{font-size:15px;font-weight:700;margin-top:6px}

/* keep previous pages */
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav .btn{background:var(--air-red);color:#fff;padding:11px 18px;border-radius:999px;font-weight:700}
.details{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:26px;padding:24px 0 44px}
.gallery-main{width:100%;border-radius:24px;max-height:500px;object-fit:cover;background:#ececec;border:1px solid var(--line)}
.gallery h1{margin:14px 0 6px;font-size:34px}.muted{color:var(--muted)}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,.08);position:sticky;top:96px}
.price-big{font-size:32px;font-weight:900;margin:0}.highlight{margin-top:12px;padding:12px;border-radius:12px;background:#f6fff9;border:1px solid #bcebd5;color:#0b6b49;font-weight:600}
.btn-wa{display:block;text-align:center;margin-top:14px;background:#00a86b;color:#fff;border-radius:14px;padding:15px;font-weight:800}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}
.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}textarea{min-height:140px}
.badge{display:inline-block;background:#fff0f3;color:var(--air-red);font-size:12px;font-weight:800;padding:7px 11px;border-radius:999px}
.btn-main{border:0;background:var(--air-red);color:#fff;border-radius:14px;padding:0 24px;min-height:58px;font-size:15px;font-weight:800;cursor:pointer}
.thumb-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:10px}
.thumb-strip img{width:100%;height:78px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#efefef}

@media (max-width:900px){
.topbar{min-height:66px}.top-tabs{display:none}.top-actions a:first-child{display:none}
.search-pill{grid-template-columns:1fr;gap:0;height:auto;border-radius:20px;padding:10px;max-width:100%}
.pill-field{border-right:0;border-bottom:1px solid var(--line);padding:10px}.pill-field:last-of-type{border-bottom:0}
.pill-search-wrap{padding:10px 0 0}.pill-search{width:100%;height:44px;border-radius:12px}
.details,.form-grid{grid-template-columns:1fr}.box{position:static}
}
