/**
 * WATZADU custom category hubs — calm, readable mobile layer.
 * Applies only to pages using page-category-hub.php.
 */
@media (max-width: 768px) {
	body.page-template-page-category-hub {
		--wzd-hub-ink: #1d1d1f;
		--wzd-hub-muted: #6e6e73;
		--wzd-hub-band: #f5f5f7;
		--wzd-hub-line: #e5e5ea;
		--wzd-hub-red: #8e2521;
		background: #fff !important;
		color: var(--wzd-hub-ink);
		font-size: 16px;
		line-height: 1.65;
	}

	body.page-template-page-category-hub .wzd-container {
		padding-right: 24px;
		padding-left: 24px;
	}
	body.page-template-page-category-hub .wzd-brand { gap: 8px !important; }
	body.page-template-page-category-hub .wzd-brand .wzd-wmark {
		width: 46px !important;
		height: 46px !important;
	}
	body.page-template-page-category-hub .wzd-brand-text {
		display: flex !important;
		width: auto !important;
		color: var(--wzd-hub-ink) !important;
		font-size: 16px !important;
		font-weight: 750 !important;
		letter-spacing: -.025em;
	}
	body.page-template-page-category-hub .wzd-brand-text small { display: block !important; }
	body.page-template-page-category-hub .wzd-brand-company-legal { display: none !important; }
	body.page-template-page-category-hub .wzd-brand-company-short {
	display: block !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	color: #595959 !important;
	line-height: 1.15 !important;
}
	body.page-template-page-category-hub .wzd-fab { display: none !important; }

	.wzd-hub-page {
		/* A clipped ancestor prevents the category rail from sticking beneath
		 * the fixed global navigation while the customer scrolls products. */
		overflow: visible;
		background: #fff !important;
	}
	.wzd-hub-page .wzd-hub-topbar {
		padding: 8px 0 !important;
		border-bottom: 1px solid var(--wzd-hub-line) !important;
		background: #fff !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	.wzd-hub-page .wzd-bread {
		min-height: 28px;
		margin: 0 !important;
		font-size: 12px !important;
		gap: 6px !important;
	}

	/* Custom category pages start directly with their content on every device. */
	.wzd-hub-page .wzd-hub-banner {
		display: none !important;
	}

	.wzd-hub-page .wzd-hub-section {
		padding-top: 30px !important;
		padding-bottom: 24px !important;
	}
	body.page-template-page-category-hub .wzd-foot { margin-top: 0 !important; }
	.wzd-hub-page .wzd-hub-layout {
		display: block !important;
	}
	.wzd-hub-page .wzd-hub-main,
	.wzd-hub-page .wzd-hub-sidebar { min-width: 0; }
	.wzd-hub-page .wzd-hub-content,
	.wzd-hub-page .wzd-art-body {
		padding: 0 !important;
		color: var(--wzd-hub-muted) !important;
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	.wzd-hub-page .wzd-hub-content > h1,
	.wzd-hub-page .wzd-hub-content h1 {
		margin: 0 0 14px !important;
		padding: 0 !important;
		border: 0 !important;
		color: var(--wzd-hub-ink) !important;
		font-size: clamp(30px, 8.6vw, 36px) !important;
		font-weight: 750 !important;
		letter-spacing: -.04em !important;
		line-height: 1.16 !important;
	}
	.wzd-hub-page .wzd-hub-content > h1::after { display: none !important; }
	.wzd-hub-page .wzd-hub-content > h1 + p {
		margin-bottom: 16px !important;
		color: #515154 !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	.wzd-hub-page .wzd-hub-content p { margin-bottom: 16px; }
	.wzd-hub-page .wzd-hub-content h2,
	.wzd-hub-page .wzd-section-title,
	.wzd-hub-page .wzd-pdp-sec-h {
		margin: 42px 0 16px !important;
		padding: 0 !important;
		border: 0 !important;
		color: var(--wzd-hub-ink) !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		letter-spacing: -.03em !important;
		line-height: 1.25 !important;
	}
	.wzd-hub-page .wzd-hub-content h2::before { display: none !important; }
	.wzd-hub-page .wzd-pdp-sec-h i {
		width: 36px !important;
		height: 36px !important;
		border-radius: 11px !important;
		background: #f7eeee !important;
		font-size: 18px !important;
	}

	.wzd-hub-page .wzd-hub-compare-cta {
		display: grid !important;
		gap: 14px !important;
		margin: 24px 0 18px !important;
		padding: 18px !important;
		border: 0 !important;
		border-radius: 16px !important;
		background: var(--wzd-hub-band) !important;
		box-shadow: none !important;
	}
	.wzd-hub-page .wzd-hub-compare-cta strong {
		color: var(--wzd-hub-ink) !important;
		font-size: 16px !important;
	}
	.wzd-hub-page .wzd-hub-compare-cta span {
		margin-top: 3px;
		color: var(--wzd-hub-muted) !important;
		font-size: 13px !important;
		line-height: 1.5 !important;
	}
	.wzd-hub-page .wzd-hub-compare-cta .wzd-btn {
		width: 100%;
		min-height: 46px;
		border-radius: 12px !important;
		box-shadow: none !important;
	}

	.wzd-hub-page .wzd-hub-mobile-strip {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px !important;
		margin: 18px 0 28px !important;
	}
	.wzd-hub-page .wzd-hub-mstrip-btn {
		min-width: 0 !important;
		min-height: 46px !important;
		padding: 10px 6px !important;
		border: 1px solid var(--wzd-hub-line) !important;
		border-radius: 12px !important;
		background: #fff !important;
		box-shadow: none !important;
		color: var(--wzd-hub-ink) !important;
		font-size: 12.5px !important;
	}
	.wzd-hub-page .wzd-hub-mstrip-btn--quote {
		border-color: var(--wzd-hub-red) !important;
		background: var(--wzd-hub-red) !important;
		color: #fff !important;
	}
	.wzd-hub-page .wzd-hub-mstrip-btn--tel {
		min-width: 0 !important;
		flex-direction: row !important;
	}
	.wzd-hub-page .wzd-hub-mstrip-btn i { font-size: 17px !important; }

	/*
	 * Category rail: keep every subcategory discoverable while customers scroll
	 * the product grid.  It is deliberately a single, touch-scrollable row —
	 * never a multi-row grid that pushes some categories out of view.
	 */
	.wzd-hub-page .wzd-hub-tabs-wrap { margin: 0 0 36px !important; }
	.wzd-hub-page .wzd-hub-tabs-bar {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		position: sticky;
		top: var(--wzd-fixed-nav-height, 69px);
		z-index: 900;
		width: calc(100% + 48px);
		margin: 0 -24px 16px !important;
		padding: 9px 24px 10px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
		background: rgba(255, 255, 255, .97) !important;
		border-top: 1px solid var(--wzd-hub-line);
		border-bottom: 1px solid var(--wzd-hub-line);
		border-radius: 0 !important;
		box-shadow: 0 5px 12px rgba(29, 29, 31, .06);
	}
	.wzd-hub-page .wzd-hub-tabs-bar::-webkit-scrollbar { display: none; }
	.wzd-hub-page .wzd-hub-tabs-bar--single { display: none !important; }
	.wzd-hub-page .wzd-hub-tab {
		justify-content: center;
		flex: 0 0 auto;
		min-width: max-content;
		min-height: 44px !important;
		padding: 8px 14px !important;
		border: 1px solid var(--wzd-hub-line) !important;
		border-radius: 999px !important;
		background: var(--wzd-hub-band) !important;
		box-shadow: none !important;
		color: var(--wzd-hub-muted) !important;
		font-family: inherit;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		scroll-snap-align: start;
	}
	.wzd-hub-page .wzd-hub-tab.active {
		border-color: var(--wzd-hub-red) !important;
		background: var(--wzd-hub-red) !important;
		color: #fff !important;
		box-shadow: 0 2px 5px rgba(142, 37, 33, .22) !important;
	}
	.wzd-hub-page .wzd-hub-tab-count {
		min-width: 21px;
		height: 21px;
		padding: 0 6px;
		border-radius: 999px;
		background: #e8e8ed !important;
		color: var(--wzd-hub-muted) !important;
		font-size: 11px !important;
		line-height: 21px;
	}
	.wzd-hub-page .wzd-hub-tab.active .wzd-hub-tab-count {
		background: rgba(255, 255, 255, .2) !important;
		color: #fff !important;
	}

	.wzd-hub-page .wzd-hub-prod-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		max-height: none !important;
		overflow: visible !important;
	}
	.wzd-hub-page .wzd-hub-prod-grid::after { display: none !important; }
	.wzd-hub-page .wzd-hub-card {
		min-width: 0;
		border: 1px solid var(--wzd-hub-line) !important;
		border-radius: 16px !important;
		background: #fff !important;
		box-shadow: none !important;
	}
.wzd-hub-page .wzd-hub-card-img {
    aspect-ratio: 1 / 1 !important;
		padding: 10px !important;
		border-radius: 15px 15px 0 0 !important;
		background: #fafafa !important;
	}
	.wzd-hub-page .wzd-hub-card-img img {
		width: 100% !important;
		height: 100% !important;
		border-radius: 0 !important;
		object-fit: contain !important;
	}
	.wzd-hub-page .wzd-hub-card-info { padding: 10px 10px 11px !important; }
	.wzd-hub-page .wzd-hub-card-name {
		min-height: 39px;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
	}
	.wzd-hub-page .wzd-hub-card-dim {
		min-height: 32px;
		margin: 2px 0 6px !important;
		color: var(--wzd-hub-muted) !important;
		font-size: 11.5px !important;
		line-height: 1.4 !important;
	}
	.wzd-hub-page .wzd-hub-card-poa {
		justify-content: center;
		min-height: 40px;
		padding: 9px 5px;
		border: 1px solid var(--wzd-hub-red);
		border-radius: 10px;
		font-size: 12px !important;
	}
	.wzd-hub-page .wzd-hub-card-usage-badge {
		top: 8px;
		right: 8px;
		font-size: 10.5px !important;
		padding: 3px 6px;
	}
	.wzd-hub-page .wzd-hub-card--more { display: none !important; }
	.wzd-hub-page .wzd-hub-show-more-wrap { margin: 18px 0 0 !important; }
	.wzd-hub-page .wzd-hub-show-more {
		width: 100%;
		justify-content: center;
		min-height: 46px;
		border: 1px solid var(--wzd-hub-red) !important;
		border-radius: 12px !important;
		background: #fff !important;
		color: var(--wzd-hub-red) !important;
		font-family: inherit;
		font-size: 13.5px !important;
	}

	.wzd-hub-page .wzd-table-scroll {
		width: 100%;
		margin: 16px 0 28px !important;
		overflow-x: auto !important;
		border: 1px solid var(--wzd-hub-line);
		border-radius: 14px !important;
		background: #fff;
		-webkit-overflow-scrolling: touch;
	}
	.wzd-hub-page .wzd-table-scroll table { min-width: 620px !important; }

	.wzd-hub-page .wzd-pdp-sec { margin-top: 52px !important; }
	.wzd-hub-page .wzd-pdp-grid-3 {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	.wzd-hub-page .wzd-pdp-mini {
		min-width: 0;
		padding: 16px !important;
		border: 1px solid var(--wzd-hub-line) !important;
		border-radius: 16px !important;
		box-shadow: none !important;
	}
	.wzd-hub-page .wzd-pdp-mini:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.wzd-hub-page .wzd-pdp-mini > i {
		width: 42px !important;
		height: 42px !important;
		margin-bottom: 10px !important;
		border-radius: 12px !important;
		font-size: 20px !important;
	}
	.wzd-hub-page .wzd-pdp-mini h3 { font-size: 14px !important; line-height: 1.4 !important; }
	.wzd-hub-page .wzd-pdp-mini p { font-size: 12px !important; line-height: 1.55 !important; }
	.wzd-hub-page .wzd-pdp-faq details {
		border-color: var(--wzd-hub-line) !important;
		border-radius: 14px !important;
	}
	.wzd-hub-page .wzd-pdp-faq summary { min-height: 50px; padding: 14px 42px 14px 16px !important; }

	.wzd-hub-page .wzd-art-grid { grid-template-columns: 1fr !important; }
	.wzd-hub-page .wzd-art { border-radius: 16px !important; box-shadow: none !important; }
	.wzd-hub-page .wzd-section-head { align-items: baseline; margin-bottom: 16px; }
	.wzd-hub-page .wzd-section-head .wzd-section-title { margin: 0 !important; }
	.wzd-hub-page .wzd-section-link { min-height: 44px; font-size: 13px !important; }

	/* Repeated sales cards are unnecessary after the compact action strip. */
	.wzd-hub-page .wzd-hub-sidebar {
		display: block !important;
		position: static !important;
		width: 100% !important;
		margin-top: 44px;
	}
	.wzd-hub-page .wzd-hub-sidebar > .wzd-qbox,
	.wzd-hub-page .wzd-hub-sidebar > .wzd-hub-line-cta,
	.wzd-hub-page .wzd-hub-sidebar > .wzd-hub-contact-card { display: none !important; }
	.wzd-hub-page .wzd-hub-related {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 18px !important;
		border: 0 !important;
		border-radius: 16px !important;
		background: var(--wzd-hub-band) !important;
		box-shadow: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	.wzd-hub-page .wzd-hub-related-label {
		grid-column: 1 / -1;
		margin: 0 0 6px !important;
		color: var(--wzd-hub-ink) !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		line-height: 1.3 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
	}
	.wzd-hub-page .wzd-hub-related-item {
		min-width: 0;
		min-height: 54px;
		padding: 10px 11px !important;
		border: 1px solid var(--wzd-hub-line) !important;
		border-radius: 12px;
		background: #fff;
		font-size: 12.5px !important;
		line-height: 1.35 !important;
	}
	.wzd-hub-page .wzd-hub-related-item span {
		display: -webkit-box;
		min-width: 0;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

/* Progressive reveal and tab state apply consistently at every viewport. */
.page-template-page-category-hub .wzd-hub-card--more { display: none !important; }
.page-template-page-category-hub .wzd-hub-tab-panel[hidden] { display: none !important; }

/* Always show every server-rendered product card in custom category hubs. */
body.page-template-page-category-hub .wzd-hub-card--more { display: flex !important; }
body.page-template-page-category-hub .wzd-hub-show-more { display: none !important; }
body.page-template-page-category-hub .wzd-hub-card--more { display: block !important; }