/* Danfe Airways (fictional) — shared styles (T2 business) */
:root{--sky:#0057B8;--sky-d:#00458f;--sun:#FFB703;--sun-d:#e5a400;--ink:#052440;--paper:#F1F7FF;--line:#dbe6f4;--muted:#50657f;--soft:#eaf2fd;--green:#0e9f6e;--red:#d64545}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:system-ui,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
header{background:var(--sky);color:#fff;position:sticky;top:0;z-index:30}
nav.main{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:1.25rem;letter-spacing:-.01em}
.logo svg{width:34px;height:34px}
.nav-links{display:flex;gap:22px;font-weight:600;font-size:.93rem}
.nav-links a:hover,.nav-links a.on{color:var(--sun)}
.btn{display:inline-block;background:var(--sun);color:var(--ink);padding:12px 22px;border-radius:10px;font-weight:800;border:none;cursor:pointer;font-size:.95rem;transition:.2s;text-align:center}
.btn:hover{background:var(--sun-d)}
.btn-b{background:var(--sky);color:#fff}.btn-b:hover{background:var(--sky-d)}
.btn-o{background:#fff;color:var(--sky);border:1.5px solid var(--sky)}
/* search widget */
.hero{position:relative;color:#fff;padding:60px 0 120px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:url("https://picsum.photos/seed/danfe-hero/1700/900") center/cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,69,143,.85),rgba(5,36,64,.6))}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.02em;max-width:16ch}
.hero p{color:#d6e6fa;font-size:1.1rem;margin-top:10px}
.sw{background:#fff;color:var(--ink);border-radius:18px;padding:18px;box-shadow:0 30px 60px rgba(5,36,64,.25);margin-top:-80px;position:relative;z-index:5}
.sw .trip{display:flex;gap:6px;margin-bottom:12px}
.sw .trip label{border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;font-weight:700;font-size:.85rem;cursor:pointer}
.sw .trip label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}
.sw .trip input{display:none}
.sw form{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}
.sw label.f{display:flex;flex-direction:column;font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:4px}
.sw select,.sw input[type=date]{padding:12px;border:1.5px solid var(--line);border-radius:10px;font-size:1rem;font-family:inherit;color:var(--ink);font-weight:600}
.swap{border:1.5px solid var(--line);background:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.1rem;align-self:end;margin-bottom:4px}
section{padding:64px 0}
.eyebrow{color:var(--sky);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem);letter-spacing:-.02em;margin:6px 0 10px}
.sub{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.dest{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:4/5;color:#fff}
.dest img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dest:hover img{transform:scale(1.06)}
.dest::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(5,36,64,.9))}
.dest div{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}
.dest b{font-size:1.3rem;display:block}
.dest .fr{background:var(--sun);color:var(--ink);font-weight:800;font-size:.8rem;padding:3px 9px;border-radius:6px;display:inline-block;margin-top:6px}
.phead{background:linear-gradient(120deg,var(--sky),var(--ink));color:#fff;padding:44px 0}
.phead .crumb{font-size:.85rem;opacity:.8;margin-bottom:6px}
.phead h1{font-size:clamp(1.8rem,4vw,2.6rem)}.phead p{opacity:.9;margin-top:6px}
.field{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:12px}
.field input,.field select{padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:1rem;color:var(--ink);font-weight:500;font-family:inherit}
.panel{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
footer{background:var(--ink);color:#9fb3cc;padding:46px 0 22px;font-size:.9rem;margin-top:20px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:24px}
.fgrid h5{color:#fff;margin-bottom:10px}.fgrid a{display:block;padding:3px 0}.fgrid a:hover{color:var(--sun)}
.fbar{border-top:1px solid #0f3a60;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:960px){.sw form{grid-template-columns:1fr 1fr}.swap{display:none}.nav-links{display:none}.fgrid{grid-template-columns:1fr 1fr}}