.nav-toggle {
     display: none;
 }

 .nav-center .dropdown-toggle {
     padding: 0;
     border: 0;
     color: #333;
     background: transparent;
     font: inherit;
     cursor: pointer;
 }

 .dropdown:focus-within .dropdown-menu,
 .dropdown.is-open .dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 @media (max-width: 768px) {
     .navbar {
         position: sticky;
         z-index: 1000;
         padding: 10px 18px;
     }

     .navbar-wrapper {
         position: relative;
         display: flex;
         min-height: 58px;
         flex-wrap: nowrap;
         align-items: center;
         justify-content: space-between;
         gap: 12px;
     }

     .logo {
         min-width: 0;
         gap: 9px;
     }

     .logo img {
         width: auto;
         height: 50px;
     }

     .logo-text {
         min-width: 0;
     }

     .small-text,
     .bottom-text {
         font-size: 10px;
         letter-spacing: 0;
     }

     .big-text {
         font-size: 23px;
         line-height: 1;
     }

     .nav-toggle {
         display: inline-flex;
         flex: 0 0 42px;
         width: 42px;
         height: 42px;
         align-items: center;
         justify-content: center;
         order: 3;
         border: 1px solid #dce7df;
         border-radius: 8px;
         color: #176b45;
         background: #fff;
         font-size: 18px;
         cursor: pointer;
     }

     .nav-center {
         position: absolute;
         z-index: 5;
         top: calc(100% + 10px);
         right: -18px;
         left: -18px;
         display: none;
         width: auto;
         flex-direction: column;
         align-items: stretch;
         gap: 0;
         padding: 10px 18px 16px;
         border-top: 1px solid #edf1ed;
         background: #fff;
         box-shadow: 0 14px 22px rgba(24, 53, 37, .12);
         transform: none;
     }

     .navbar.is-open .nav-center {
         display: flex;
     }

     .nav-center>a,
     .nav-center .dropdown-toggle {
         display: flex;
         min-height: 46px;
         align-items: center;
         justify-content: space-between;
         padding: 10px 4px;
         border-bottom: 1px solid #edf1ed;
         color: #26372d;
         font-size: 14px;
         text-align: left;
     }

     .nav-center .dropdown {
         width: 100%;
     }

     .nav-center .dropdown-toggle {
         width: 100%;
         border-top: 0;
         border-right: 0;
         border-left: 0;
         background: transparent;
         font-family: inherit;
         font-weight: 500;
         cursor: pointer;
     }

     .nav-center .dropdown-menu {
         position: static;
         display: none;
         min-width: 0;
         padding: 0 0 5px 14px;
         border-radius: 0;
         box-shadow: none;
         opacity: 1;
         visibility: visible;
         transform: none;
     }

     .nav-center .dropdown.is-open .dropdown-menu {
         display: block;
     }

     .nav-center .dropdown-menu a {
         min-height: 42px;
         padding: 10px 8px;
         font-size: 13px;
     }

     .nav-center .dropdown-toggle .arrow {
         transition: transform .2s ease;
     }

     .nav-center .dropdown.is-open .arrow {
         transform: rotate(180deg);
     }

     .navbar .btn-form {
         order: 2;
         flex: 0 0 auto;
         padding: 10px 12px;
         font-size: 12px;
         white-space: nowrap;
     }

     .footer {
         padding: 52px 22px 25px;
     }

     .footer-container {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 34px 24px;
     }

     .footer h3 {
         margin-bottom: 16px;
         font-size: 20px;
     }

     .footer-logo {
         gap: 10px;
     }

     .footer-logo img {
         width: 74px;
     }

     .footer-logo-text {
         top: 0;
     }

     .footer-small,
     .footer-bottom {
         font-size: 10px;
     }

     .footer-big {
         font-size: 23px;
     }

     .footer-about p,
     .contact-item p,
     .footer-links a {
         font-size: 13px;
     }

     .footer-contact {
         min-width: 0;
     }

     .contact-item {
         gap: 9px;
     }

     .social-icons {
         gap: 18px;
     }

     .social-icons a {
         font-size: 26px;
     }

     .hero {
         height: 72svh;
         min-height: 520px;
     }

     .hero-content h1 {
         font-size: 46px;
     }

     .hero-subtitle {
         font-size: 13px;
         letter-spacing: 2px;
     }

     .hero-content h3 {
         font-size: 23px;
     }

     .hero-desc {
         max-width: 520px;
         font-size: 15px;
     }

     .why-school {
         padding: 64px 22px;
     }

     .why-school h2,
     .education-title {
         font-size: 34px;
     }

     .why-container {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 14px;
     }

     .why-card {
         min-width: 0;
         padding: 22px 18px;
         border-radius: 12px;
     }

     .why-card h3 {
         font-size: 17px;
     }

     .why-card p {
         font-size: 13px;
     }

     .learning-method {
         padding: 64px 22px;
     }

     .education {
         padding: 64px 22px;
     }

     .education-container {
         grid-template-columns: minmax(0, 460px);
         gap: 18px;
     }

     .education-card {
         aspect-ratio: 1 / 1;
     }

     .education-overlay h3 {
         font-size: 20px;
     }

     .kindergarten-hero {
         gap: 38px;
         padding: 58px 22px 72px;
     }

     .kindergarten-hero h1 {
         font-size: 46px;
     }

     .kindergarten-hero-art {
         max-width: 520px;
     }

     .hero-art-card {
         padding: 11px;
     }

     .hero-art-card img {
         max-height: 420px;
     }

     .kindergarten-method {
         gap: 34px;
     }

     .facilities-intro {
         gap: 34px;
         padding: 58px 22px 68px;
     }

     .facilities-copy h1,
     .links-hero h1 {
         font-size: 46px;
     }

     .facilities-image-wrap {
         width: calc(100% - 10px);
         margin-right: 10px;
     }

     .facilities-image-wrap img {
         max-height: 420px;
     }

     .facilities-details,
     .links-content,
     .social-section {
         padding: 64px 22px;
     }

     .facilities-grid {
         gap: 14px;
     }

     .facility-card {
         min-height: 0;
         padding: 24px;
     }

     .links-hero {
         gap: 32px;
         padding: 58px 22px 68px;
     }

     .links-hero-mark {
         width: 130px;
         height: 130px;
     }

     .resource-grid,
     .social-grid {
         gap: 16px;
     }

     .resource-card {
         grid-template-columns: 1fr;
         gap: 15px;
         padding: 22px;
     }

     .resource-card h3 {
         font-size: 21px;
     }

     .social-card {
         min-height: 170px;
         padding: 22px;
         border-radius: 12px;
     }
 }

 @media (max-width: 480px) {
     .navbar {
         padding-right: 14px;
         padding-left: 14px;
     }

     .navbar-wrapper {
         gap: 8px;
     }

     .logo {
         gap: 7px;
     }

     .logo img {
         height: 43px;
     }

     .small-text,
     .bottom-text {
         font-size: 9px;
     }

     .big-text {
         font-size: 20px;
     }

     .nav-toggle {
         flex-basis: 40px;
         width: 40px;
         height: 40px;
     }

     .nav-center {
         right: -14px;
         left: -14px;
         padding-right: 14px;
         padding-left: 14px;
     }

     .navbar .btn-form {
         padding: 9px 10px;
         font-size: 11px;
     }

     .hero {
         height: 68svh;
         min-height: 460px;
     }

     .hero-content h1 {
         font-size: 36px;
     }

     .hero-content h3 {
         font-size: 20px;
     }

     .hero-desc {
         font-size: 14px;
     }

     .why-container {
         grid-template-columns: 1fr;
     }

     .why-school h2,
     .education-title {
         font-size: 30px;
     }

     .why-card {
         padding: 20px;
     }

     .education-container {
         grid-template-columns: minmax(0, 1fr);
     }

     .education-overlay {
         right: 18px;
         bottom: 18px;
         left: 18px;
     }

     .kindergarten-hero h1,
     .facilities-copy h1,
     .links-hero h1 {
         font-size: 39px;
     }

     .kindergarten-actions {
         align-items: flex-start;
         gap: 14px;
     }

     .kindergarten-button,
     .facilities-action,
     .admissions-button {
         max-width: 100%;
         flex-wrap: wrap;
         padding: 12px 16px;
         font-size: 13px;
     }

     .admissions-section h2 {
         font-size: 32px;
     }

     .facilities-details,
     .links-content,
     .social-section {
         padding: 56px 18px;
     }

     .facilities-heading h2,
     .links-section-heading h2 {
         font-size: 31px;
     }

     .resource-card {
         padding: 19px;
     }

     .footer-container {
         grid-template-columns: 1fr;
         gap: 28px;
     }

     .footer-about p {
         max-width: 340px;
     }
 }

 @media (max-width: 360px) {
     .navbar .btn-form {
         padding: 8px;
         font-size: 10px;
     }

     .small-text,
     .bottom-text {
         font-size: 8px;
     }

     .big-text {
         font-size: 18px;
     }

     .hero-content h1 {
         font-size: 32px;
     }

     .kindergarten-hero h1,
     .facilities-copy h1,
     .links-hero h1 {
         font-size: 35px;
     }
 }