@media (max-width: 767px) {
	body.isube-meeting-home {
		background: #eaf4fb;
		margin: 0;
	}

	body.isube-meeting-home > .wp-site-blocks {
		display: none !important;
	}

	.isube-mobile-home {
		display: block;
		min-height: 100vh;
		width: 100%;
	}

	.isube-mobile-home__main {
		background: var(--home-paper);
		margin: 0 auto;
		max-width: 767px;
		min-height: 100vh;
		padding-bottom: calc(28px + env(safe-area-inset-bottom));
		width: 100%;
	}

	.isube-mobile-home__hero {
		aspect-ratio: 5 / 3;
		background: #d7eef7;
		margin: 0;
		overflow: hidden;
	}

	.isube-mobile-home__hero-image {
		display: block;
		height: 100%;
		object-fit: contain;
		width: 100%;
	}

	.isube-mobile-home__countdown {
		background: #164f7d;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(16, 64, 101, 0.16);
		color: #fff;
		margin: 14px;
		padding: 17px 12px 15px;
		text-align: center;
	}

	.isube-mobile-home__countdown-title {
		color: #d9ecfa;
		font-size: clamp(15px, 4vw, 18px);
		line-height: 1.4;
		margin: 0 0 11px;
	}

	.isube-mobile-home__countdown-values {
		display: grid;
		gap: 4px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.isube-mobile-home__countdown-values div {
		min-width: 0;
	}

	.isube-mobile-home__countdown-values strong {
		display: block;
		font-size: clamp(30px, 10vw, 52px);
		font-variant-numeric: tabular-nums;
		font-weight: 400;
		line-height: 1;
	}

	.isube-mobile-home__countdown-values span {
		color: #d9ecfa;
		display: block;
		font-size: clamp(10px, 2.8vw, 13px);
		line-height: 1.3;
		margin-top: 7px;
	}

	.isube-mobile-home__menu {
		display: grid;
		gap: 10px;
		grid-auto-rows: minmax(92px, auto);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0;
		padding: 0 14px;
	}

	.isube-mobile-home__menu-item {
		align-items: center;
		background: #176fbb !important;
		border: 0;
		border-radius: 8px;
		box-shadow: 0 7px 18px rgba(26, 70, 109, 0.12);
		color: #fff !important;
		display: flex;
		gap: 12px;
		justify-content: flex-start;
		min-height: 92px;
		overflow: hidden;
		padding: 15px 16px;
		position: relative;
		text-align: left;
		text-decoration: none !important;
		transition: filter 160ms ease, transform 160ms ease;
	}

	.isube-mobile-home__menu-item--primary {
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		min-height: 148px;
		order: -1;
		padding: 19px;
	}

	.isube-mobile-home__menu-item--registration {
		background: #1268b3 !important;
	}

	.isube-mobile-home__menu-item--abstract-submission {
		background: #d35f28 !important;
	}

	.isube-mobile-home__menu-item--basic-information {
		background: #087f9e !important;
	}

	.isube-mobile-home__menu-item--organization {
		background: #5c812f !important;
	}

	.isube-mobile-home__menu-item--schedule {
		background: #72558b !important;
	}

	.isube-mobile-home__menu-item--venue-transportation {
		background: #236c87 !important;
	}

	.isube-mobile-home__menu-item--hotel-recommendations {
		background: #3f6688 !important;
	}

	.isube-mobile-home__menu-item--hotel-recommendations strong {
		font-size: clamp(13px, 3.7vw, 18px);
	}

	.isube-mobile-home__menu-item--contact-us {
		background: #4d7f58 !important;
	}

	.isube-mobile-home__menu-item:hover,
	.isube-mobile-home__menu-item:focus-within,
	.isube-mobile-home__menu-item:focus {
		color: #fff !important;
		filter: brightness(0.94);
		outline: 3px solid rgba(18, 104, 179, 0.24);
		outline-offset: 2px;
		transform: translateY(-1px);
	}

	.isube-mobile-home__menu-item > .dashicons,
	.isube-mobile-home__menu-trigger > .dashicons:first-child {
		font-size: 30px;
		height: 30px;
		line-height: 1;
		width: 30px;
	}

	.isube-mobile-home__menu-item--primary > .dashicons,
	.isube-mobile-home__menu-item--primary .isube-mobile-home__menu-trigger > .dashicons:first-child {
		font-size: 42px;
		height: 42px;
		width: 42px;
	}

	.isube-mobile-home__menu-item strong,
	.isube-mobile-home__menu-trigger strong {
		color: #fff;
		font-size: clamp(14px, 3.9vw, 18px);
		font-weight: 700;
		line-height: 1.25;
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.isube-mobile-home__menu-item--primary strong,
	.isube-mobile-home__menu-item--primary .isube-mobile-home__menu-trigger strong {
		font-size: clamp(19px, 5.2vw, 24px);
		line-height: 1.2;
	}

	.isube-mobile-home__menu-trigger {
		align-items: center;
		background: transparent;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: flex;
		flex: 1;
		gap: 12px;
		font: inherit;
		justify-content: flex-start;
		margin: -15px -16px;
		padding: 15px 16px;
		text-align: left;
		width: calc(100% + 32px);
	}

	.isube-mobile-home__menu-item--primary .isube-mobile-home__menu-trigger {
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		margin: -19px;
		padding: 19px;
		width: calc(100% + 38px);
	}

	.isube-mobile-home__menu-caret {
		font-size: 18px !important;
		height: 18px !important;
		position: absolute;
		right: 14px;
		top: 14px;
		transition: transform 160ms ease;
		width: 18px !important;
	}

	.isube-mobile-home__menu-item.is-open .isube-mobile-home__menu-caret {
		transform: rotate(180deg);
	}

	.isube-mobile-home__submenu {
		background: #fff;
		border-radius: 6px;
		bottom: 8px;
		left: 10px;
		padding: 6px 8px;
		position: absolute;
		right: 10px;
		z-index: 2;
	}

	.isube-mobile-home__submenu a,
	.isube-mobile-home__submenu a:hover,
	.isube-mobile-home__submenu a:focus {
		background: transparent !important;
		color: #934410 !important;
		display: block;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.3;
		padding: 3px;
		text-align: center;
		text-decoration: none !important;
	}
}

@media (max-width: 359px) {
	.isube-mobile-home__menu {
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.isube-mobile-home__menu-item {
		gap: 9px;
		padding: 13px;
	}

	.isube-mobile-home__menu-trigger {
		margin: -13px;
		padding: 13px;
		width: calc(100% + 26px);
	}

	.isube-mobile-home__menu-item--primary {
		min-height: 138px;
		padding: 16px;
	}

	.isube-mobile-home__menu-item--primary .isube-mobile-home__menu-trigger {
		margin: -16px;
		padding: 16px;
		width: calc(100% + 32px);
	}
}