/**
 * Layout changes. Desktop rules live in main.css.
 */

@media (max-width: 1366px) {
	.hh-nav__list {
		gap: 4px 18px;
	}

	.hh-nav__link {
		font-size: 13px;
		letter-spacing: 0.02em;
	}
}

@media (max-width: 1199px) {
	.hh-nav,
	.hh-header__search,
	.hh-header__bag,
	.hh-header__cta {
		display: none;
	}

	.hh-burger {
		display: inline-flex;
	}

	.hh-hero {
		min-height: 660px;
		padding-top: 88px;
		padding-bottom: 160px;
	}

	.hh-hero__title {
		font-size: clamp(56px, 6vw, 80px);
	}

	.hh-about__grid,
	.hh-quality__grid,
	.hh-sourcing__grid {
		gap: 40px;
	}

	.hh-footer__grid,
	.hh-footer.has-menu-col .hh-footer__grid {
		gap: 40px;
	}
}

@media (max-width: 991px) {
	.hh-container {
		width: calc(100% - 40px);
		max-width: none;
	}

	.hh-about,
	.hh-products,
	.hh-sourcing,
	.hh-gallery,
	.hh-quality {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.hh-quality__grid,
	.hh-sourcing__grid,
	.hh-product-single,
	.hh-product-detail-layout,
	.hh-contact {
		grid-template-columns: 1fr;
		gap: 32px;
		min-height: 0;
	}

	.hh-product-detail__media-col {
		position: static;
	}

	.hh-hero {
		min-height: 560px;
		padding: 72px 0 200px;
	}

	.hh-features__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 16px;
	}

	.hh-strip__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hh-strip-card {
		height: 220px;
	}

	.hh-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hh-product-grid,
	.hh-product-grid--cols-4,
	.hh-product-grid--cols-3,
	.hh-product-grid--cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.hh-product-card__media {
		height: 175px;
	}

	.hh-slider__track--products > .hh-product-card {
		flex-basis: calc((100% - 32px) / 2);
		min-height: 0;
	}

	.hh-slider__track--gallery > .hh-gallery__item {
		flex-basis: calc((100% - 16px) / 2);
	}

	.hh-gallery__img,
	.hh-gallery__item img {
		height: 200px;
	}

	.hh-glass-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hh-footer:not(.has-menu-col) .hh-footer__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.hh-footer.has-menu-col .hh-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.hh-footer__brand {
		grid-column: 1 / -1;
	}

	.hh-sourcing__img {
		height: 260px;
	}

	.hh-about__photo {
		height: 160px;
	}
}

@media (max-width: 900px) {
	.hh-about__grid {
		grid-template-columns: 1fr;
		min-height: 0;
		gap: 32px;
	}
}

@media (max-width: 767px) {
	.hh-container {
		width: calc(100% - 32px);
		max-width: none;
	}

	.hh-topbar__email {
		display: none;
	}

	.hh-header__bar {
		height: 64px;
	}

	.hh-logo img,
	.custom-logo {
		height: 40px;
		max-width: 150px;
	}

	.hh-hero {
		min-height: 560px;
		padding: 64px 0 210px;
	}

	.hh-hero__title {
		white-space: normal;
		font-size: clamp(48px, 12vw, 58px);
	}

	.hh-hero__since {
		font-size: 16px;
		letter-spacing: 0.16em;
	}

	.hh-hero__since::before {
		width: 36px;
	}

	.hh-hero__tagline {
		font-size: 26px;
	}

	.hh-features {
		bottom: 20px;
	}

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

	.hh-feature__icon {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
	}

	.hh-strip {
		padding: 20px 0 8px;
	}

	.hh-strip__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
		overflow: visible;
	}

	.hh-strip-card {
		height: 210px;
	}

	.hh-dots {
		display: none;
	}

	.hh-about,
	.hh-products,
	.hh-sourcing,
	.hh-gallery {
		padding: 56px 0;
	}

	.hh-about__panel {
		min-height: 0;
		height: auto;
	}

	.hh-about__photo {
		height: 180px;
	}

	.hh-about__title {
		font-size: 28px;
	}

	.hh-section-head {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 24px;
	}

	.hh-section-title {
		font-size: clamp(32px, 8vw, 40px);
	}

	.hh-slider__track {
		gap: 16px;
	}

	.hh-slider__track--products > .hh-product-card,
	.hh-product-card {
		flex-basis: 100%;
		min-height: 0;
	}

	.hh-product-card__media {
		height: 165px;
	}

	.hh-product-card__body {
		padding: 14px 16px 16px;
	}

	.hh-product-card__title {
		font-size: 15px;
	}

	.hh-post-grid,
	.hh-product-grid,
	.hh-product-grid--cols-4,
	.hh-product-grid--cols-3,
	.hh-product-grid--cols-2 {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.hh-product-desc-card {
		padding: 24px 20px;
	}

	.hh-product-actions__btns {
		flex-direction: column;
	}

	.hh-product-actions__btns .hh-btn {
		width: 100%;
		justify-content: center;
	}

	.hh-product-specs-table th,
	.hh-product-specs-table td {
		padding: 10px 14px;
	}

	.hh-quality {
		min-height: 0;
		padding: 56px 0;
	}

	.hh-quality__title {
		max-width: none;
		font-size: 32px;
	}

	.hh-stats {
		flex-direction: column;
		gap: 18px;
	}

	.hh-glass {
		min-height: 0;
	}

	.hh-glass-grid {
		grid-template-columns: 1fr;
	}

	.hh-sourcing .hh-section-title {
		font-size: clamp(20px, 5.5vw, 24px);
		white-space: normal;
	}

	.hh-sourcing__photos {
		display: grid;
		grid-template-columns: 1fr;
		overflow: visible;
	}

	.hh-sourcing__photos figure,
	.hh-sourcing__photos figure:nth-child(1),
	.hh-sourcing__photos figure:nth-child(3) {
		margin-top: 0;
	}

	.hh-sourcing__img {
		height: 220px;
	}

	.hh-gallery__img,
	.hh-gallery__item img {
		height: 160px;
	}

	.hh-slider__track--gallery > .hh-gallery__item {
		flex-basis: calc((100% - 16px) / 2);
	}

	.hh-footer {
		padding: 56px 0 40px;
	}

	.hh-footer__grid,
	.hh-footer.has-menu-col .hh-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.hh-copyright__inner {
		align-items: flex-start;
		flex-direction: column;
		min-height: 0;
		padding-right: 0;
		padding-bottom: 70px;
		gap: 12px;
	}
}

