/* ==========================================================================
 * PV9 mobile-only adjustments (2026-10-13, Jorge/Miguel mobile list).
 * Loaded on every front page from templates/_partials/stylesheets.tpl with
 * media="(max-width: 767.98px)", so desktop/tablet never parse these rules.
 * Product-card density lives in components/pv-product-list-mobile.css.
 * ======================================================================== */

/* mob1 + mob5 — category bar: brand garnet, text only (no icons). */
.header-bottom .header-bottom__row--nav,
.header-bottom[class*="header-bottom--"] .header-bottom__row--nav {
	background: var(--pv-pi-action-primary, #6e1b26) !important;
}
.header-bottom__row--nav .pv-header-nav-shell,
.pv-header-mobile-categories,
.pv-header-mobile-category {
	min-height: 2.75rem !important;
}
.pv-header-mobile-category {
	font-size: clamp(0.66rem, 3vw, 0.78rem) !important;
	font-weight: 600 !important;
	gap: 0 !important;
	padding: 0.45rem 0.2rem !important;
}
.pv-header-mobile-category__icon {
	display: none !important;
}

/* mob2 — featured collections: 2 per row, all visible, no horizontal scroll. */
.sw-featured-collections__grid {
	display: grid !important;
	gap: 0.5rem !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	overflow: visible !important;
	padding-bottom: 0 !important;
}
.sw-featured-collections__grid .sw-featured-collection {
	min-height: 104px !important;
	min-width: 0 !important;
}
.sw-featured-collections__grid .sw-featured-collection__content {
	padding: 0.6rem !important;
}
.sw-featured-collections__grid .sw-featured-collection strong {
	font-size: 0.9rem !important;
}

/* mob3 — homepage product blocks: same compact header rhythm everywhere. */
body#index .sw-homeproducttabs__section + .sw-homeproducttabs__section {
	margin-top: 1.25rem !important;
}
body#index .sw-homeproducttabs__section {
	padding-top: 0 !important;
}
.sw-homeproducttabs__header {
	align-items: center !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0.5rem !important;
	margin: 0 0 0.5rem !important;
	padding: 0 !important;
}
.sw-homeproducttabs__title {
	font-size: clamp(1.45rem, 7vw, 1.75rem) !important;
	line-height: 1.15 !important;
	min-width: 0;
	white-space: nowrap;
	margin: 0 !important;
	padding: 0 !important;
}
.sw-homeproducttabs__title::after {
	margin-top: 0.35rem !important;
}
.sw-homeproducttabs__header-actions {
	flex: 0 0 auto !important;
	gap: 0.4rem !important;
	justify-content: flex-end !important;
	margin: 0 0 0 auto !important;
	width: auto !important;
	min-height: 0 !important;
}
.sw-homeproducttabs__carousel {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* mob10 — homepage carousels: 2 compact cards per screen width. */
.sw-homeproducttabs__products {
	--sw-homeproducttabs-gap: 0.5rem;
	gap: 0.5rem !important;
}
.sw-homeproducttabs__products > .product-miniature {
	flex: 0 0 calc((100% - 0.5rem) / 2) !important;
	max-width: calc((100% - 0.5rem) / 2) !important;
}

/* mob4 — footer highlights: 2 x 2, smaller type. */
.sw-highlights {
	padding: 0.75rem 0 !important;
}
.sw-highlights__grid {
	gap: 0.9rem 0.6rem !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.sw-highlights__item {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.sw-highlights__icon img {
	max-height: 34px;
	width: auto;
}
.sw-highlights__title {
	font-size: 1.02rem !important;
	line-height: 1.15 !important;
	margin-bottom: 0.2rem !important;
}
.sw-highlights__description {
	font-size: 0.74rem !important;
	line-height: 1.3 !important;
}

/* mob9 — listing: less space between "545 products" and the first card
 * (the count lives in .active-filters above the grid). */
.pv-catalog-products-section .active-filters.has-catalog-results {
	height: auto !important;
	margin-bottom: 0.4rem !important;
	min-height: 0 !important;
	padding: 0 !important;
}
.pv-catalog-products-section .active-filters.has-catalog-results .active-filters__list {
	margin: 0 !important;
}
.pv-catalog-products-section .active-filters.has-catalog-results .pv-active-filters-results-item {
	padding: 0.25rem 0 !important;
}

/* mob11 — blog post related products: 2-column compact grid. */
.pv-blog-related-grid__items.products {
	display: grid !important;
	gap: 0.5rem !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pv-blog-related-grid__items.products > .product-miniature {
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
}

/* mpdp1 — PDP blog articles: smaller cards, smaller type, gap between cards. */
.pv-product-page > .pv-product-blog-articles .pv-product-blog-articles__track {
	gap: 0.75rem !important;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card {
	flex: 0 0 min(62vw, 240px) !important;
	max-width: min(62vw, 240px) !important;
	min-width: min(62vw, 240px) !important;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__media,
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__media img {
	aspect-ratio: 16 / 9;
	height: auto !important;
	max-height: 135px;
	object-fit: cover;
	width: 100%;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__body {
	padding: 0.6rem 0.7rem 0.75rem !important;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__meta {
	font-size: 0.72rem !important;
	margin-bottom: 0.4rem !important;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__title {
	font-size: 1.05rem !important;
	line-height: 1.2 !important;
	margin-bottom: 0.4rem !important;
}
.pv-product-page > .pv-product-blog-articles .pv-blog-related-article-card__excerpt {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box !important;
	font-size: 0.8rem !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	overflow: hidden;
}

/* mpdp2 — PDP product carousels (related / customers who bought / viewed):
 * 2 compact cards per screen width, like the listing. */
.pv-product-page .pv-category-products__track.products {
	gap: 0.5rem !important;
}
.pv-product-page .pv-category-products__track.products > .product-miniature {
	flex: 0 0 calc((min(92vw, 1700px) - 0.5rem) / 2) !important;
	max-width: calc((min(92vw, 1700px) - 0.5rem) / 2) !important;
	min-width: calc((min(92vw, 1700px) - 0.5rem) / 2) !important;
	width: calc((min(92vw, 1700px) - 0.5rem) / 2) !important;
}

/* mpdp2 — "Customers who bought…" (ps_crossselling, plain .products grid). */
.pv-crossselling > .products {
	display: grid !important;
	gap: 0.5rem !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.pv-crossselling > .products > .product-miniature {
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
}