@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#1477ef;--blue2:#18a9e9;--navy:#0b315d;--green:#25c784;--ink:#102d4c;--muted:#6c7f93;--line:#e7edf4;--soft:#f7fbff;--white:#fff;--shadow:0 14px 36px rgba(41,82,120,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Tajawal',Arial,sans-serif;background:#fff;color:var(--ink)}body.lang-en{font-family:'Inter',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1390px,94%);margin:auto}.site-header{height:82px;background:#fff;border-bottom:1px solid #eef2f6;position:sticky;top:0;z-index:100}.nav-wrap{height:82px;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:25px}.brand{width:175px;display:flex;align-items:center}.brand img{width:150px;height:62px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:35px;direction:rtl;justify-content:center;flex:1}.lang-en .main-nav{direction:ltr}.main-nav a{font-size:15px;font-weight:600;color:#172f49;padding:29px 0 26px;position:relative;white-space:nowrap}.main-nav a.active{color:var(--blue)}.main-nav a.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:12px}.nav-actions{display:flex;align-items:center;gap:12px;direction:rtl;white-space:nowrap}.lang-switch,.help-link{font-size:13px;color:#304b66}.btn{border:0;border-radius:11px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,#1678f3,#17a4e9);color:#fff;box-shadow:0 8px 20px rgba(22,120,243,.18)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:#fff;border:1px solid var(--line);color:#1d3853}.btn-block{width:100%}.mobile-menu{display:none;border:0;background:#f5f9fd;width:42px;height:42px;border-radius:10px;color:var(--navy);font-size:20px}.flash{margin-top:12px;padding:12px 16px;border-radius:10px}.flash.success{background:#ecfdf3;color:#137a42}.flash.error{background:#fff1f2;color:#be123c}
.hero-approved{height:356px;background:#cdeeff url('../img/hero-approved.jpg') center/cover no-repeat;position:relative}.approved-search{position:absolute;left:max(7.5vw,60px);bottom:17px;width:min(770px,54vw);background:#fff;border:1px solid rgba(220,228,237,.9);border-radius:22px;box-shadow:0 12px 35px rgba(18,68,112,.11);overflow:hidden;z-index:4;direction:rtl}.lang-en .approved-search{direction:ltr}.search-tabs{height:74px;display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.search-tabs button{flex:1;border:0;background:#fff;color:#172f49;font-weight:700;font-size:16px;cursor:pointer;position:relative}.search-tabs button.active{color:var(--blue)}.search-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue)}.tab-icon{font-size:19px;margin:0 8px;color:#164a84}.search-body{padding:15px 18px 11px}.approved-grid{display:grid;grid-template-columns:1.18fr 1.18fr .95fr .82fr 42px;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:13px;overflow:visible}.field{min-width:0;padding:9px 13px;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.field label{font-size:11px;color:#283f57;font-weight:700}.field input,.field select{border:0;outline:0;background:transparent;color:#66798d;font-size:13px;font-weight:600;min-width:0;width:100%;height:25px}.search-round{align-self:center;justify-self:center;transform:translateX(-18px);width:38px;height:38px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;box-shadow:0 6px 18px rgba(20,119,239,.25);cursor:pointer}.lang-en .search-round{transform:translateX(18px)}.quick-routes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:11px}.quick-routes b{font-size:12px}.quick-routes a{padding:6px 11px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;color:#53677b}.car-search-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 150px;gap:10px}.hero-mobile-copy{display:none}
.benefits{padding:27px 0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:25px;border-bottom:1px solid #eff3f7}.benefit{text-align:center}.icon-bubble{width:44px;height:44px;margin:0 auto 8px;border-radius:14px;background:linear-gradient(145deg,#edf7ff,#eafdf8);display:grid;place-items:center;color:#0878e8;font-size:22px}.benefit h3{font-size:14px;margin:4px 0;font-weight:700}.benefit p{font-size:11px;color:var(--muted);margin:0}.home-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(310px,.95fr);gap:28px;padding:18px 0 55px;align-items:start;direction:ltr}.main-column,.side-column{direction:rtl}.lang-en .main-column,.lang-en .side-column{direction:ltr}.home-section{padding:7px 0 22px;border-bottom:1px solid #eff3f7}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.section-title h2{font-size:19px;margin:0}.link-more{font-size:12px;color:var(--blue);font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trip-card,.car-card{border:1px solid #e8edf3;border-radius:14px;background:#fff;padding:13px;box-shadow:0 4px 16px rgba(34,68,102,.035)}.operator-logo-text{font-size:13px;font-weight:800;color:#244f78}.operator-row{height:28px}.trip-time{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:8px 0}.trip-time>div{min-width:48px;text-align:center}.trip-time strong{font-size:16px;display:block;color:#102f53}.trip-time span{font-size:10px;color:#65798e}.route-line{height:2px;background:#c7d5e1;flex:1;position:relative}.route-line:before,.route-line:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#8ba8c3}.route-line:before{right:0}.route-line:after{left:0}.route-line small{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px;color:#7b8ea1;white-space:nowrap}.trip-bottom{display:flex;justify-content:space-between;align-items:center;margin:6px 0 9px}.rating{color:#d59300;font-size:11px}.price{font-size:17px;color:#123a65;font-weight:800}.price small{font-size:9px}.trip-card .btn{padding:8px;font-size:11px;border-radius:7px}.car-section{margin-top:8px}.car-card{padding:10px}.car-photo{height:90px;border-radius:10px;background:linear-gradient(145deg,#fff,#f2f7fb);position:relative;overflow:hidden}.car-photo:before{content:"";position:absolute;width:78%;height:34%;left:11%;bottom:21%;background:linear-gradient(180deg,#d6dee6,#8997a7);border-radius:60% 45% 25% 25%/65% 55% 35% 35%;box-shadow:inset -20px -7px 0 rgba(20,45,70,.25)}.car-photo:after{content:"";position:absolute;left:21%;right:21%;bottom:17%;height:20px;background:radial-gradient(circle at 10% 50%,#243648 0 8px,transparent 9px),radial-gradient(circle at 90% 50%,#243648 0 8px,transparent 9px)}.car-photo-1:before{background:linear-gradient(180deg,#f3f5f7,#a7b1bb)}.car-photo-2:before{background:linear-gradient(180deg,#dce6e9,#8ea0a8);height:41%}.car-photo-3:before{background:linear-gradient(180deg,#e6ecef,#8c9ba6);height:40%}.car-photo-4:before{background:linear-gradient(180deg,#5a626a,#1f2c39)}.car-card h3{font-size:12px;margin:7px 0 4px}.car-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.car-price{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.car-price b{font-size:14px;color:#153d68}.car-price small{font-size:8px}.badge{font-size:9px;background:#edf6ff;color:#2676c8;padding:4px 7px;border-radius:7px}.side-column{display:grid;gap:15px}.app-promo{border-radius:16px;overflow:hidden;background:#e8f5ff;min-height:230px}.app-promo img{width:100%;display:block}.why-card{border:1px solid #e7edf3;border-radius:16px;background:#fff;padding:15px}.why-card h2{text-align:center;font-size:17px;margin:3px 0 12px}.why-item{display:flex;gap:13px;align-items:center;border:1px solid #edf1f5;border-radius:13px;padding:12px;margin-top:9px}.why-item>span{width:38px;height:38px;border-radius:10px;background:#f4f9ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.why-item div{display:flex;flex-direction:column}.why-item b{font-size:12px}.why-item small{font-size:10px;color:var(--muted);margin-top:3px}
.footer{background:#f7fbff;border-top:1px solid var(--line);padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#5e7285;margin:9px 0}.copyright{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:var(--muted)}
/* Existing internal pages */.page-hero{padding:42px 0;background:linear-gradient(135deg,#eef7ff,#f1fffb)}.page-hero h1{margin:0;font-size:36px}.content-grid{display:grid;grid-template-columns:280px 1fr;gap:24px}.panel,.stat,.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:var(--shadow)}.auth-wrap{min-height:68vh;display:grid;place-items:center;padding:50px 0;background:#f7fbff}.auth-card{width:min(520px,94%);padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-control{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.form-control input,.form-control select,.form-control textarea{border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:0}.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 82px)}.sidebar{border-left:1px solid var(--line);padding:24px 14px;background:#fbfdff}.sidebar a{display:block;padding:12px 14px;border-radius:10px;margin:5px 0}.dash-content{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px}.stat .num{font-size:30px;font-weight:800;color:var(--blue)}.panel{padding:20px;margin-top:18px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:right}
@media(max-width:1100px){.main-nav{gap:18px}.main-nav a{font-size:13px}.help-link{display:none}.hero-approved{background-position:center}.approved-search{width:62vw;left:4vw}.home-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.app-promo{min-height:0}.cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.site-header,.nav-wrap{height:68px}.main-nav,.help-link,.nav-actions>.btn,.lang-switch{display:none}.brand{width:145px}.brand img{width:130px}.mobile-menu{display:block}.hero-approved{height:auto;min-height:535px;background-image:linear-gradient(180deg,rgba(224,245,255,.75),rgba(245,252,255,.97)),url('../img/hero-approved.jpg');background-position:70% center;padding:28px 0}.hero-mobile-copy{display:block;text-align:center;padding-top:8px}.hero-mobile-copy h1{font-size:34px;line-height:1.15;margin:0;color:#0c2f54}.hero-mobile-copy h1 span{color:var(--blue)}.hero-mobile-copy p{max-width:500px;margin:10px auto;color:#536d83;font-size:15px}.approved-search{position:relative;left:auto;bottom:auto;width:94%;margin:35px auto 0}.approved-grid{grid-template-columns:1fr 1fr}.approved-grid .field{border-bottom:1px solid var(--line)}.approved-grid .passengers{border-inline-end:0}.search-round{transform:none!important;width:auto;height:42px;border-radius:9px;grid-column:1/-1;margin:8px;background:linear-gradient(135deg,var(--blue),var(--blue2))}.quick-routes{padding-bottom:4px}.benefits{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.side-column{grid-template-columns:1fr 1fr}.home-grid{padding-top:10px}.footer-grid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:92%}.hero-approved{min-height:585px}.hero-mobile-copy h1{font-size:30px}.search-tabs{height:62px}.search-tabs button{font-size:14px}.search-body{padding:12px}.approved-grid{grid-template-columns:1fr}.approved-grid .field{border-inline-end:0;border-bottom:1px solid var(--line);padding:10px 12px}.quick-routes{display:none}.benefits{grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.benefit:last-child{grid-column:1/-1}.home-grid{display:block}.cards{grid-template-columns:1fr;gap:12px}.side-column{display:grid;grid-template-columns:1fr;margin-top:18px}.app-promo{order:2}.why-card{order:1}.footer-grid{grid-template-columns:1fr}.section-title h2{font-size:18px}.trip-card,.car-card{padding:14px}.trip-time strong{font-size:18px}.car-photo{height:125px}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
/* V3: buses + shared public cars */
.search-tabs button{min-width:0}.compact-tabs{display:flex;height:58px;border-bottom:1px solid var(--line)}.compact-tabs a{flex:1;display:grid;place-items:center;font-weight:800;color:#203b58;position:relative}.compact-tabs a.active{color:var(--blue)}.compact-tabs a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue)}.transport-note{margin-top:18px;padding:14px 18px;border:1px solid #dcecf9;background:#f7fcff;border-radius:14px;display:flex;gap:10px;align-items:center}.transport-note b{color:#0c5fae}.transport-note span{font-size:13px;color:#60758a}.results-search{grid-template-columns:1fr 1fr .8fr 130px}.transport-badge{background:#eef8ff;color:#146ec4}.result-card{display:grid;grid-template-columns:1fr 160px;gap:20px;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:13px}.result-side{border-inline-start:1px solid var(--line);padding-inline-start:18px;display:flex;flex-direction:column;justify-content:center;gap:8px}.meta{display:flex;gap:20px;color:var(--muted);font-size:12px}.filter-group{padding:13px 0;border-bottom:1px solid var(--line);color:#536a80}
@media(max-width:820px){.search-tabs button{font-size:13px}.results-search{grid-template-columns:1fr 1fr}.results-search .btn{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.filters{display:none}.result-card{grid-template-columns:1fr}.result-side{border-inline-start:0;border-top:1px solid var(--line);padding:12px 0 0}.transport-note{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.search-tabs{overflow-x:auto}.search-tabs button{flex:0 0 42%;white-space:nowrap}.results-search{grid-template-columns:1fr}.results-search .btn{grid-column:auto}.transport-note{font-size:13px}.result-card{padding:14px}}
/* V4 — DROBKOM: buses + shared public cars only */
.v4-hero{background:linear-gradient(135deg,#eefaff 0%,#f8fdff 52%,#e9f8ff 100%);padding:42px 0 30px;overflow:hidden}.v4-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"search copy" "search vehicle";gap:18px 46px;align-items:center;position:relative}.v4-copy{grid-area:copy;text-align:right;padding-inline:10px}.lang-en .v4-copy{text-align:left}.eyebrow{display:inline-block;background:#e9f7ff;color:#1674c8;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.v4-copy h1{font-size:42px;line-height:1.1;margin:12px 0 10px;color:#0d2e50}.v4-copy h1 span{color:#1677ee}.v4-copy p{font-size:16px;line-height:1.8;color:#5a7188;max-width:600px;margin:0}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;color:#365b7e;font-size:12px;font-weight:700}.hero-points span:before{color:#22b981}.v4-vehicle{grid-area:vehicle;position:relative;background:#fff;border:1px solid #e1eef8;border-radius:22px;padding:10px;box-shadow:0 18px 45px rgba(35,94,145,.12);max-width:610px}.v4-vehicle img{width:100%;height:230px;object-fit:cover;object-position:center 65%;border-radius:16px;display:block}.vehicle-label{position:absolute;top:24px;right:24px;background:#ff8b2c;color:#fff;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:800;z-index:2}.vehicle-caption{display:flex;justify-content:space-between;align-items:center;padding:10px 5px 3px;gap:12px}.vehicle-caption b{font-size:13px}.vehicle-caption small{font-size:11px;color:#6d8195}.v4-search-card{grid-area:search;background:#fff;border:1px solid #e3ebf3;border-radius:24px;box-shadow:0 18px 48px rgba(35,80,125,.12);overflow:hidden;align-self:center}.v4-tabs{height:70px}.v4-tabs button{font-size:16px}.v4-tabs button.active:first-child{color:#f27d22}.v4-tabs button.active:first-child:after{background:#f27d22}.v4-fields{display:grid;grid-template-columns:1fr 1fr .86fr .75fr;gap:0;border:1px solid #e5edf5;border-radius:14px;overflow:hidden}.v4-fields .field{padding:11px 13px;border-inline-end:1px solid #e5edf5}.v4-fields label{font-size:11px;color:#667b8f;font-weight:700;display:block}.v4-fields input,.v4-fields select{width:100%;border:0;outline:0;background:transparent;color:#173b5d;font-weight:700;padding:6px 0}.v4-search-btn{grid-column:1/-1;margin:12px 0 0;border:0;background:linear-gradient(135deg,#1677ef,#18a6e9);color:#fff;border-radius:10px;padding:12px 20px;font-weight:800;cursor:pointer;width:170px}.v4-search-btn span{margin-inline-start:6px}.v4-routes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px 2px 2px;font-size:11px}.v4-routes a{background:#f6f9fc;border:1px solid #e7edf3;border-radius:999px;padding:7px 11px;color:#536c84}.v4-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:24px 0;border-bottom:1px solid #edf2f7}.v4-benefit{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid #eef2f6;border-radius:16px;background:#fff}.v4-benefit i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;color:#1677ef;font-style:normal;font-size:20px}.v4-benefit div{display:flex;flex-direction:column}.v4-benefit b{font-size:13px}.v4-benefit small{font-size:10px;color:#74879a;margin-top:3px}.v4-content{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(280px,.75fr);gap:24px;padding:26px 0 35px;direction:ltr}.v4-main,.v4-side{direction:rtl}.lang-en .v4-main,.lang-en .v4-side{direction:ltr}.v4-trip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.v4-trip{position:relative;border:1px solid #e5ecf3;border-radius:16px;padding:12px;background:#fff;box-shadow:0 5px 18px rgba(40,75,110,.04);overflow:hidden}.trip-type{position:absolute;top:10px;right:10px;background:#e8f3ff;color:#1474d0;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;z-index:2}.trip-type.shared{background:#e7fbf3;color:#169b68}.trip-vehicle{width:100%;height:92px;object-fit:cover;border-radius:10px;margin-bottom:8px}.bus-visual{height:92px;border-radius:10px;background:linear-gradient(145deg,#eff8ff,#f9fcff);display:grid;place-items:center;font-size:56px;margin-bottom:8px}.v4-trip h3{font-size:12px;margin:5px 0 9px}.route-names,.time-row,.trip-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.route-names{font-size:11px;color:#274965}.route-names span{color:#25a2e7}.time-row{margin:10px 0;font-size:14px}.time-row span{color:#b2c0cd}.trip-foot{border-top:1px solid #edf2f6;padding-top:9px;margin:8px 0}.trip-foot .seats{font-size:10px;color:#26925e}.trip-foot b{color:#0e559c}.trip-foot small{font-size:8px}.v4-side{display:grid;gap:14px;align-content:start}.real-car-card{border:1px solid #e6edf4;border-radius:17px;overflow:hidden;background:#fff}.real-car-card img{width:100%;height:205px;object-fit:cover;display:block}.real-car-card div{padding:13px}.real-car-card b{font-size:13px}.real-car-card p{font-size:11px;color:#718497;line-height:1.6;margin:6px 0 0}.v4-stats{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#f1faff,#fbfdff);border-radius:20px;padding:22px;margin-bottom:38px}.v4-stats div{text-align:center;border-inline-end:1px solid #e1edf6}.v4-stats div:last-child{border:0}.v4-stats b{display:block;color:#1677ef;font-size:23px}.v4-stats span{font-size:11px;color:#60768b}.footer-brand img{width:150px;height:auto}
@media(max-width:1100px){.v4-hero-grid{gap:18px 24px}.v4-copy h1{font-size:36px}.v4-content{grid-template-columns:1fr}.v4-side{grid-template-columns:1fr 1fr}.v4-trip-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.v4-hero{padding:24px 0}.v4-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "vehicle" "search"}.v4-copy{text-align:center}.lang-en .v4-copy{text-align:center}.v4-copy p{margin:auto}.hero-points{justify-content:center}.v4-vehicle{max-width:100%}.v4-search-card{width:100%}.v4-fields{grid-template-columns:1fr 1fr}.v4-fields .field{border-bottom:1px solid #e5edf5}.v4-search-btn{grid-column:1/-1;margin:12px;width:calc(100% - 24px)}.v4-benefits{grid-template-columns:repeat(2,1fr)}.v4-benefit:last-child{grid-column:1/-1}.v4-trip-grid{grid-template-columns:repeat(2,1fr)}.v4-side{grid-template-columns:1fr 1fr}.v4-stats{grid-template-columns:repeat(2,1fr);gap:14px}.v4-stats div{border:0}}
@media(max-width:560px){.v4-copy h1{font-size:31px}.v4-copy p{font-size:14px}.v4-vehicle img{height:190px}.vehicle-caption{display:block}.vehicle-caption small{display:block;margin-top:4px}.v4-tabs{height:58px}.v4-tabs button{font-size:13px}.v4-fields{grid-template-columns:1fr}.v4-fields .field{border-inline-end:0}.v4-routes{display:none}.v4-benefits{grid-template-columns:1fr 1fr}.v4-benefit{justify-content:flex-start}.v4-trip-grid{grid-template-columns:1fr}.v4-side{grid-template-columns:1fr}.v4-stats{grid-template-columns:1fr 1fr}.real-car-card img{height:180px}}
/* V5 — pixel-directed implementation of the approved DROBKOM reference */
.wow-hero{position:relative;height:355px;background:#dff2ff;overflow:hidden}.wow-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(222,244,255,.12),rgba(236,248,255,.15)),url('../img/hero-reference-full.jpg') center/cover no-repeat}.wow-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.02) 48%,rgba(255,255,255,.0) 100%)}.wow-hero-inner{height:100%;position:relative}.wow-copy{position:absolute;right:30%;top:38px;width:390px;text-align:center;z-index:2}.lang-en .wow-copy{right:auto;left:30%}.wow-copy h1{font-size:36px;line-height:1.18;margin:0;color:#050505;font-weight:900}.wow-copy h1 span{display:inline-block;color:#1d75e8;font-size:48px;margin-top:4px}.wow-copy p{font-size:14px;line-height:1.55;color:#263c54;margin:8px 0}.wow-vehicles{position:absolute;right:0;top:0;width:39%;height:100%;background:url('../img/hero-vehicles-approved.jpg') center right/cover no-repeat;z-index:1}.lang-en .wow-vehicles{right:auto;left:0;transform:scaleX(-1)}.wow-search{position:absolute;left:0;bottom:26px;width:58%;background:#fff;border-radius:20px;box-shadow:0 10px 25px rgba(34,71,106,.12);overflow:hidden;z-index:5}.lang-en .wow-search{left:auto;right:0}.wow-tabs{display:flex;height:70px;border-bottom:1px solid #e9eef4}.wow-tabs button{flex:1;border:0;background:#fff;font-size:16px;font-weight:800;color:#183550;position:relative;cursor:pointer}.wow-tabs button.active{color:#1b75e8}.wow-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#1b75e8}.wow-tabs .tab-icon{margin-inline-end:8px}.wow-pane{padding:14px 18px 12px}.wow-fields{display:grid;grid-template-columns:1.1fr 1.1fr .9fr .8fr 48px;border:1px solid #e4ebf2;border-radius:12px;overflow:hidden;align-items:stretch}.wow-fields label{position:relative;padding:9px 12px;border-inline-end:1px solid #e7edf3;min-width:0}.wow-fields label small{display:block;font-size:10px;color:#273d53;font-weight:700;margin-bottom:3px}.wow-fields label span{position:absolute;left:10px;bottom:13px;color:#176fd5}.lang-en .wow-fields label span{left:auto;right:10px}.wow-fields input,.wow-fields select{width:100%;border:0;background:transparent;outline:0;font-size:12px;color:#66798b;font-weight:700;padding:4px 0}.wow-search-btn{border:0;background:#1477ee;color:#fff;font-size:22px;cursor:pointer}.wow-popular{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:12px;font-size:10px}.wow-popular b{font-size:11px}.wow-popular a{padding:7px 12px;border-radius:9px;background:#f7f9fc;border:1px solid #e6ebf1;color:#60758a}.wow-benefits{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0;border-bottom:1px solid #edf1f5}.wow-benefit{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.wow-benefit i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef8ff;color:#1677ef;font-style:normal;font-size:20px}.wow-benefit b{font-size:12px}.wow-benefit small{font-size:9px;color:#71869a}.wow-home{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(250px,.75fr);gap:24px;padding:22px 0 32px;direction:ltr}.wow-home main,.wow-home aside{direction:rtl}.lang-en .wow-home main,.lang-en .wow-home aside{direction:ltr}.wow-home .section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wow-home .section-title h2{font-size:18px}.wow-home .section-title a{font-size:11px;color:#1677ef;font-weight:800}.wow-trip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wow-trip{border:1px solid #e5ebf2;border-radius:14px;background:#fff;padding:11px;position:relative;overflow:hidden}.wow-type{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:7px;font-size:8px;font-weight:800;z-index:2}.wow-type.shared{background:#dff8ed;color:#138a5c}.wow-type.bus{background:#e6f1ff;color:#176fcb}.wow-trip-top{height:80px;display:flex;align-items:center;gap:8px;padding-top:12px}.wow-trip-top img{width:50%;height:65px;object-fit:contain}.wow-bus{width:50%;font-size:50px;text-align:center}.wow-trip-top div{display:flex;flex-direction:column;gap:4px}.wow-trip-top b{font-size:10px}.wow-trip-top small{font-size:8px;color:#d89b00}.wow-route,.wow-times,.wow-price{display:flex;justify-content:space-between;align-items:center}.wow-route{font-size:10px;margin:7px 0}.wow-route span{color:#27a2e7}.wow-times{font-size:13px;margin:7px 0}.wow-times span{color:#c1ccd6}.wow-price{border-top:1px solid #edf1f5;padding-top:8px;margin-top:8px}.wow-price span{font-size:9px;color:#65798c}.wow-price strong{font-size:14px;color:#0759a5}.wow-price small{font-size:8px}.wow-trip-btn{display:block;text-align:center;background:#e6f2ff;color:#0868c7;border-radius:7px;padding:8px;margin-top:9px;font-size:10px;font-weight:800}.wow-why{border:1px solid #e4ebf2;border-radius:14px;padding:15px;background:#fff}.wow-why h3{font-size:16px;margin:0 0 12px}.wow-why p{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #eef2f6;padding:10px 0;margin:0}.wow-why p:last-child{border:0}.wow-why p>span{display:flex;flex-direction:column}.wow-why b{font-size:11px}.wow-why small{font-size:9px;color:#74879a;margin-top:3px}.wow-app{margin-top:12px;border-radius:14px;overflow:hidden;background:#eaf6ff}.wow-app img{width:100%;height:145px;object-fit:cover;object-position:right center;display:block}
@media(max-width:1050px){.wow-copy{right:28%;width:360px}.wow-copy h1{font-size:31px}.wow-copy h1 span{font-size:41px}.wow-trip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.wow-hero{height:auto;padding:28px 0 22px;background:linear-gradient(180deg,#e9f7ff,#f8fcff)}.wow-hero-bg{display:none}.wow-hero-inner{display:flex;flex-direction:column;gap:18px}.wow-copy{position:relative;inset:auto!important;width:auto;order:1;text-align:center}.wow-copy h1{font-size:31px}.wow-copy h1 span{font-size:39px}.wow-vehicles{position:relative;inset:auto!important;width:100%;height:230px;order:2;border-radius:18px;background-size:cover;background-position:center}.wow-search{position:relative;inset:auto!important;width:100%;order:3}.wow-home{grid-template-columns:1fr}.wow-home aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wow-app{margin-top:0}.wow-benefits{grid-template-columns:repeat(3,1fr);gap:16px}.wow-benefit:nth-child(n+4){margin-top:5px}}
@media(max-width:560px){.wow-hero{padding-top:18px}.wow-copy h1{font-size:27px}.wow-copy h1 span{font-size:34px}.wow-copy p{font-size:12px}.wow-vehicles{height:190px}.wow-tabs{height:58px}.wow-tabs button{font-size:13px}.wow-fields{grid-template-columns:1fr 1fr}.wow-fields label{border-bottom:1px solid #e7edf3}.wow-search-btn{grid-column:1/-1;height:46px}.wow-popular{display:none}.wow-benefits{grid-template-columns:repeat(2,1fr)}.wow-benefit:last-child{grid-column:1/-1}.wow-trip-grid{grid-template-columns:1fr}.wow-home aside{grid-template-columns:1fr}.wow-app img{height:120px}}


/* V6 — exact approved hero, no duplicated background/text layers */
.approved-hero{background:#eef8ff;border-bottom:1px solid #edf2f6}
.approved-hero-wrap{position:relative;padding:0}
.approved-hero-desktop{position:relative;width:100%;aspect-ratio:1536/366;overflow:hidden}
.approved-hero-image{display:block;width:100%;height:100%;object-fit:cover}
.approved-tabs{position:absolute;left:2.3%;top:10.7%;width:48.5%;height:22.2%;display:flex;direction:rtl;z-index:5}
.lang-en .approved-tabs{direction:ltr}
.approved-tabs button{flex:1;border:0;background:transparent;color:#183550;font-weight:800;font-size:clamp(12px,1vw,17px);cursor:pointer;position:relative}
.approved-tabs button.active{color:#1677ef}
.approved-tabs button.active:after{content:"";position:absolute;bottom:0;left:16%;right:16%;height:3px;background:#1677ef;border-radius:4px}
.approved-hot-form{display:none;position:absolute;left:2.25%;top:34.1%;width:48.7%;height:25.8%;z-index:4}
.approved-hot-form.active{display:block}
.approved-hot-form input,.approved-hot-form select,.approved-hot-form button{position:absolute;border:0;background:transparent;outline:0;color:#173551}
.approved-hot-form input:focus,.approved-hot-form select:focus{background:rgba(255,255,255,.92);border-radius:7px;box-shadow:0 0 0 2px rgba(20,119,239,.16)}
.approved-hot-form .hot-from{right:1.5%;top:4%;width:24%;height:82%;padding:10px;font-weight:700}
.approved-hot-form .hot-to{right:27%;top:4%;width:22%;height:82%;padding:10px;font-weight:700}
.approved-hot-form .hot-date{right:51%;top:4%;width:20%;height:82%;padding:10px;font-weight:700}
.approved-hot-form .hot-passengers{right:72.5%;top:4%;width:17%;height:82%;padding:10px;font-weight:700}
.approved-hot-form .hot-search{left:0;top:4%;width:11.3%;height:82%;cursor:pointer}
.lang-en .approved-hot-form .hot-from{right:auto;left:38%}
.lang-en .approved-hot-form .hot-to{right:auto;left:62%}
.approved-hero-mobile{display:none}

@media(max-width:900px){
  .approved-hero{background:linear-gradient(180deg,#eaf7ff,#fff)}
  .approved-hero-wrap{padding:20px 0 24px}
  .approved-hero-desktop{display:none}
  .approved-hero-mobile{display:block}
  .mobile-copy{text-align:center;padding:0 16px 12px}
  .mobile-copy h1{margin:0;font-size:34px;line-height:1.2;font-weight:900;color:#071d35}
  .mobile-copy h1 span{display:block;color:#1677ef;font-size:40px}
  .mobile-copy p{max-width:580px;margin:10px auto 0;color:#65798d;line-height:1.8}
  .mobile-visual{max-width:720px;margin:0 auto 14px;border-radius:20px;overflow:hidden}
  .mobile-visual img{display:block;width:100%;height:250px;object-fit:cover;object-position:right center}
  .mobile-search-card{background:#fff;border:1px solid #e4ebf2;border-radius:20px;box-shadow:0 16px 38px rgba(35,79,119,.12);overflow:hidden}
  .mobile-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e9eef4}
  .mobile-tabs button{height:62px;border:0;background:#fff;color:#183550;font-weight:800;position:relative}
  .mobile-tabs button.active{color:#1677ef}
  .mobile-tabs button.active:after{content:"";height:3px;background:#1677ef;position:absolute;left:20%;right:20%;bottom:0}
  .mobile-search-form{display:none;padding:16px;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-search-form.active{display:grid}
  .mobile-search-form label{border:1px solid #e3eaf2;border-radius:12px;padding:10px;background:#fff}
  .mobile-search-form small{display:block;color:#74879a;font-size:11px;margin-bottom:4px}
  .mobile-search-form input,.mobile-search-form select{width:100%;border:0;outline:0;background:transparent;color:#183550;font-weight:700}
  .mobile-search-form button{grid-column:1/-1;border:0;border-radius:12px;background:linear-gradient(90deg,#1677ef,#16a8e8);color:#fff;font-weight:800;padding:14px;cursor:pointer}
}
@media(max-width:560px){
  .mobile-copy h1{font-size:28px}.mobile-copy h1 span{font-size:34px}
  .mobile-visual img{height:190px}
  .mobile-search-form{grid-template-columns:1fr}
  .mobile-search-form button{grid-column:1}
}


/* V7 homepage polish */
.v7-hero + .wow-benefits{margin-top:0;background:#fff}
.wow-benefits{max-width:1480px}
.wow-benefit{padding:4px 8px}
.wow-benefit i{box-shadow:0 7px 20px rgba(28,113,206,.08)}
.wow-home{max-width:1480px}
.wow-trip{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.wow-trip:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,74,116,.11);border-color:#d7e6f5}
.wow-trip-top img{width:52%;height:72px;object-fit:contain;border-radius:10px}
.wow-trip-btn{background:linear-gradient(90deg,#1477ef,#16a8e8);color:#fff;padding:9px;box-shadow:0 8px 18px rgba(20,119,239,.12)}
.wow-why{box-shadow:0 10px 30px rgba(30,74,116,.05)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(16px)}
@media(min-width:901px){
  .v7-hero .container{max-width:none!important;width:100%!important}
}