/***[ type_seo.css ]***/
#city{width:100%;max-width:1200px;margin:40px auto;padding:0 20px;box-sizing:border-box;color:#ffffff;}
#city h2{width:100%;margin:35px 0 15px;padding:10px 15px;color:#ffffff;font-size:22px;font-weight:600;line-height:1.3;border-left:4px solid #ff6b00;background:#151515;box-sizing:border-box;}
#city ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;width:100%;margin:0 0 30px;padding:0;list-style:none;}
#city li{margin:0;padding:0;}
#city li a{display:block;width:100%;min-height:42px;padding:11px 14px;box-sizing:border-box;color:#dddddd;background:#111111;border:1px solid #292929;border-radius:4px;font-size:14px;line-height:1.4;text-decoration:none;transition:color 0.2s ease,background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;}
#city li a::before{content:"›";display:inline-block;margin-right:8px;color:#ff6b00;font-size:18px;font-weight:bold;transition:transform 0.2s ease;}
#city li a:hover{color:#ffffff;background:#1c1c1c;border-color:#ff6b00;transform:translateX(3px);}
#city li a:hover::before{transform:translateX(3px);}
@media screen and (max-width:1024px){#city ul{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:600px){#city{margin:25px auto;padding:0 12px;}
#city h2{margin:25px 0 12px;padding:9px 12px;font-size:19px;}
#city ul{grid-template-columns:1fr;gap:6px;margin-bottom:25px;}
#city li a{min-height:40px;padding:10px 12px;font-size:14px;}
}
@media screen and (max-width:600px){#city{padding:0 8px;}
#city h2{font-size:18px;}
#city li a{font-size:13px;}
}