.city-detail-page .city-detail-main { overflow:hidden; }
.city-detail-page #cityDetailForm { margin:0; }
.city-detail-page .city-hero { position:relative; min-height:668px; overflow:hidden; background:#fff; }
.city-detail-page .city-hero__content { position:relative; z-index:3; left:clamp(75px,5.25vw,90px); width:577px; min-height:668px; padding:42px 15px 36px; color:#111; font-family:Lato,Arial,sans-serif; }
.city-detail-page .city-hero h1 { max-width:547px; margin:0 0 20px; color:#090909; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:1.2px; }
.city-detail-page .city-hero__subtitle { max-width:500px; margin:0 0 18px; font-size:24px; font-weight:500; line-height:1.15; }
.city-detail-page .city-hero__benefits { margin:0; padding:0; color:#555; list-style:none; font-size:18px; line-height:1.65; }
.city-detail-page .city-hero__benefits li { position:relative; padding-left:35px; }
.city-detail-page .city-hero__benefits li::before { content:"\2713"; position:absolute; top:0; left:0; color:#00aeef; font-size:23px; font-weight:800; line-height:1.25; }
.city-detail-page .city-hero__enroll { display:flex; width:233px; height:51px; margin-top:18px; align-items:center; justify-content:center; color:#fff; background:#ff8700; border:1px solid #eea236; border-radius:999px; font-size:24px; font-weight:700; letter-spacing:1.2px; text-decoration:none; }
.city-detail-page .city-hero__enroll:hover { color:#fff; background:#e97800; }
.city-detail-page .city-hero__proof { position:absolute; bottom:134px; left:15px; display:flex; align-items:center; gap:13px; color:#111; font-size:14px; }
.city-detail-page .city-hero__proof img { display:block; width:120px; height:46px; object-fit:contain; }
.city-detail-page .city-hero__apps { position:absolute; bottom:36px; left:15px; display:flex; width:542px; height:84px; padding:10px; align-items:center; gap:10px; border:1px solid #ff6427; border-radius:14px; }
.city-detail-page .city-hero__apps .city-hero__store { display:flex; height:51px; padding:5px 12px; flex:0 0 auto; align-items:center; gap:9px; color:#fff; background:#050505; border-radius:12px; font:600 16px/1.05 Inter,Arial,sans-serif; text-decoration:none; }
.city-detail-page .city-hero__apps .city-hero__store:first-child { width:163px; }
.city-detail-page .city-hero__apps .city-hero__store:nth-child(2) { width:151px; }
.city-detail-page .city-hero__apps small { display:block; font-size:12px; font-weight:400; }
.city-detail-page .city-hero__apps-divider { width:1px; height:55px; flex:0 0 1px; background:#d5d5d5; }
.city-detail-page .city-hero__app-download { position:relative; display:block; width:186px; height:66px; flex:0 0 186px; }
.city-detail-page .city-hero__app-message { display:block; width:100%; height:100%; object-fit:contain; }
.city-detail-page .city-hero__apps .city-hero__app-qr { position:absolute; top:5px; left:4px; display:block; width:55px; height:57px; overflow:hidden; background:transparent; border-radius:0; }
.city-detail-page .city-hero__app-qr img { position:absolute; top:-16%; left:-30%; display:block; width:160%; max-width:none; height:auto; }
.city-detail-page .store-badge__icon { font-size:29px; }
.city-detail-page .store-badge__play { width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:18px solid #fff; }
.city-detail-page .city-hero__visual { position:absolute; z-index:1; inset:0 0 0 45%; overflow:hidden; background:#dbeaf5; }
.city-detail-page .city-hero__road { width:100%; height:100%; object-fit:cover; object-position:center; }
.city-detail-page .city-hero__curve { position:absolute; z-index:2; inset:0 auto 0 0; width:240px; height:100%; pointer-events:none; }

.city-detail-page .city-content-container { width:min(1170px,calc(100% - 40px)); margin-inline:auto; }
.city-detail-page .city-course-info { padding:50px 0; background:#fff; }
.city-detail-page .city-course-info h2 { margin:0 0 22px; color:#333; font:500 25px/1.3 Lato,Arial,sans-serif; }
.city-detail-page .city-blue-text { color:#333; }
.city-detail-page .city-course-info__body { position:relative; }
.city-detail-page .city-course-info__items article { min-height:101px; padding:18px 0 20px; border-bottom:1px solid #e5e5e5; }
.city-detail-page .city-course-info__items article:nth-child(-n+3) { padding-right:410px; }
.city-detail-page .city-course-info__items h3 { position:relative; margin:0 0 10px; padding-left:28px; color:#00aeef; font:700 14px/1.2 Lato,Arial,sans-serif; text-transform:uppercase; }
.city-detail-page .city-course-info__items h3::before { content:"\2713"; position:absolute; left:0; color:#00aeef; font-size:18px; }
.city-detail-page .city-course-info__items p { margin:0; color:#333; font:14px/1.75 Lato,Arial,sans-serif; }
.city-detail-page .city-course-info__devices { position:absolute; top:0; right:-10px; width:390px; height:210px; object-fit:contain; }
.city-detail-page .city-inline-link { color:#333; text-decoration:none; }
.city-detail-page .city-details-section { padding:50px 0; background:#fff; color:#333; font:18px/1.6 Lato,Arial,sans-serif; }
.city-detail-page .city-details-section h2 { margin:0 0 30px; font-size:30px; font-weight:500; }
.city-detail-page .city-faq { padding:50px 0; }

@media(max-width:1100px) {
  .city-detail-page .city-hero { min-height:570px; }
  .city-detail-page .city-hero__content { left:0; width:56%; min-height:570px; padding:22px 12px 14px 28px; }
  .city-detail-page .city-hero h1 { margin-bottom:10px; font-size:27px; letter-spacing:.4px; }
  .city-detail-page .city-hero__subtitle { margin-bottom:10px; font-size:16px; }
  .city-detail-page .city-hero__benefits { font-size:13px; line-height:1.85; }
  .city-detail-page .city-hero__benefits li { padding-left:24px; }
  .city-detail-page .city-hero__benefits li::before { top:0; font-size:17px; }
  .city-detail-page .city-hero__enroll { width:135px; height:40px; margin-top:14px; font-size:17px; }
  .city-detail-page .city-hero__proof { bottom:91px; left:28px; gap:8px; font-size:10px; }
  .city-detail-page .city-hero__proof img { width:78px; height:auto; }
  .city-detail-page .city-hero__apps { bottom:14px; left:28px; width:max-content; max-width:calc(100% - 40px); height:68px; padding:7px; gap:6px; border-radius:10px; }
  .city-detail-page .city-hero__apps .city-hero__store { width:112px!important; height:42px; padding:4px 8px; gap:6px; font-size:11px; }
  .city-detail-page .city-hero__apps small { font-size:8px; }
  .city-detail-page .city-hero__apps-divider { height:46px; }
  .city-detail-page .city-hero__app-download { width:135px; height:50px; flex-basis:135px; }
  .city-detail-page .city-hero__apps .city-hero__app-qr { top:5px; left:3px; width:40px; height:40px; }
  .city-detail-page .city-hero__visual { left:55%; }
  .city-detail-page .city-hero__curve { width:125px; }
  .city-detail-page .city-course-info__items article:nth-child(-n+3) { padding-right:38%; }
  .city-detail-page .city-course-info__devices { right:0; width:36%; }
  .city-detail-page .court-partner { grid-template-columns:1.35fr 1fr; width:calc(100% - 28px); }
  .city-detail-page .court-partner__content { padding:28px 24px 32px; }
  .city-detail-page .court-partner h2 { font-size:26px; }
  .city-detail-page .court-partner h3 { font-size:21px; }
  .city-detail-page .court-partner__image { min-height:100%; border-radius:0 12px 12px 0; }
}

@media(max-width:600px) {
  .city-detail-page .city-hero { display:block; min-height:0; }
  .city-detail-page .city-hero__content { position:relative; left:auto; width:auto; min-height:0; padding:38px 22px; background:rgba(255,255,255,.82); }
  .city-detail-page .city-hero h1 { font-size:30px; }
  .city-detail-page .city-hero__subtitle { font-size:19px; }
  .city-detail-page .city-hero__benefits { font-size:16px; }
  .city-detail-page .city-hero__benefits li { padding-left:30px; }
  .city-detail-page .city-hero__benefits li::before { top:7px; width:20px; height:17px; font-size:12px; }
  .city-detail-page .city-hero__enroll { width:100%; height:48px; margin-top:20px; }
  .city-detail-page .city-hero__proof { position:static; margin-top:24px; font-size:12px; }
  .city-detail-page .city-hero__apps { position:static; display:grid; grid-template-columns:1fr 1fr; width:100%; max-width:100%; height:auto; min-height:132px; margin-top:12px; }
  .city-detail-page .city-hero__apps .city-hero__store { width:auto!important; }
  .city-detail-page .city-hero__apps-divider { display:none; }
  .city-detail-page .city-hero__app-download { grid-column:1/-1; width:180px; height:62px; justify-self:center; }
  .city-detail-page .city-hero__apps .city-hero__app-qr { top:5px; left:4px; width:52px; height:52px; }
  .city-detail-page .city-hero__visual { position:absolute; inset:0; left:0; min-height:0; }
  .city-detail-page .city-hero__road { filter:blur(5px); transform:scale(1.04); }
  .city-detail-page .city-hero__curve { display:none; }
  .city-detail-page .city-course-info { padding:38px 0; }
  .city-detail-page .city-course-info h2,
  .city-detail-page .city-details-section h2 { font-size:25px; }
  .city-detail-page .city-course-info__body { display:flex; flex-direction:column; }
  .city-detail-page .city-course-info__devices { position:static; order:-1; width:min(360px,100%); height:auto; margin:0 auto 18px; }
  .city-detail-page .city-course-info__items article:nth-child(-n+3) { padding-right:0; }
  .city-detail-page .city-course-info__items article { padding:14px 0; }
  .city-detail-page .city-course-info__items p { font-size:16px; line-height:1.55; }
  .city-detail-page .city-details-section { padding:38px 0; font-size:16px; }
  .city-detail-page .court-partner { grid-template-columns:1fr; }
  .city-detail-page .court-partner__image { min-height:310px; border-radius:0; }
}