/**
 * Brands & Partners logo grid ([adr_brands]).
 * Clean logo cards on white, evenly gridded — matches the "brands we proudly
 * stock" treatment. Responsive: 4 up desktop, 3 tablet, 2 phone.
 */
.adr-brands-grid {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: 1.5rem;
	max-width: 1120px;
	margin: 2.5rem auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.adr-brands-grid .adr-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #edebeb;
	border-radius: 6px;
	padding: 1.75rem;
	aspect-ratio: 3 / 2;
	transition: box-shadow .15s ease, transform .15s ease;
}
.adr-brands-grid .adr-brand:hover {
	box-shadow: 0 6px 18px rgba( 0, 0, 0, .08 );
	transform: translateY( -2px );
}
.adr-brands-grid .adr-brand img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	mix-blend-mode: multiply;
}
@media ( max-width: 1024px ) {
	.adr-brands-grid { grid-template-columns: repeat( 3, 1fr ); }
}
@media ( max-width: 600px ) {
	.adr-brands-grid { grid-template-columns: repeat( 2, 1fr ); }
}

/* --- Section heading shared by the marquee + best sellers (matches Wix) ----- */
.adr-section-title {
	text-align: center;
	color: #242c3f;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 700;
	font-size: clamp( 1.4rem, 2.4vw, 2rem );
	margin: 2.5rem 0 1.75rem;
}

/* --- "Brands We Proudly Stock" marquee -------------------------------------
 * A single row of black brand logos that scrolls continuously. The track holds
 * TWO copies of the strip and translates by -50%, so the loop is seamless. It
 * pauses on hover and honours reduced-motion. */
.adr-brand-marquee-section {
	margin: 2.5rem 0 3rem;
}
.adr-marquee {
	overflow: hidden;
	position: relative;
	width: 100%;
	/* soft fade at both edges so logos appear/disappear rather than pop */
	-webkit-mask-image: linear-gradient( to right, transparent, #000 6%, #000 94%, transparent );
	mask-image: linear-gradient( to right, transparent, #000 6%, #000 94%, transparent );
}
.adr-marquee__track {
	display: flex;
	width: max-content;
	align-items: center;
	animation: adr-marquee-scroll 40s linear infinite;
}
.adr-marquee:hover .adr-marquee__track {
	animation-play-state: paused;
}
.adr-marquee__item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 90px;
	padding: 0 1.5rem;
	box-sizing: content-box;
}
.adr-marquee__item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	mix-blend-mode: multiply;      /* drop white logo backgrounds into the page */
	transition: transform .15s ease, opacity .15s ease;
	opacity: .85;
}
.adr-marquee__item:hover img {
	opacity: 1;
	transform: scale( 1.05 );
}
@keyframes adr-marquee-scroll {
	from { transform: translateX( 0 ); }
	to   { transform: translateX( -50% ); }
}
@media ( prefers-reduced-motion: reduce ) {
	.adr-marquee__track { animation: none; flex-wrap: wrap; justify-content: center; }
}

/* --- Best Sellers section on the Brands page -------------------------------- */
.adr-best-sellers {
	max-width: 1160px;
	margin: 1rem auto 3rem;
	padding: 0 20px;
	box-sizing: border-box;
}
/* Cards match the reference: image, name, price only — the Add to Cart button
 * appears on hover, and the category label never shows. */
.adr-best-sellers li.product .ast-woo-product-category,
li.product .ast-woo-product-category {
	display: none !important;
}
.adr-best-sellers li.product .button,
.adr-best-sellers li.product .add_to_cart_button {
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease;
}
.adr-best-sellers li.product:hover .button,
.adr-best-sellers li.product:hover .add_to_cart_button,
.adr-best-sellers li.product .button:focus {
	opacity: 1;
	visibility: visible;
}

/* The "BEST SELLERS" / "BRANDS WE PROUDLY STOCK" headings match the reference:
 * a condensed navy face at ~2rem, regular weight, centred, no extra tracking.
 * (Reference uses Oswald; Roboto Condensed is our licensed stand-in.) */
.adr-section-title {
	font-family: "Roboto Condensed", "Oswald", "Arial Narrow", sans-serif;
	font-weight: 400;
	letter-spacing: .01em;
	text-transform: uppercase;   /* BEST SELLERS / BRANDS WE PROUDLY STOCK */
	font-size: clamp( 1.6rem, 2.6vw, 2rem );
}

/* Best-sellers grid: consistent, not oversized — 4 up desktop, 3 tablet, 2 phone. */
.adr-best-sellers ul.products {
	display: grid !important;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) ) !important;
	gap: 1.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.adr-best-sellers ul.products::before,
.adr-best-sellers ul.products::after { content: none !important; display: none !important; }
.adr-best-sellers ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	min-width: 0 !important;
}
@media ( max-width: 1024px ) {
	.adr-best-sellers ul.products { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ) !important; }
}
@media ( max-width: 600px ) {
	.adr-best-sellers ul.products { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important; }
}

/* Hide the default Astra page title on the Brands & Partners page — the section
 * headings carry the page, like the reference (which has no page title). */
body.page-id-20515 .entry-title,
body.page-id-20515 .ast-single-post .entry-title,
body.page-id-20515 header.entry-header {
	display: none !important;
}

/* --- Promo strip: COFFEE RITUAL (navy) / ESPRESSO (pale), like the home ----- */
.adr-promo-strip {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 2.5rem;
}
.adr-promo {
	flex: 1 1 50%;
	min-width: 0;
	min-height: 460px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	box-sizing: border-box;
}
.adr-promo__card {
	width: min( 88%, 420px );
	padding: 3rem 2rem;
	text-align: center;
	box-sizing: border-box;
}
.adr-promo__card--navy { background: #242c3f; color: #fff; }
.adr-promo__card--pale { background: #f2f1ef; color: #242c3f; }
.adr-promo__title {
	font-family: "Roboto Condensed", "Oswald", "Arial Narrow", sans-serif;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-weight: 600;
	font-size: clamp( 1.5rem, 2.4vw, 2rem );
	line-height: 1.15;
	margin: 0 0 1.5rem;
}
/* The theme sets a dark h2 colour; force the title to match its card. */
.adr-promo__card--navy .adr-promo__title { color: #fff !important; }
.adr-promo__card--pale .adr-promo__title { color: #242c3f !important; }
.adr-promo__btn {
	display: inline-block;
	padding: .8em 2em;
	font-size: .95rem;
	letter-spacing: .03em;
	text-decoration: none !important;
	border: 0;
	transition: opacity .15s ease, background-color .15s ease;
}
.adr-promo__btn--light { background: #fff !important; color: #242c3f !important; }
.adr-promo__btn--navy { background: #242c3f !important; color: #fff !important; }
.adr-promo__btn:hover { opacity: .88; text-decoration: none !important; }
@media ( max-width: 782px ) {
	.adr-promo { flex: 1 1 100%; min-height: 340px; }
}