/* Только дексктоп */
@media (min-width: 1024px) {
	
}
	/* 1. ПЛАНШЕТЫ И ЛЭНДСКЕЙП (Общие правила для всего, что меньше десктопа) */
@media (max-width: 1024px) {
	.container {margin: 0 15px}
	.hide-mobile { display: none !important; }
	.desktop-only {display: none}
	.mobile-only { display: block; }
	h1, h2, .page-content {line-height: 1.4}
	h1 {font-size: 32px}
	/* Header */
	.mobile-header { display: flex; justify-content: space-between; align-items: center; background: var(--dark-blue); color: var(--white); padding: 0 15px; height: 80px; margin: 0 -15px; width: calc(100% + 30px);}
	.mobile-header .mobile-logo img {width: 60px; height: 60px;}
	.mobile-header .site-title {font-weight: 700; font-size: 16px;}
	.header-top {margin: 10px 20px}
	.header-top > div {}
	
	/* Mobile menu */
	.mobile-menu-icons {height: 40px; display: flex; gap: 10px; align-items: center; font-size: 32px; cursor: pointer; }
	.mobile-menu-icons a {color: inherit !important }
	.mobile-menu-toggle {}
	.mobile-menu-toggle i { transition: 0.3s; } 
	.mobile-menu-toggle.is-active i { transform: rotate(90deg); color: var(--dark-yellow); }
	
	.mobile-menu {padding: 0px 30px; max-height: 0; overflow: hidden; transition: all 0.5s ease; background: var(--dark-blue); opacity: 0; visibility: hidden; margin: 0 -15px}
	.mobile-menu.is-open { max-height: 2000px; opacity: 1; visibility: visible; }
	.mobile-menu .nav-menu { display: block; column-count: 3; column-gap: 40px; width: 100%; list-style: none; padding: 0; }
	.mobile-menu .nav-menu > li {break-inside: avoid; display: inline-block; width: 100%; margin: 0 5px;}
	.mobile-menu .nav-menu > li > a {color: var(--white) !important; font-weight: 700; font-size: 18px; text-decoration: none;}
	.mobile-menu .nav-menu .sub-menu { display: block !important; position: static; background: transparent; box-shadow: none; padding: 0 0 10px 0; list-style: none;}
	.mobile-menu .nav-menu .sub-menu a { color: var(--light-gray) !important; font-size: 16px; text-decoration: none }
	
	/* Slider */
@media (max-width: 768px) {
	.slider-viewport { height: 400px; }
	.slide-content {padding-bottom: 30px;}
	.slide-content h2 {font-size: 1.5rem; }
}
	
	/* Карточки экскурсий */

@media (max-width: 1024px) {
	.events-container {grid-template-columns: repeat(2, 1fr); /* 2 в ряд */  gap: 20px; margin-bottom: 30px; }
	}
@media screen and (max-width: 767px) {
	.events-container {grid-template-columns: 1fr; /* 1 в ряд */ }
	.events-container .box .image { height: auto; }
	.events-container .box .text { height: auto; max-height: none;}
}

	/* Футер */
	.footer-grid {display: block}
	.footer-bottom { order: 2; text-align: center; }
	.footer-grid .f-col:not(.f-last-col), .f-solo-link { display: none !important; }
	.f-last-col { width: 100% !important; text-align: center; }
	.f-last-col-content {justify-content: center; position: static;}
	.social-icons {justify-content: center; gap: 20px}
}

/* 2. ТЕЛЕФОНЫ ПОРТРЕТ (Уточнения для узких экранов) */
@media (max-width: 480px) {
	.header-top {flex-wrap: wrap}
	.header-top > div {width: 100%; text-align: center; margin: 5px 10px; flex-wrap: wrap}
	.header-info {}
	.mobile-menu .nav-menu { column-count: 1;}
	.f-menu-grid { display: none !important; }
}