/* =============================================================================
   Wholesale New — Page Template Styles
   Template: page-wholesale-new.php
   ============================================================================= */

/* ---------- Design tokens (scoped to .wn-page) ---------- */
.wn-page {
	--wn-forest:        #1f4a3a;
	--wn-forest-deep:   #143024;
	--wn-forest-soft:   #2d5e4a;
	--wn-sage:          #a8b79a;

	--wn-cream:         #f4ead5;
	--wn-cream-soft:    #faf4e4;
	--wn-cream-deep:    #ecdfc3;

	--wn-brick:         #b64126;
	--wn-mustard:       #d9a441;

	--wn-ink:           #2a2419;
	--wn-ink-2:         #5a5242;
	--wn-ink-3:         #8a7e67;

	--wn-border:        rgba(20, 48, 36, 0.15);

	--wn-shadow-1: 0 1px 2px rgba(20,30,22,0.08), 0 1px 1px rgba(20,30,22,0.04);
	--wn-shadow-2: 0 4px 16px rgba(20,30,22,0.10), 0 2px 4px rgba(20,30,22,0.06);
	--wn-shadow-3: 0 12px 32px rgba(20,30,22,0.14), 0 4px 8px rgba(20,30,22,0.08);

	--wn-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

	font-family: Georgia, 'Times New Roman', serif;
	color: var(--wn-ink);
	overflow-x: hidden;
}

/* ---------- Reset helpers ---------- */
.wn-page *, .wn-page *::before, .wn-page *::after { box-sizing: border-box; }
.wn-page img { max-width: 100%; display: block; }
.wn-page a { transition: color .2s var(--wn-ease); }
.wn-page p { margin: 0; }

/* ---------- Container ---------- */
.wn-container {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
}
.wn-container--narrow {
	max-width: 780px;
}

/* ---------- Eyebrow / section labels ---------- */
.wn-eyebrow {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wn-brick);
	display: block;
	margin-bottom: 12px;
}
.wn-eyebrow--mustard { color: var(--wn-mustard); }

/* ---------- Section heading ---------- */
.wn-section__heading {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 44px;
	line-height: 1.05;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wn-forest);
	margin: 0 0 14px;
}
.wn-section__heading em {
	font-style: normal;
	font-weight: 500;
	color: var(--wn-brick);
}
.wn-section__subhead {
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 1.55;
	color: var(--wn-ink-2);
	max-width: 640px;
	margin: 0 auto;
}

