/**
 * CELLSIVA responsive
 */

/* Laptop */
@media (max-width: 1439px) {
	.cellsiva-product-grid {
		grid-template-columns: repeat(5, 1fr) !important;
	}

	.cellsiva-brands__row {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Tablet landscape */
@media (max-width: 1199px) {
	.cellsiva-main-header__inner {
		gap: 16px;
	}

	.cellsiva-header-actions__label {
		display: none;
	}

	.cellsiva-nav__warranty span:not(.cellsiva-nav__warranty-icon) {
		font-size: 10px;
	}

	.cellsiva-product-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.cellsiva-service__box {
		grid-template-columns: 1fr 1fr;
	}

	.cellsiva-service__benefits {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.cellsiva-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* Tablet portrait */
@media (max-width: 991px) {
	.cellsiva-topbar__left {
		overflow-x: auto;
		max-width: 55%;
		scrollbar-width: none;
	}

	.cellsiva-topbar__left::-webkit-scrollbar {
		display: none;
	}

	.cellsiva-nav__menu {
		display: none;
	}

	.cellsiva-burger {
		display: inline-flex;
	}

	.cellsiva-main-header__inner {
		grid-template-columns: auto auto 1fr auto;
	}

	.cellsiva-search {
		max-width: none;
		grid-column: 1 / -1;
		order: 5;
	}

	.cellsiva-trust__list {
		grid-template-columns: repeat(3, 1fr);
	}

	.cellsiva-trust__item:nth-child(3) {
		border-right: 0;
	}

	.cellsiva-blog__grid {
		grid-template-columns: 1fr;
	}

	.cellsiva-section {
		padding: 48px 0;
	}

	.cellsiva-section__title {
		font-size: 22px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.cellsiva-topbar {
		height: auto;
		padding: 6px 0;
	}

	.cellsiva-topbar__inner {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.cellsiva-topbar__left,
	.cellsiva-topbar__right {
		max-width: 100%;
		overflow-x: auto;
		width: 100%;
		gap: 14px;
		scrollbar-width: none;
	}

	.cellsiva-nav__warranty {
		display: none;
	}

	.cellsiva-cats-btn span {
		display: none;
	}

	.cellsiva-cats-btn {
		padding: 0 12px;
	}

	.cellsiva-hero__img {
		height: clamp(480px, 70vw, 600px);
		object-position: center center;
	}

	.cellsiva-trust {
		margin-top: -24px;
	}

	.cellsiva-trust__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.cellsiva-trust__item {
		border-right: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
	}

	.cellsiva-trust__item:nth-child(2n) {
		border-right: 0;
	}

	.cellsiva-product-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px;
	}

	.cellsiva-brands__row {
		grid-template-columns: repeat(3, 1fr);
	}

	.cellsiva-service__box {
		grid-template-columns: 1fr;
		padding: 24px;
	}

	.cellsiva-service__title {
		font-size: 24px;
	}

	.cellsiva-service__benefits {
		flex-direction: column;
	}

	.cellsiva-footer__grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.cellsiva-footer__title {
		display: none;
	}

	.cellsiva-footer__toggle {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		background: transparent;
		border: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		color: #fff;
		font-weight: 800;
		padding: 14px 0;
		cursor: pointer;
		min-height: 44px;
	}

	.cellsiva-footer__col:not(.cellsiva-footer__brand) .cellsiva-footer__links {
		display: none;
	}

	.cellsiva-footer__col.is-open .cellsiva-footer__links {
		display: block;
		padding-bottom: 12px;
	}

	.cellsiva-header-actions {
		gap: 10px;
	}

}

/* Small mobile */
@media (max-width: 479px) {
	:root {
		--container-padding: 14px;
	}

	.cellsiva-product-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.cellsiva-trust__list {
		grid-template-columns: 1fr 1fr;
	}

	.cellsiva-brands__row {
		grid-template-columns: repeat(2, 1fr);
	}

	.cellsiva-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}
