/* Responsive global — plugin Llantas Web */

html {
	-webkit-text-size-adjust: 100%;
}

body:has(.llw-header),
body:has(.yantas-catalog),
body.llw-cart-page,
body.llw-checkout-page,
body.llw-my-account {
	overflow-x: clip;
}

img,
video,
.llw-logo-video {
	max-width: 100%;
	height: auto;
}

/* ── Header ─────────────────────────────────────────── */
@media (max-width: 992px) {
	.llw-header__inner {
		gap: 0.65rem;
		padding: 0.65rem 0.85rem;
	}

	.llw-header__search {
		flex: 1 1 auto;
		min-width: 0;
	}

	.llw-header__login-text {
		display: none;
	}

	.llw-header__actions {
		gap: 0.35rem;
		flex-shrink: 0;
	}
}

@media (max-width: 768px) {
	body.llw-mobile-header .llw-sticky-shell {
		display: flex;
		flex-direction: column;
	}

	body.llw-mobile-header .llw-sticky-shell .llw-header__inner {
		flex-wrap: wrap;
	}

	body.llw-mobile-header .llw-sticky-shell .llw-header__search {
		order: 3;
		width: 100%;
		flex: 1 1 100%;
	}

	.llw-header__icon,
	.llw-header__menu {
		width: 40px;
		height: 40px;
	}

	.llw-cart-drawer__panel {
		width: min(100vw, 420px);
		max-width: 100%;
	}

	.llw-sidebar__panel {
		width: min(100vw, 360px);
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.llw-header__inner {
		padding: 0.55rem 0.65rem;
	}

	.llw-header__badge {
		min-width: 16px;
		height: 16px;
		font-size: 0.62rem;
	}
}

/* ── Segmentos ───────────────────────────────────────── */
@media (max-width: 768px) {
	.llw-segmentos__track {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		padding-bottom: 0.25rem;
	}

	.llw-segmentos__list {
		flex-wrap: nowrap;
		width: max-content;
		min-width: 100%;
	}

	.llw-segmentos__item {
		scroll-snap-align: start;
		flex: 0 0 auto;
	}
}

/* ── Tarjetas producto ───────────────────────────────── */
@media (max-width: 1200px) {
	.yantas-carousel__products,
	.yantas-destacados__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 992px) {
	.yantas-carousel__products,
	.yantas-destacados__grid,
	.yantas-filtro__products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 520px) {
	.yantas-carousel__products,
	.yantas-destacados__grid,
	.yantas-filtro__products,
	.yantas-catalog__grid,
	.llw-favorites__grid {
		grid-template-columns: 1fr !important;
	}

	.llw-card__title {
		font-size: 0.82rem;
	}

	.llw-card__price {
		font-size: 1.05rem;
	}

	.llw-card__actions {
		flex-wrap: wrap;
	}

	.llw-card__cart {
		min-height: 36px;
		font-size: 0.86rem !important;
	}
}

/* ── Catálogo ────────────────────────────────────────── */
@media (max-width: 992px) {
	.yantas-catalog__toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 0.75rem;
	}

	.yantas-catalog__results-meta {
		text-align: left;
	}
}

/* ── Filtro home ─────────────────────────────────────── */
@media (max-width: 640px) {
	.yantas-filtro {
		margin-left: 0.75rem;
		margin-right: 0.75rem;
	}

	.yantas-filtro__body {
		padding: 1.15rem 1rem 1.35rem;
	}

	.yantas-filtro__tab {
		flex-direction: column;
		gap: 0.25rem;
		padding: 0.65rem 0.25rem;
		font-size: 0.68rem;
	}
}

/* ── Carrusel / partners ─────────────────────────────── */
@media (max-width: 768px) {
	.yantas-carousel__nav {
		display: none;
	}

	.yantas-partner-logos__track {
		gap: 1rem;
	}

	.yantas-category-banners__grid {
		grid-template-columns: 1fr !important;
	}
}

/* ── Modales y cuenta ────────────────────────────────── */
@media (max-width: 768px) {
	.llw-modal__dialog {
		width: min(100%, 520px);
		padding: 24px 20px 20px;
		max-height: calc(100vh - 2rem);
		overflow-y: auto;
	}

	.llw-account-layout {
		gap: 1rem;
	}

	.llw-profile__row--2,
	.llw-profile__row--doc {
		grid-template-columns: 1fr !important;
	}
}

/* ── Carrito drawer / resumen ────────────────────────── */
@media (max-width: 520px) {
	.llw-cart-drawer__item {
		grid-template-columns: 68px minmax(0, 1fr);
		gap: 0.65rem;
	}

	.llw-cart-drawer__photo img {
		max-width: 68px;
	}

	.llw-cart-summary {
		padding: 0.75rem;
		align-items: flex-end;
	}

	.llw-cart-summary__dialog {
		width: 100%;
		max-height: calc(100vh - 1.5rem);
		overflow-y: auto;
		border-radius: 16px 16px 0 0;
	}
}