/* ---------- Section wrappers ---------- */
.wn-section {
	padding: 88px 32px;
}
.wn-section--cream     { background: #ffffff; }
.wn-section--cream-soft { background: #ffffff; }
.wn-section--forest    { background: var(--wn-forest); color: var(--wn-cream); position: relative; overflow: hidden; }

.wn-section__header { margin-bottom: 48px; }
.wn-section__header--centered { text-align: center; }
.wn-section__header--centered .wn-section__subhead { margin: 0 auto; }

/* ---------- Decorative deco-rule ---------- */
.wn-deco-rule {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	color: var(--wn-forest);
	max-width: 420px;
	margin: 24px auto 0;
}
.wn-deco-rule::before,
.wn-deco-rule::after {
	content: '';
	flex: 1;
	height: 1px;
	background: currentColor;
	opacity: 0.35;
	max-width: 120px;
}
.wn-diamond {
	width: 8px;
	height: 8px;
	background: currentColor;
	transform: rotate(45deg);
	opacity: 0.7;
	display: inline-block;
}

/* ---------- Deco divider between sections ---------- */
.wn-deco-divider {
	background: #ffffff;
	padding: 20px 32px 0;
}
.wn-deco-divider--white { background: #ffffff; }
.wn-deco-divider .wn-deco-rule { margin: 0 auto; }

/* ---------- Buttons ---------- */
.wn-btn {
	display: inline-block;
	padding: 12px 26px;
	border-radius: 999px;
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid transparent;
	transition: background .2s var(--wn-ease), color .2s var(--wn-ease);
	cursor: pointer;
}
.wn-btn--forest {
	background: var(--wn-forest);
	color: var(--wn-cream);
	border-color: var(--wn-forest);
}
.wn-btn--forest:hover {
	background: #fff;
	color: var(--wn-forest);
}
.wn-btn--cream {
	background: var(--wn-cream);
	color: var(--wn-forest);
	border-color: var(--wn-cream);
}
.wn-btn--cream:hover {
	background: transparent;
	color: var(--wn-cream);
	border-color: var(--wn-cream);
}
.wn-btn--full { width: 100%; text-align: center; }

/* ---------- Feature chips ---------- */
.wn-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}
.wn-chip {
	display: inline-flex;
	align-items: center;
	background: rgba(217,164,65,0.18);
	color: var(--wn-forest);
	border: 1px solid rgba(217,164,65,0.4);
	padding: 7px 14px;
	border-radius: 999px;
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* ---------- Bullet list ---------- */
.wn-bullet-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wn-bullet-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 14px;
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 1.5;
	color: var(--wn-ink);
}
.wn-bullet-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 18px;
	height: 18px;
	background-color: var(--wn-forest);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M20.82%207.6c-.75-1.4-1.7-2.33-2.18-3.35-.2-.4-.34-.8-.34-1.24%200-.3.14-.7.44-1%20.2-.1.5-.3.5-.6%200-.2-.1-.2-.3-.5-.2-.3-.04-.52-.18-.66-.18-.16-.32-.17-.56-.13-.2.04-.52.23-.7.36-.37.3-.9.94-1.07%201.68-.57%202.45%201.34%203.98%202.15%206.06.3.74.42%201.6.23%202.35-.1.75-1%201.14-1.7.73-1-.6-2.55%200-2.35%203.07.2%203.1%203.1%203.1%203.76%203%201.5-.28%202.7-1.6%203.2-3%20.5-1.34.46-2.84.1-4.24-.2-.85-.5-1.7-.9-2.45z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M8.1%208.54c-2.7-1.28-5.65-.23-6.9%202.04C.44%2011.92.03%2013.6%200%2015.14c-.05%202.6.65%206.48%203.92%206.83%202.22.24%204.44-1.72%205.47-3.34%203.6-5.77-.8-9.87-1.3-10.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M17.03%2011.22c-1.03-.6-1.87-2.3-2.63-2.82-.64-.44-1.43-.6-2.2-.58-.9.04-1.8.35-2.57.78-1.54.86-3.33%205.85.36%208.08%200%20.4-.3%201.26%200%201.7.2.46.8.97%202%20.96%201.23%200%202.05-.9%203.36-.74%201.07.14%202.42.54%203.52%200%20.42-.23-.68-.5-1.03-.67-.14-.07-.8-.46-.6-.65.1-.07.45.1%201.1%200%20.9-.16%201.1-1.6.76-3.26-.35-1.77-1.87-2.63-2.16-2.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M20.82%207.6c-.75-1.4-1.7-2.33-2.18-3.35-.2-.4-.34-.8-.34-1.24%200-.3.14-.7.44-1%20.2-.1.5-.3.5-.6%200-.2-.1-.2-.3-.5-.2-.3-.04-.52-.18-.66-.18-.16-.32-.17-.56-.13-.2.04-.52.23-.7.36-.37.3-.9.94-1.07%201.68-.57%202.45%201.34%203.98%202.15%206.06.3.74.42%201.6.23%202.35-.1.75-1%201.14-1.7.73-1-.6-2.55%200-2.35%203.07.2%203.1%203.1%203.1%203.76%203%201.5-.28%202.7-1.6%203.2-3%20.5-1.34.46-2.84.1-4.24-.2-.85-.5-1.7-.9-2.45z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M8.1%208.54c-2.7-1.28-5.65-.23-6.9%202.04C.44%2011.92.03%2013.6%200%2015.14c-.05%202.6.65%206.48%203.92%206.83%202.22.24%204.44-1.72%205.47-3.34%203.6-5.77-.8-9.87-1.3-10.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M17.03%2011.22c-1.03-.6-1.87-2.3-2.63-2.82-.64-.44-1.43-.6-2.2-.58-.9.04-1.8.35-2.57.78-1.54.86-3.33%205.85.36%208.08%200%20.4-.3%201.26%200%201.7.2.46.8.97%202%20.96%201.23%200%202.05-.9%203.36-.74%201.07.14%202.42.54%203.52%200%20.42-.23-.68-.5-1.03-.67-.14-.07-.8-.46-.6-.65.1-.07.45.1%201.1%200%20.9-.16%201.1-1.6.76-3.26-.35-1.77-1.87-2.63-2.16-2.8z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
}

/* ---------- Logo grids ---------- */
.wn-logo-grid {
	display: grid;
	gap: 16px;
}
.wn-logo-grid--customers {
	grid-template-columns: repeat(4, 1fr);
}
.wn-logo-grid--suppliers {
	grid-template-columns: repeat(5, 1fr);
}
.wn-logo-card {
	background: #fff;
	border: 1px solid var(--wn-border);
	border-radius: 12px;
	padding: 28px 20px 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 140px;
	transition: all .2s var(--wn-ease);
}
.wn-logo-card:hover {
	border-color: var(--wn-forest);
	transform: translateY(-2px);
	box-shadow: var(--wn-shadow-2);
}
.wn-logo-card img {
	max-width: 100%;
	max-height: 72px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: saturate(0.95);
}
.wn-logo-card__sub {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wn-ink-3);
	text-align: center;
}

