.travel-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--forest) 92%,#111),color-mix(in srgb,var(--brand-accent) 48%,var(--forest)));min-height:260px;overflow:hidden}.travel-hero:after{content:'🧳';position:absolute;inset:auto auto -35px 6%;font-size:150px;opacity:.16;transform:rotate(-10deg)}.travel-filters{display:flex;align-items:end;gap:14px;margin:-22px auto 28px;position:relative;z-index:3;padding:16px}.travel-filters label{flex:1;display:grid;gap:6px}.travel-filters label span{font-size:.78rem;color:var(--muted);font-weight:800}.travel-filters select,.travel-filters input{width:100%}.travel-clear{padding:13px;color:var(--forest);font-weight:800;white-space:nowrap}.travel-results>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.travel-results h2{margin:4px 0}.travel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.travel-card{padding:20px;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.travel-card:before{content:'';height:4px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--forest),var(--brand-accent))}.travel-card-top{display:flex;align-items:center;gap:10px}.travel-card-top>div{min-width:0}.travel-card-top small{color:var(--muted)}.travel-card-top h3{margin:1px 0}.travel-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-size:1.2rem;font-weight:900}.travel-governorate{margin-inline-start:auto;background:var(--mint);padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:900;color:var(--forest)}.travel-destination{font-size:1.15rem}.travel-schedule{display:flex;gap:8px;flex-wrap:wrap}.travel-schedule span{padding:8px 10px;border-radius:11px;background:color-mix(in srgb,var(--panel) 72%,var(--canvas));font-size:.85rem}.travel-card p{margin:0;color:var(--muted);line-height:1.8}.travel-card-actions{display:flex;gap:8px;align-items:center;margin-top:auto;flex-wrap:wrap}.travel-card-actions form{margin:0}.travel-focused{outline:3px solid color-mix(in srgb,var(--brand-accent) 60%,transparent);animation:travelFocus 1.3s ease}.travel-form-head{text-align:center;max-width:720px;margin:0 auto 22px}.travel-form-head h1{margin:8px 0}.travel-progress{height:8px;background:color-mix(in srgb,var(--forest) 12%,var(--panel));border-radius:99px;overflow:hidden;margin:18px 0 8px}.travel-progress i{display:block;height:100%;width:33.33%;background:linear-gradient(90deg,var(--forest),var(--brand-accent));transition:.25s}.travel-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.travel-wizard{padding:24px}.travel-step{display:none}.travel-step.active{display:block;animation:travelIn .25s ease}.travel-step-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--mint);font-size:1.6rem}.travel-step h2{margin:12px 0 18px}.travel-step label{display:grid;gap:7px;margin-bottom:16px;font-weight:800}.travel-step label small{font-weight:500;color:var(--muted)}.travel-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.travel-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.travel-actions .btn{min-width:130px}.travel-how{padding:24px;position:sticky;top:120px}.travel-how>span{font-size:2.4rem}.travel-how p{color:var(--muted);line-height:1.9}.travel-verify{padding:16px;border-radius:16px;background:color-mix(in srgb,var(--brand-accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--brand-accent) 26%,transparent);margin:10px 0}.travel-verify>small{display:block;margin:5px 0 12px}.travel-verify>div{display:flex;gap:8px}.travel-review{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.travel-review>b{grid-column:1/-1}.travel-review span{padding:10px;border-radius:12px;background:var(--mint);display:grid}.travel-review small{color:var(--muted)}.travel-safety{padding:13px!important;background:color-mix(in srgb,#f59e0b 10%,var(--panel));border-radius:14px}.travel-verify[hidden]{display:none!important}@keyframes travelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes travelFocus{50%{transform:translateY(-4px)}}
@media(max-width:900px){.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-wizard-layout{grid-template-columns:1fr}.travel-how{position:static}}
@media(max-width:620px){.travel-hero{min-height:220px}.travel-filters{margin:-14px 0 20px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.travel-clear{grid-column:1/-1;text-align:center;padding:5px}.travel-grid{grid-template-columns:1fr;gap:12px}.travel-card{padding:16px}.travel-governorate{font-size:.73rem}.travel-wizard{padding:16px}.travel-two{grid-template-columns:1fr}.travel-how{display:none}.travel-review{grid-template-columns:1fr}.travel-actions{position:sticky;bottom:74px;background:var(--panel);padding:10px;margin:12px -8px -8px;z-index:4;border-radius:14px}.travel-actions .btn{min-width:0;flex:1}}
form.travel-filters{display:grid;grid-template-columns:44px minmax(170px,.85fr) minmax(200px,.75fr) minmax(200px,.75fr) auto auto;align-items:end;margin:12px 0 20px}.travel-hero:after{content:""}@media(max-width:850px){form.travel-filters{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr)}}@media(max-width:700px){form.travel-filters{display:flex;grid-template-columns:none;margin:0}.travel-hero{min-height:164px!important}.travel-hero .unified-hero-media img{object-position:34% center!important}}

/* Date controls: app-like treatment instead of the browser's bare field. */
.travel-step input[type="date"],.travel-step input[type="time"]{width:100%;height:56px;padding:0 16px;border:1px solid color-mix(in srgb,var(--forest) 20%,var(--line));border-radius:15px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--forest) 4%,var(--panel)));color:var(--ink);font:inherit;font-size:15px;font-weight:800;direction:ltr;text-align:right;box-shadow:0 1px 0 #fff1 inset,0 7px 18px color-mix(in srgb,var(--forest) 7%,transparent);transition:border-color .18s,box-shadow .18s,transform .18s}
.travel-step input[type="date"]:focus,.travel-step input[type="time"]:focus{outline:0;border-color:var(--forest);box-shadow:0 0 0 4px color-mix(in srgb,var(--forest) 13%,transparent),0 9px 22px color-mix(in srgb,var(--forest) 9%,transparent);transform:translateY(-1px)}
.travel-step input[type="date"]::-webkit-calendar-picker-indicator,.travel-step input[type="time"]::-webkit-calendar-picker-indicator{width:22px;height:22px;padding:8px;margin:-4px -4px -4px 8px;border-radius:10px;background-color:color-mix(in srgb,var(--forest) 12%,transparent);cursor:pointer;opacity:.9}
.travel-filters input[type="date"]{min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font:inherit;font-size:13px;font-weight:800;direction:ltr;text-align:right;color-scheme:light dark}
@media(max-width:700px){.travel-step input[type="date"],.travel-step input[type="time"]{height:52px;font-size:16px;border-radius:14px}.travel-filters input[type="date"]{width:100%;height:50px;font-size:16px}}
.travel-actions [hidden]{display:none!important}