@media (max-width: 479px) {
	.hh-feature__title,
	.hh-feature__text {
		font-size: 11px;
	}

	.hh-about__years {
		gap: 8px;
	}

	.hh-about__number {
		font-size: 64px;
	}

	.hh-about__years-label {
		font-size: 14px;
	}

	.hh-about__badge {
		width: 52px;
		height: 52px;
	}

	.hh-search-form {
		flex-direction: column;
	}
}

/* Responsive updates for new components */
@media (max-width: 991px) {
	.hh-product-branches {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.hh-footer__company-content {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.hh-contact__map-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.hh-contact__map-bar .hh-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.hh-back-to-top {
		bottom: 20px;
		right: 20px;
		width: 44px;
		height: 44px;
	}

	.hh-floating-contact {
		bottom: 78px;
		right: 20px;
	}

	.hh-floating-contact__popup {
		width: min(320px, calc(100vw - 36px));
		bottom: calc(100% + 10px);
	}

	.hh-floating-contact__toggle {
		padding: 10px 16px;
		font-size: 13.5px;
	}

	.hh-branch-card__body {
		padding: 24px 20px;
	}

	.hh-branch-card__title {
		font-size: 20px;
	}
}

/* About Us Page Responsive */
@media (max-width: 991px) {
	.hh-about-intro__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.hh-about-intro__img {
		height: 320px;
	}

	.hh-about-kpis {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.hh-about-vm-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.hh-values-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.hh-cert-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.hh-workflow-steps {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.hh-facilities-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.hh-about-gallery-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.hh-about-sec {
		padding: 56px 0;
	}

	.hh-about-nav {
		top: calc(64px + var(--hh-topbar-h, 34px));
	}

	.hh-about-cta-box {
		padding: 42px 24px;
	}
}

@media (max-width: 576px) {
	.hh-about-kpis {
		grid-template-columns: 1fr;
	}

	.hh-values-grid {
		grid-template-columns: 1fr;
	}

	.hh-workflow-steps {
		grid-template-columns: 1fr;
	}

	.hh-timeline-item {
		padding-left: 18px;
	}

	.hh-about-timeline {
		padding-left: 20px;
	}

	.hh-about-cta__actions {
		flex-direction: column;
		width: 100%;
	}

	.hh-about-cta__actions .hh-btn {
		width: 100%;
	}
}

/* Contact Page Responsive */
@media (max-width: 1199px) {
	.hh-contact-channels {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 991px) {
	.hh-contact-main-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.hh-contact__map-wrap {
		position: static;
	}

	.hh-contact__map iframe {
		height: 420px;
	}

	.hh-contact-trust-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 767px) {
	.hh-contact-channels {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 36px;
	}

	.hh-contact-card {
		padding: 24px 20px;
		border-radius: 16px;
	}

	.hh-form-row--2col {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.hh-contact-trust-sec {
		padding: 36px 20px;
		margin-top: 48px;
		border-radius: 20px;
	}

	.hh-contact-trust-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.hh-contact__map-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		padding: 18px 20px;
	}

	.hh-contact__map-bar .hh-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Responsive for Homepage News */
@media (max-width: 991px) {
	.hh-home-news {
		padding: 60px 0;
	}

	.hh-home-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 640px) {
	.hh-home-news {
		padding: 48px 0;
	}

	.hh-home-news__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.hh-home-news__head {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 24px;
	}

	.hh-home-news__head-action {
		display: none;
	}

	.hh-home-news__foot-action {
		display: block;
	}

	.hh-home-news__foot-action .hh-btn {
		width: 100%;
		justify-content: center;
	}
}