/* =============================================================================
   HERO
   ============================================================================= */
.wn-hero {
	padding: 72px 32px 56px;
	position: relative;
	background: #ffffff;
}
.paper-grain {
	background-image:
		radial-gradient(rgba(31,74,58,0.04) 1px, transparent 1px),
		radial-gradient(rgba(182,65,38,0.03) 1px, transparent 1px);
	background-size: 24px 24px, 40px 40px;
	background-position: 0 0, 12px 8px;
}

.wn-hero__grid {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 64px;
	align-items: center;
}

.wn-hero__headline {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 72px;
	line-height: 0.98;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	color: var(--wn-forest);
	margin: 0;
	padding-top: 10px;
}
.wn-hero__headline em {
	font-style: normal;
	font-weight: 500;
	color: var(--wn-brick);
}

.wn-hero__body {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.55;
	max-width: 560px;
	color: var(--wn-ink);
	margin-top: 28px;
}
.wn-hero__body--italic {
	font-style: italic;
	font-size: 16px;
	color: var(--wn-ink-2);
	margin-top: 18px;
	margin-bottom: 32px;
}

.wn-hero__ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

/* Hero photo collage */
.wn-hero__photos {
	position: relative;
	height: 560px;
}
.wn-hero__photo {
	position: absolute;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--wn-shadow-3);
	background: var(--wn-cream);
	padding: 10px;
}
.wn-hero__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}
.wn-hero__photo--main {
	top: 0;
	right: 0;
	width: 92%;
	height: 370px;
}
.wn-hero__photo--secondary {
	bottom: 0;
	left: 0;
	width: 56%;
	height: 230px;
}
.wn-hero__script {
	position: absolute;
	bottom: 24px;
	right: 8px;
	font-family: 'Caveat', 'Bradley Hand', cursive;
	font-size: 32px;
	color: var(--wn-forest);
	line-height: 1;
	transform: rotate(-3deg);
	z-index: 3;
	pointer-events: none;
}

/* =============================================================================
   STATS STRIP
   ============================================================================= */
.wn-stats-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--wn-cream-soft);
	border-top: 1px solid var(--wn-border);
	border-bottom: 1px solid var(--wn-border);
}
.wn-stat {
	padding: 28px 24px;
	border-right: 1px solid var(--wn-border);
	text-align: center;
}
.wn-stat:last-child { border-right: none; }
.wn-stat__n {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	color: var(--wn-forest);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.wn-stat__l {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wn-ink-2);
	margin-top: 8px;
}

/* =============================================================================
   CAPABILITIES & FEATURES
   ============================================================================= */
.wn-capabilities__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: start;
}
.wn-capabilities__text .wn-section__heading {
	font-size: 42px;
	margin: 0 0 24px;
}

