.sp-city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.sp-city-card{position:relative;min-height:280px;border-radius:var(--sp-radius);overflow:hidden;text-decoration:none;box-shadow:var(--sp-shadow);background:#ddd;isolation:isolate;}
.sp-city-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;z-index:-2;}
.sp-city-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(15,63,74,.82));z-index:-1;}
.sp-city-card__body{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;}
.sp-city-card h3{font-size:28px;line-height:1.1;color:#fff;margin:0 0 8px;font-weight:900;}
.sp-city-card p{font-size:15px;line-height:1.55;margin:0;color:rgba(255,255,255,.9);}
.sp-city-card:hover img{transform:scale(1.08);}
.sp-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sp-type-card{background:#fff;border:1px solid var(--sp-border);border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(15,63,74,.06);}
.sp-type-card__icon{font-size:34px;margin-bottom:12px;}
.sp-type-card h3{font-size:22px;color:var(--sp-dark);margin:0 0 10px;font-weight:900;}
.sp-type-card p{font-size:15px;line-height:1.65;color:var(--sp-muted);margin:0;}
.sp-route-box{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--sp-dark),#166577);color:#fff;border-radius:30px;padding:42px;box-shadow:var(--sp-shadow);}
.sp-route-box h2{font-size:38px;color:#fff;margin:0 0 10px;font-weight:900;}
.sp-route-box p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);max-width:720px;margin:0;}
@media(max-width:900px){.sp-city-grid{grid-template-columns:repeat(2,1fr)}.sp-type-grid{grid-template-columns:repeat(2,1fr)}.sp-route-box{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.sp-section{padding:52px 0}.sp-city-grid,.sp-type-grid{grid-template-columns:1fr}.sp-city-card{min-height:240px}.sp-route-box{padding:28px}}