.transport-page{max-width:1160px;margin:24px auto}.transport-hero{min-height:290px;padding:42px;border-radius:30px;position:relative;display:flex;align-items:center;overflow:hidden;background:#17212d;color:#fff}.transport-hero>div{position:relative;z-index:2;width:56%}.transport-hero h1{margin:8px 0;font-size:clamp(32px,4vw,52px);color:#fff}.transport-hero p{line-height:1.9;color:#eef2f0}.transport-hero .btn{margin-top:12px}.transport-hero-art{position:absolute;inset:0;margin:0}.transport-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 5%,#17212d66 47%,#17212df4 76%)}.transport-hero-art img{width:100%;height:100%;object-fit:cover;object-position:left center}.transport-owner-control{margin:16px 0;display:flex;align-items:center;gap:12px;padding:15px}.transport-owner-control>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--forest)}.transport-owner-control>div{flex:1}.transport-owner-control b,.transport-owner-control small{display:block}.transport-owner-control small{color:var(--muted)}
.transport-finder{margin:-28px 24px 0;padding:18px;position:relative;z-index:3;display:flex;gap:12px;align-items:end}.transport-filter-fields{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.transport-finder label{font-size:12px;font-weight:800}.transport-finder select{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)}.transport-results-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.transport-results-head h2{margin:4px 0}.transport-results-head>span{color:var(--muted);font-weight:800}.transport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.transport-card{padding:0;overflow:hidden}.transport-media{height:170px;position:relative;background:var(--soft)}.transport-media img{width:100%;height:100%;object-fit:cover}.transport-media>b{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:20px;background:#fff0e4;color:#b94d0d;font-size:11px}.transport-card-body{padding:16px}.transport-card header{display:flex;align-items:center;gap:10px}.transport-avatar{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:14px;background:linear-gradient(135deg,var(--forest),var(--lime));color:#fff;font-weight:900;font-size:19px}.transport-card h3{display:flex;align-items:center;gap:5px;margin:0;font-size:17px}.transport-card h3 i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:#fff}.transport-card h3 i svg{width:11px}.transport-card header p{margin:4px 0 0;color:var(--muted);font-size:11px}.transport-status{display:flex;align-items:center;gap:7px;margin:13px 0;padding:8px 10px;border-radius:10px;background:var(--soft);font-size:11px;font-weight:800}.transport-status i{width:8px;height:8px;border-radius:50%;background:#d39b20}.transport-status.available i{background:#22a36a}.transport-status.busy i{background:#e0792d}.transport-status.offline i{background:#89919b}.transport-served{padding:10px;border:1px solid var(--line);border-radius:12px}.transport-served b{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--forest)}.transport-served svg{width:14px}.transport-served p,.transport-description{margin:6px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}.transport-price{font-size:11px;color:var(--forest);font-weight:800}.transport-tiktok{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:20px;background:#111;color:#fff;font-size:11px;font-weight:800}.transport-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.transport-contact-actions form,.transport-contact-actions button{width:100%}.transport-empty{grid-column:1/-1;max-width:720px;margin:30px auto;padding:40px;text-align:center}
.wizard-vehicle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.vehicle-choices label{cursor:pointer}.vehicle-choices input{position:absolute;opacity:0}.vehicle-choices span{height:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.vehicle-choices span>svg{grid-row:1/3;width:26px;color:var(--forest)}.vehicle-choices small{color:var(--muted)}.vehicle-choices input:checked+span{border-color:var(--forest);background:color-mix(in srgb,var(--forest) 10%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--forest) 12%,transparent)}.transport-areas-field{border:1px solid var(--line);border-radius:16px;padding:16px}.transport-area-chips{display:flex;gap:8px;flex-wrap:wrap}.transport-area-chips input{position:absolute;opacity:0}.transport-area-chips span{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:var(--soft);cursor:pointer}.transport-area-chips svg{width:14px}.transport-area-chips input:checked+span{background:var(--forest);color:#fff;border-color:var(--forest)}
@media(max-width:900px){.transport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.transport-page{margin:10px auto}.transport-hero{min-height:230px;padding:24px 19px;border-radius:22px}.transport-hero>div{width:76%}.transport-hero-art img{opacity:.55;object-position:25% center}.transport-hero-art:after{background:linear-gradient(90deg,#17212d22,#17212dee 78%)}.transport-hero h1{font-size:31px}.transport-hero p{font-size:12px}.transport-finder{margin:-18px 10px 0;padding:13px;display:block}.transport-filter-fields{grid-template-columns:1fr 1fr}.transport-filter-fields label:last-child{grid-column:1/-1}.transport-finder>.btn{width:100%;margin-top:10px}.transport-grid{grid-template-columns:1fr}.transport-results-head h2{font-size:21px}.transport-card{display:grid;grid-template-columns:112px 1fr}.transport-card:not(:has(.transport-media)){display:block}.transport-media{height:100%;min-height:230px}.transport-card-body{padding:13px}.transport-contact-actions{gap:6px}.transport-contact-actions .btn{padding-inline:7px}.wizard-vehicle{grid-template-columns:1fr}.transport-owner-control{align-items:flex-start;flex-wrap:wrap}.transport-owner-control form{width:100%}.transport-owner-control button{width:100%}}
@media(max-width:430px){.transport-card{display:block}.transport-media{height:175px;min-height:0}.transport-filter-fields{grid-template-columns:1fr}.transport-filter-fields label:last-child{grid-column:auto}}