.wn-photo-strip {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.wn-photo-strip__item {
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 3 / 4;
}
.wn-photo-strip__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wn-photo-strip__item--offset-down { margin-top: 32px; }
.wn-photo-strip__item--offset-up   { margin-top: -16px; }

/* =============================================================================
   ACCOUNTS SERVICED — Pattern background
   ============================================================================= */
.wn-section--pattern {
	background-color: var(--wn-cream);
	position: relative;
	padding: 88px 32px;
}
.wn-pattern-overlay {
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160' width='160' height='160'><defs><path id='l' d='M0 -30 C 7 -22 7 -8 0 0 C -7 -8 -7 -22 0 -30 Z'/><path id='s' d='M0 -20 C 4.5 -14 4.5 -5 0 0 C -4.5 -5 -4.5 -14 0 -20 Z'/></defs><g fill='%23d9a441'><g transform='translate(0 0)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><use href='%23s' transform='rotate(45)'/><use href='%23s' transform='rotate(135)'/><use href='%23s' transform='rotate(225)'/><use href='%23s' transform='rotate(315)'/><circle r='2.6'/></g><g transform='translate(160 0)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><use href='%23s' transform='rotate(45)'/><use href='%23s' transform='rotate(135)'/><use href='%23s' transform='rotate(225)'/><use href='%23s' transform='rotate(315)'/><circle r='2.6'/></g><g transform='translate(0 160)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><use href='%23s' transform='rotate(45)'/><use href='%23s' transform='rotate(135)'/><use href='%23s' transform='rotate(225)'/><use href='%23s' transform='rotate(315)'/><circle r='2.6'/></g><g transform='translate(160 160)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><use href='%23s' transform='rotate(45)'/><use href='%23s' transform='rotate(135)'/><use href='%23s' transform='rotate(225)'/><use href='%23s' transform='rotate(315)'/><circle r='2.6'/></g><g transform='translate(80 80)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><use href='%23s' transform='rotate(45)'/><use href='%23s' transform='rotate(135)'/><use href='%23s' transform='rotate(225)'/><use href='%23s' transform='rotate(315)'/><circle r='2.6'/></g></g><g fill='none' stroke='%23d9a441' stroke-width='3' stroke-linejoin='round'><g transform='translate(80 0)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><circle r='3.5'/></g><g transform='translate(80 160)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><circle r='3.5'/></g><g transform='translate(0 80)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><circle r='3.5'/></g><g transform='translate(160 80)'><use href='%23l'/><use href='%23l' transform='rotate(90)'/><use href='%23l' transform='rotate(180)'/><use href='%23l' transform='rotate(270)'/><circle r='3.5'/></g></g></svg>");
	background-size: 72px 72px;
	background-repeat: repeat;
	opacity: 0.22;
	pointer-events: none;
	z-index: 0;
}
.wn-pattern-inner {
	position: relative;
	z-index: 1;
}

/* Accounts grid */
.wn-accounts-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}
.wn-account-card {
	background: #fff;
	border: 1px solid var(--wn-border);
	border-radius: 14px;
	padding: 22px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: all .2s var(--wn-ease);
	position: relative;
	overflow: hidden;
}
.wn-account-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: var(--wn-brick);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--wn-ease);
}
.wn-account-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--wn-shadow-2);
	border-color: var(--wn-forest);
}
.wn-account-card:hover::before { transform: scaleX(1); }
.wn-account-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--wn-cream);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wn-forest);
}
.wn-account-card__name {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--wn-forest);
	margin: 0;
}
.wn-account-card__desc {
	font-size: 14px;
	color: var(--wn-ink-2);
	line-height: 1.5;
}

/* =============================================================================
   TESTIMONIALS
   ============================================================================= */
.wn-testimonial-header {
	display: flex;
	gap: 24px;
	align-items: flex-end;
	margin-bottom: 0;
}
.wn-testimonial-mascot {
	width: 180px;
	height: auto;
	flex-shrink: 0;
	filter: drop-shadow(0 10px 30px rgba(0,0,0,0.25));
}
.wn-testimonial-label {
	padding-bottom: 16px;
}
.wn-script {
	font-family: 'Caveat', 'Bradley Hand', cursive;
	font-size: 52px;
	color: var(--wn-mustard);
	transform: rotate(-3deg);
	line-height: 0.9;
	transform-origin: left bottom;
	display: inline-block;
}

