/* Kazan uses the recovered park layout, with the same desktop geometry as Moscow. */
body[data-city="kzn"] { padding-left: 0; padding-bottom: 0; }
body[data-city="kzn"] .page-section { padding-left: 0 !important; }
body[data-city="kzn"] .app-nav-menu { padding-top: 20px; padding-bottom: 20px; }
body[data-city="kzn"] .app-nav-menu .menu-list > li:not(:last-child) { margin-bottom: 20px; }
body[data-city="kzn"] .app-nav .app-nav-menu { max-height: calc(100dvh - 38px); overflow-y: auto; }
body[data-city="kzn"] .app-nav-menu a { min-height: 0; }
body[data-city="kzn"] .nowrap-scroller { margin-left: max(15px, calc((100% - 1110px) / 2)) !important; padding: 20px 0; }
body[data-city="kzn"] .container-shift { margin-left: 0; }
body[data-city="kzn"] .nowrap-scroller .slide-item { width: 390px; flex: 0 0 390px; margin-right: 25px; }
/* These two card strips are already inside the original content container. */
body[data-city="kzn"] #masterclass,
body[data-city="kzn"] #animation_course { display: flex; width: 100%; margin-left: 0 !important; }
body[data-city="kzn"] #animation_courses { width: 100%; }
body[data-city="kzn"] #animation_course { justify-content: center; overflow: visible; }
body[data-city="kzn"] #animation_course .slide-item { margin-right: 0; max-width: 100%; }
body[data-city="kzn"] #animation_course .slide-image { display: none; }
body[data-city="kzn"] #h-carousel { border-radius: 0; }
body[data-city="kzn"] #h-carousel > div { border-radius: 30px; overflow: hidden; }
body[data-city="kzn"] .static-slider-status { display: none; }
body[data-city="kzn"] .static-slider-dots { display: flex; justify-content: center; gap: 10px; margin: 8px 0 0; padding: 0; list-style: none; }
body[data-city="kzn"] .static-slider-dots button {
  display: block; flex: 0 0 10px; width: 10px; min-width: 10px; height: 10px;
  padding: 0; border: 0; border-radius: 0; background: #face18; font-size: 0;
}
body[data-city="kzn"] .kazan-hero-slider { position: relative; }
body[data-city="kzn"] .kazan-slider-arrow { position: absolute; top: calc(50% - 12px); z-index: 2; border: 0; background: transparent; width: 40px; height: 48px; padding: 10px; color: white; }
body[data-city="kzn"] .kazan-slider-arrow::before { display: block; content: ''; width: 0; height: 0; border: 12px solid transparent; }
body[data-city="kzn"] .kazan-slider-prev { left: 0; }
body[data-city="kzn"] .kazan-slider-next { right: 0; }
body[data-city="kzn"] .kazan-slider-prev::before { border-right-color: white; margin-left: -12px; }
body[data-city="kzn"] .kazan-slider-next::before { border-left-color: white; }
body[data-city="kzn"] #prices .arrowUpDown,
body[data-city="kzn"] #prices .arrowUpDown[aria-expanded="true"] { color: #222 !important; }
body[data-city="kzn"] #prices .arrowUpDown { background-color: #f8f9fa; }
body[data-city="kzn"] .kazan-video { display: block; width: 100%; height: auto; border-radius: 15px; background: #000; }
body[data-city="kzn"] #player1,
body[data-city="kzn"] #player2 { display: inline-block; width: 80%; height: auto; aspect-ratio: 16 / 9; }
body[data-city="kzn"] #animation-school .row.mt-4 { justify-content: center; }
body[data-city="kzn"] #player2 { flex: 0 0 80%; margin-left: auto; margin-right: auto; }
body[data-city="kzn"] .app-header iframe[src*="rating-badge"] { display: inline-block; width: 150px; height: 50px; border: 0; }
/* Centre the original section titles and media within their existing columns. */
body[data-city="kzn"] .container-shift > h2.title-primary,
body[data-city="kzn"] #about .text-sm-center,
body[data-city="kzn"] #features .header-attractions { text-align: center; }
body[data-city="kzn"] #features .header-attractions > h2 { color: #56cd4b; }
body[data-city="kzn"] .row > [class*="col-"] > img,
body[data-city="kzn"] .row > [class*="col-"] > a > img { display: block; margin-left: auto; margin-right: auto; }
body[data-city="kzn"] .static-intro,
body[data-city="kzn"] .static-price-note,
body[data-city="kzn"] .landing-actions,
body[data-city="kzn"] .kzn-bottom-actions { display: none; }
@media (min-width: 576px) {
  body[data-city="kzn"] .visible_lg { display: block !important; }
  body[data-city="kzn"] .visible_xs { display: none !important; }
}
@media (max-width: 1024px) {
  body[data-city="kzn"] #player1,
  body[data-city="kzn"] #player2 { width: 100%; }
  body[data-city="kzn"] #player2 { flex-basis: 100%; }
}
@media (min-width: 768px) {
  body[data-city="kzn"] { padding-left: 220px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  body[data-city="kzn"] .app-nav { display: flex; }
}
@media (max-width: 767px) {
  body[data-city="kzn"] .btn-menu.m__show,
  body[data-city="kzn"] .hidden-menu.m__show { display: block !important; }
  body[data-city="kzn"] .nowrap-scroller { margin-left: 0 !important; padding: 20px 0; }
  body[data-city="kzn"] .nowrap-scroller .slide-item { width: 80vw; flex: 0 0 80vw; margin-right: 25px; }
  body[data-city="kzn"] .app-nav { display: none; }
  body[data-city="kzn"] .menu--toggle { display: none; }
  body[data-city="kzn"] .title-primary:not(.title-letter) { font-size: clamp(2.2rem, 9vw, 4.5rem); line-height: 1.08; overflow-wrap: break-word; }
  body[data-city="kzn"] #masterclasses > h2,
  body[data-city="kzn"] #animation_courses > h2 { font-size: clamp(1.7rem, 6.8vw, 2.5rem) !important; }
  body[data-city="kzn"] .hidden-menu ul { overflow-y: auto; max-height: calc(100dvh - 38px); }
  body[data-city="kzn"] .w-350 { max-width: 100%; }
}
@media (max-width: 575px) {
  body[data-city="kzn"] .visible_lg { display: none !important; }
  body[data-city="kzn"] .visible_xs { display: block !important; }
  body[data-city="kzn"] .hidden-menu ul { padding-bottom: 20px !important; }
  body[data-city="kzn"] .hidden-menu .menu-list > li { margin-bottom: 20px !important; }
}