@media (max-width: 1199px) {
	.kdtp-grid--products {
		grid-template-columns: repeat(3, 1fr);
	}

	.kdtp-grid--cats,
	.kdtp-grid--cat-tiles {
		grid-template-columns: repeat(4, 1fr);
	}

	.kdtp-grid--news {
		grid-template-columns: repeat(2, 1fr);
	}

	.kdtp-grid--commitments {
		grid-template-columns: repeat(3, 1fr);
	}

	.kdtp-grid--promos {
		grid-template-columns: repeat(2, 1fr);
	}

	.kdtp-grid--promos .kdtp-promo-card:nth-child(3) {
		grid-column: 1 / -1;
	}

	.kdtp-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.kdtp-customers__track {
		grid-template-columns: repeat(3, 1fr);
	}

	.kdtp-header-trust__item:not(.kdtp-header-trust__hotline) {
		display: none;
	}

	.kdtp-header-main__inner {
		grid-template-columns: auto 1fr auto auto;
	}

	.kdtp-cart--nav .kdtp-cart__text {
		display: none;
	}
}

@media (max-width: 991px) {
	.kdtp-hero__inner,
	.kdtp-why__inner {
		grid-template-columns: 1fr;
	}

	.kdtp-hero__media {
		order: 2;
	}

	.kdtp-hero__features {
		grid-template-columns: repeat(2, 1fr);
	}

	.kdtp-nav-bar {
		display: none;
	}

	.kdtp-search--desktop,
	.kdtp-header-trust {
		display: none;
	}

	.kdtp-header-actions {
		display: inline-flex;
	}

	.kdtp-header-main__inner {
		grid-template-columns: 1fr auto;
		gap: 12px;
	}
}

@media (max-width: 767px) {
	.kdtp-section {
		padding: 40px 0;
	}

	.kdtp-container {
		width: min(100% - 24px, var(--kdtp-container));
	}

	.kdtp-grid--products,
	.kdtp-grid--cats,
	.kdtp-grid--cat-tiles {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.kdtp-grid--news,
	.kdtp-grid--promos,
	.kdtp-grid--commitments {
		grid-template-columns: 1fr;
	}

	.kdtp-grid--promos .kdtp-promo-card:nth-child(3) {
		grid-column: auto;
	}

	.kdtp-footer__grid {
		grid-template-columns: 1fr;
	}

	.kdtp-customers__track {
		grid-template-columns: repeat(2, 1fr);
	}

	.kdtp-newsletter {
		grid-template-columns: 1fr;
	}

	.kdtp-section-heading {
		flex-direction: column;
		align-items: flex-start;
	}

	.kdtp-section-heading--center {
		align-items: center;
	}

	.kdtp-section-heading--center .kdtp-section-heading__title::before,
	.kdtp-section-heading--center .kdtp-section-heading__title::after {
		width: 28px;
	}

	.kdtp-account--mobile-hide {
		display: none;
	}

	.kdtp-hero {
		padding: 24px 0 28px;
	}

	.kdtp-product-card__detail {
		font-size: 0.68rem;
		padding: 8px 6px;
	}
}

@media (max-width: 480px) {
	.kdtp-logo__name {
		font-size: 0.85rem;
	}

	.kdtp-logo__mark {
		width: 40px;
		height: 40px;
	}
}