.wn-testimonial-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
.wn-testimonial-card {
	background: rgba(244,234,213,0.06);
	border: 1px solid rgba(244,234,213,0.14);
	border-radius: 12px;
	padding: 36px 36px 32px;
	display: flex;
	flex-direction: column;
}
.wn-testimonial-card__quote-mark {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-size: 96px;
	line-height: 0.5;
	color: var(--wn-mustard);
	margin-bottom: 8px;
}
.wn-testimonial-card__quote {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.5;
	color: var(--wn-cream);
	margin: 0 0 28px;
	font-style: italic;
	flex: 1;
}
.wn-testimonial-card__quote p { margin-bottom: 1em; }
.wn-testimonial-card__quote p:last-child { margin-bottom: 0; }
.wn-testimonial-card__attribution {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 20px;
	border-top: 1px solid rgba(244,234,213,0.14);
}
.wn-testimonial-card__logo-wrap {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	background: var(--wn-cream);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
	padding: 8px;
}
.wn-testimonial-card__logo-wrap img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.wn-testimonial-card__name {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: var(--wn-cream);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.wn-testimonial-card__org {
	font-family: Georgia, serif;
	font-size: 13px;
	color: rgba(244,234,213,0.7);
}

/* =============================================================================
   SUPPLIERS
   ============================================================================= */
.wn-supplier-stats {
	list-style: none;
	padding: 0;
	margin: 20px auto 0;
	max-width: 620px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.wn-supplier-stats li {
	font-family: Georgia, serif;
	font-size: 15px;
	color: var(--wn-ink-2);
	padding-left: 20px;
	position: relative;
}
.wn-supplier-stats li::before {
	content: '›';
	position: absolute;
	left: 0;
	color: var(--wn-brick);
	font-weight: bold;
}

/* =============================================================================
   REQUEST FORM SECTION
   ============================================================================= */
.wn-form-panel {
	background: #fff;
	border: 1px solid var(--wn-border);
	border-radius: 16px;
	padding: 36px 36px 32px;
	box-shadow: var(--wn-shadow-1);
	margin-bottom: 32px;
}
/* Native fallback form */
.wn-request-form .wn-form-row-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 14px;
}
.wn-request-form .wn-field {
	margin-bottom: 14px;
}
.wn-request-form .wn-form-row-2 .wn-field {
	margin-bottom: 0;
}
.wn-request-form label {
	display: block;
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 12px;
	color: var(--wn-forest-deep);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.wn-request-form input[type="text"],
.wn-request-form input[type="email"],
.wn-request-form input[type="tel"],
.wn-request-form select,
.wn-request-form textarea {
	width: 100%;
	font-family: Georgia, serif;
	font-size: 15px;
	background: var(--wn-cream-soft);
	border: 1px solid var(--wn-border);
	border-radius: 8px;
	padding: 12px 14px;
	color: var(--wn-ink);
	transition: border-color .2s var(--wn-ease), background .2s var(--wn-ease);
	appearance: none;
	-webkit-appearance: none;
}
.wn-request-form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5242' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}
.wn-request-form input:focus,
.wn-request-form select:focus,
.wn-request-form textarea:focus {
	outline: none;
	border-color: var(--wn-forest);
	background: #fff;
}
.wn-request-form textarea {
	resize: vertical;
}
.wn-request-form .wn-btn {
	margin-top: 4px;
}
@media (max-width: 640px) {
	.wn-request-form .wn-form-row-2 {
		grid-template-columns: 1fr;
	}
}

.wn-form-note {
	font-size: 12px;
	color: var(--wn-ink-3);
	text-align: center;
	margin-top: 14px;
}

/* Gravity Forms overrides — scoped to form panel */
.wn-form-panel .gform_wrapper input[type="text"],
.wn-form-panel .gform_wrapper input[type="email"],
.wn-form-panel .gform_wrapper input[type="tel"],
.wn-form-panel .gform_wrapper select,
.wn-form-panel .gform_wrapper textarea {
	background: var(--wn-cream-soft);
	border: 1px solid var(--wn-border);
	border-radius: 8px;
	transition: border-color .2s var(--wn-ease), background .2s var(--wn-ease);
	font-family: Georgia, serif;
}
.wn-form-panel .gform_wrapper input:focus,
.wn-form-panel .gform_wrapper select:focus,
.wn-form-panel .gform_wrapper textarea:focus {
	border-color: var(--wn-forest);
	background: #fff;
	outline: none;
}
.wn-form-panel .gform_wrapper .gform_footer input[type="submit"],
.wn-form-panel .gform_wrapper .gform_footer button[type="submit"] {
	background: var(--wn-forest);
	color: var(--wn-cream);
	border: 2px solid var(--wn-forest);
	border-radius: 999px;
	padding: 14px 28px;
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s var(--wn-ease), color .2s var(--wn-ease);
}
.wn-form-panel .gform_wrapper .gform_footer input[type="submit"]:hover,
.wn-form-panel .gform_wrapper .gform_footer button[type="submit"]:hover {
	background: #fff;
	color: var(--wn-forest);
}

/* Contact card ("Talk to our team") */
.wn-contact-card {
	background: linear-gradient(135deg, var(--wn-forest) 0%, var(--wn-forest-deep) 100%);
	color: var(--wn-cream);
	padding: 32px 36px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	gap: 28px;
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
}
.wn-contact-card::after {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 220px;
	height: 220px;
	background-image: url('../images/wholesale-new/logo-primary.svg');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.08;
	transform: rotate(-12deg);
	pointer-events: none;
}
.wn-contact-card__logo {
	width: 90px;
	height: 90px;
	background: var(--wn-cream);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 12px;
	position: relative;
	z-index: 2;
}
.wn-contact-card__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.wn-contact-card__body {
	position: relative;
	z-index: 2;
	flex: 1;
}
.wn-contact-card__heading {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--wn-cream);
	margin: 8px 0 12px;
	line-height: 1.15;
}
.wn-contact-card__details {
	font-family: Georgia, serif;
	font-size: 15px;
	line-height: 1.65;
	color: rgba(244,234,213,0.85);
}
.wn-contact-card__details a {
	color: var(--wn-cream);
	text-decoration: none;
	border-bottom: 1px solid rgba(244,234,213,0.3);
}
.wn-contact-card__details a:hover { border-color: var(--wn-cream); }
.wn-contact-card__hours {
	font-size: 13px;
	color: rgba(244,234,213,0.65);
	margin-top: 4px;
}

/* Brochure download bar */
.wn-brochure-bar {
	background: linear-gradient(135deg, var(--wn-forest) 0%, var(--wn-forest-deep) 100%);
	color: var(--wn-cream);
	padding: 36px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	gap: 28px;
	position: relative;
	overflow: hidden;
}
.wn-brochure-bar::after {
	content: '';
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 220px;
	height: 220px;
	background-image: url('../images/wholesale-new/logo-primary.svg');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.08;
	transform: rotate(-12deg);
	pointer-events: none;
}
.wn-brochure-bar__thumb {
	flex-shrink: 0;
	width: 120px;
	height: 155px;
	background: var(--wn-cream);
	border-radius: 4px;
	box-shadow: var(--wn-shadow-3);
	display: flex;
	flex-direction: column;
	padding: 14px 10px;
	color: var(--wn-forest);
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	transform: rotate(-3deg);
	position: relative;
	z-index: 2;
}
.wn-brochure-bar__thumb-head {
	font-size: 9px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--wn-brick);
	margin-bottom: 6px;
}
.wn-brochure-bar__thumb-title {
	font-size: 14px;
	line-height: 1.05;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.wn-brochure-bar__thumb-line {
	display: block;
	height: 2px;
	background: var(--wn-forest);
	opacity: 0.15;
	margin-bottom: 5px;
	border-radius: 1px;
}
.wn-brochure-bar__thumb-line--short { width: 70%; }
.wn-brochure-bar__thumb-photo {
	display: block;
	margin-top: auto;
	height: 34px;
	background: linear-gradient(135deg, var(--wn-sage), #c8d2bc);
	border-radius: 2px;
}
.wn-brochure-bar__content {
	position: relative;
	z-index: 2;
	flex: 1;
}
.wn-brochure-bar__heading {
	font-family: 'Oswald', brandon-grotesque, sans-serif;
	font-weight: 600;
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--wn-cream);
	margin: 0 0 10px;
	line-height: 1.15;
}
.wn-brochure-bar__body {
	font-family: Georgia, serif;
	font-size: 15px;
	color: rgba(244,234,213,0.8);
	line-height: 1.6;
	margin-bottom: 20px;
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media (max-width: 1100px) {
	.wn-logo-grid--customers { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 900px) {
	.wn-hero__grid         { grid-template-columns: 1fr; gap: 40px; }
	.wn-hero__headline     { font-size: 52px; }
	.wn-hero__photos       { height: 400px; }
	.wn-hero__photo--main  { height: 280px; }
	.wn-hero__photo--secondary { height: 190px; }
	.wn-capabilities__grid { grid-template-columns: 1fr; gap: 48px; }
	.wn-accounts-grid      { grid-template-columns: repeat(2, 1fr); padding: 10px; }
	.wn-logo-grid--customers { grid-template-columns: repeat(3, 1fr); }
	.wn-logo-grid--suppliers { grid-template-columns: repeat(3, 1fr); }
	.wn-testimonial-grid   { grid-template-columns: 1fr 1fr; gap: 20px; }
	.wn-stats-strip        { grid-template-columns: repeat(2, 1fr); }
	.wn-stat:nth-child(2)  { border-right: none; }
	.wn-stat:nth-child(1),
	.wn-stat:nth-child(2)  { border-bottom: 1px solid var(--wn-border); }
	.wn-section__heading   { font-size: 36px; }
    .wn-section__header    { margin-bottom: 20px;}
	.wn-brochure-bar       { flex-direction: column; text-align: center; }
	.wn-brochure-bar__thumb { transform: none; }
}

@media (max-width: 640px) {
	/* Break out of site-content's 20px side padding so section backgrounds span full viewport */
	.wn-page      { margin-left: -20px; margin-right: -20px; overflow-x: hidden; }
	.wn-container { padding-left: 20px; padding-right: 20px; }
	.wn-section   { padding: 28px 0px; }

	/* Hero: text first, then photos stacked below */
	.wn-hero      { padding: 0px 0px 36px; }
	.wn-hero__grid { gap: 24px; }
	.wn-hero__text { padding-bottom: 0; }
	.wn-hero__headline { font-size: 38px; letter-spacing: -0.01em; }
	.wn-hero__body     { font-size: 16px; margin-top: 20px; }
	.wn-hero__body--italic { font-size: 14px; }

	/* Photos: compact collage — main top-right, secondary bottom-left, script bottom-right */
	.wn-hero__photos {
		position: relative;
		height: 360px;
		margin: 0 -16px;
	}
	.wn-hero__photo--main {
		position: absolute;
		top: 0; right: 0; left: auto; bottom: auto;
		width: 88%;
		height: 240px;
		border-radius: 10px;
		box-shadow: var(--wn-shadow-2);
		padding: 8px;
	}
	.wn-hero__photo--main img { border-radius: 4px; }
	.wn-hero__photo--secondary { display: block; }
	.wn-hero__script {
		bottom: 16px;
		right: 8px;
		font-size: 22px;
	}

	/* Stats */
	.wn-stats-strip { grid-template-columns: 1fr 1fr; }

	/* Section headings */
	.wn-section__heading { font-size: 28px; }
	.wn-capabilities__text .wn-section__heading { font-size: 28px; }

	/* Chips / pills */
	.wn-chips { row-gap: 6px; column-gap: 6px; margin-top: 16px; align-content: flex-start; }
	.wn-chip  { padding: 5px 10px; font-size: 11px; margin: 0; }

	/* Capabilities */

	.wn-photo-strip { grid-template-columns: 1fr 1fr; gap: 8px; }
	.wn-photo-strip__item--offset-down,
	.wn-photo-strip__item--offset-up  { margin-top: 0; }

	/* Accounts grid — two columns on mobile */
	.wn-accounts-grid  { grid-template-columns: repeat(2, 1fr); gap: 10px; }

	/* Logos */
	.wn-logo-grid--customers { grid-template-columns: repeat(2, 1fr); }
	.wn-logo-grid--suppliers { grid-template-columns: repeat(2, 1fr); }

	/* Testimonials */
	.wn-testimonial-grid { grid-template-columns: 1fr; }
	.wn-testimonial-header { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
	.wn-testimonial-mascot { width: 120px; }
	.wn-script { font-size: 31px; } /* 60% of desktop 52px */

	/* Form / contact */
	.wn-form-panel { padding: 20px 16px; }
	.wn-request-form .wn-form-row-2 { grid-template-columns: 1fr; }
	.wn-contact-card { flex-direction: column; text-align: center; padding: 24px 16px; gap: 16px; }
	.wn-brochure-bar { flex-direction: column; text-align: center; padding: 24px 16px; gap: 20px; }
	.wn-brochure-bar__thumb { transform: none; }
}