/* Final responsive rules after the legacy theme stylesheet. */
.gallery-tile{border:0;padding:0;text-align:left;font:inherit}
.form .field,.contact-grid>*{min-width:0}
.contact-info p,.modal-body p,.premium-content h3{overflow-wrap:anywhere}
.modal-box{overscroll-behavior:contain}
.modal .close,.gallery-lightbox-close{min-width:44px;min-height:44px}
.modal-body a,.details-btn,.premium-details,.explore-link{min-height:44px}
@media(max-width:1200px){
  .gallery-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
  .gallery-large,.gallery-tall,.gallery-wide{grid-column:span 1;grid-row:span 1}
  .mobile-menu-toggle{position:fixed;z-index:90;min-width:44px;min-height:44px}
  .nav .nav-links{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:720px){
  .gallery-premium-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:235px}
  .hero-copy,.hero-content,.explore-grid,.academic-pro-grid,.social-grid,.fd-showcase,.fd-side-list{min-width:0}
  .form.form-premium input,.form.form-premium textarea,.form.form-premium select{font-size:16px;width:100%;max-width:100%;min-width:0}
  .form-head{flex-wrap:wrap}
  .modal-box{max-height:calc(100dvh - 24px)}
  .modal-hero h2{overflow-wrap:anywhere}
  .modal-body{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .nav .nav-links a{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
  .nav .nav-links{max-height:none;overflow-y:hidden;overflow-x:auto}
  .lang button{min-height:44px}
  .hero h1{font-size:clamp(30px,10.5vw,52px)}
  .hero-icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-icon small,.hero-icon b{overflow-wrap:anywhere}
  .contact-info h2,.explore-head h2{font-size:clamp(28px,9vw,38px)}
  .fd-feature-content,.fd-mini-info{min-width:0;overflow-wrap:anywhere}
  .float-wa{bottom:max(16px,env(safe-area-inset-bottom));right:16px}
}