/* ============================================================
   STICKY HEADER OFFSETS
   ============================================================ */

:root {
	--vwc-header-height: 120px;
	--vwc-header-top-offset: 0px;
}

/* Keep the theme header beneath the logged-in WordPress admin bar. */
body.admin-bar {
	--vwc-header-top-offset: 32px;
}


/* ============================================================
   HEADER — DESKTOP
   ============================================================ */

.site-header {
	position: sticky;
	top: var(--vwc-header-top-offset);
	z-index: 100;
	width: 100%;
	background: var(--color-background);
}

.menu-trade {
	background: #f4f1e8;
}

.menu-trade .row {
	height: 48px;
}

.menu-main .row {
	height: 60px;
}

.site-logo {
	display: inline-flex;
	align-items: center;
}

.site-logo img {
	width: 100%;
	max-width: 245px;
	position: relative;
	top: 5px;
}


/* ============================================================
   TRADE NAVIGATION
   ============================================================ */

.nav-trade {
	display: flex;
	justify-content: flex-end;
	width: auto;
	gap: 5px 30px;
	text-align: end;
}

.nav-trade a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #8f945e;
	font-family: var(--font-family-body);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-trade a:hover {
	color: var(--color-heading);
}



/* ============================================================
   DISCOVER WINES TRIGGER
   ============================================================ */

.discover-wines-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--color-border);
	border-radius: 0;
	color: var(--color-heading);
	background: transparent;
	text-align: left;
}

.discover-wines-toggle:hover {
	border-color: var(--color-heading);
	color: var(--color-heading);
	background: transparent;
}

.discover-wines-toggle-content {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.discover-wines-title {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h5);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-h5);
	color: var(--color-heading);
}

.discover-wines-icons {
	display: inline-flex;
	align-items: flex-end;
	gap: 0;
	margin-left: 10px;
	font-size: 16px;
	position: relative;
	bottom: 3px;
	
}

.discover-wines-icons .fa-wine-bottle {
	font-size: 20px;
}

.discover-wines-chevron {
	margin-left: 20px;
	font-size: 18px;
	transition: transform 180ms ease;
}

.discover-wines-toggle[aria-expanded="true"] .discover-wines-chevron {
	transform: rotate(180deg);
}


/* ============================================================
   MAIN NAVIGATION
   ============================================================ */

.main-navigation-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
	width: 100%;
}

.header-wine-search {
	flex: 0 0 auto;
	width: 30px;
	height: 40px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: var(--color-heading);
	background: transparent;
	font-size: 25px;
}

.header-wine-search:hover {
	border: 0;
	color: var(--color-muted);
	background: transparent;
}

.main-navigation {
	display: flex;
	justify-content: flex-end;
	gap: 5px 30px;
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h5);
	text-align: end;
}

.main-navigation a {
	white-space: nowrap;
	text-decoration: none;
}


/* ============================================================
   DISCOVER WINES DROPDOWN
   ============================================================ */

.discover-wines-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 40px 0 40px;
	background: var(--color-background);
}

.discover-wines-dropdown[hidden] {
	display: none;
}

.discover-wines-dropdown-row {
	--grid-column-gap: 12px;
}

.discover-wines-directory {
	display: flex;
	flex-direction: column;
}


/* Search field */

.discover-wines-search {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 14px;
	background: var(--color-background-creame);
}

.discover-wines-search > i {
	flex: 0 0 auto;
	margin-right: 12px;
	color: var(--color-heading);
	font-size: 22px;
}

.discover-wines-search input[type="search"] {
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	color: var(--color-heading);
	background: transparent;
	font-family: var(--font-family-heading);
	font-size: 1.25rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.2;
}

.discover-wines-search input[type="search"]::placeholder {
	color: var(--color-heading);
	opacity: 1;
}

.discover-wines-search:focus-within {
	/*outline: 2px solid var(--color-focus);
	outline-offset: 2px;*/
}

.discover-wines-search input[type="search"]::-webkit-search-cancel-button {
	cursor: pointer;
}


/* Link columns */

.discover-wines-link-columns {
	--grid-column-gap: 32px;
	margin-top: 26px;
}

.discover-wines-link-column h6 {
	margin: 0 0 26px;
	color: var(--color-heading);
	font-family: var(--font-family-body);
	font-size: 1rem;
	font-weight: var(--font-weight-semibold);
	line-height: 1.25;
}

.discover-wines-link-column nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
}

.discover-wines-link-column nav a,
.discover-wines-view-all {
	color: var(--color-heading);
	font-family: var(--font-family-heading);
	font-size: 1.125rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.35;
	text-decoration-line: underline;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 3px;
	text-decoration-skip-ink: auto;
}

.discover-wines-link-column nav a:hover,
.discover-wines-view-all:hover {
	color: var(--color-muted);
}

.discover-wines-view-all {
	display: inline-block;
	margin-top: 28px;
	font-weight: var(--font-weight-regular);
}

.discover-wines-view-all strong {
	font-weight: var(--font-weight-bold);
}


/* Featured tile */


.discover-wines-feature::before, .discover-wines-feature::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
	pointer-events: none;
	transition: background-color 180ms ease;
}


.discover-wines-feature::before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
}

.discover-wines-feature::after {
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: opacity 450ms ease;
}


.discover-wines-feature:hover::after {
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	transition: opacity 450ms ease;
}


.discover-wines-feature {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	min-height: 416px;
	padding: 28px 22px 48px;
	overflow: hidden;
	color: #fff;
	background-color: #6c624d;
	background-image:var(--discover-wines-feature-image);
	background-position: center;
	background-size: cover;
	text-decoration: none;
}

.discover-wines-feature:hover {
	color: #fff;
}

.discover-wines-feature-media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.discover-wines-feature-image {
	position: absolute;
	inset: 0;
	background-image: var(--discover-wines-feature-image);
	background-position: center;
	background-size: cover;
	transform: scale(1);
	transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.discover-wines-feature:hover .discover-wines-feature-image {
	transform: scale(1.1);
}


.discover-wines-feature-content {
	position: absolute;
	inset: auto 0 0;
	z-index: 2;
	display: flex;
	gap:10px;
	flex-direction: column;
	padding: 20px 20px 30px 20px;
	transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

.discover-wines-feature:hover .discover-wines-feature-content { 
	transform: translateY(-20px);
}


.discover-wines-feature-kicker {
	color: #fff;
	font-family: var(--font-family-body);
	font-size: 1.125rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.4;
}

.discover-wines-feature-title {
	color: #fff;
	font-family: var(--font-family-heading);
	font-size: 3rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.12;
}


/* ============================================================
   SITE OVERLAY
   Sits beneath the header/dropdown and above the page content.
   ============================================================ */

.site-header-overlay {
	position: fixed;
	inset: 0;
	z-index: 90;
	background: rgba(0, 0, 0, 0.5);
}

.site-header-overlay[hidden] {
	display: none;
}


/* ============================================================
   MOBILE HEADER
   ============================================================ */

.site-header-mobile {
	display: none;
}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
	.discover-wines-chevron,
	.discover-wines-feature::after {
		transition: none;
	}
}



/* ============================================================
   PRODUCT + BRAND ARCHIVE FILTERS
   Shared desktop styles for the Our Wines and Our Brands archives.

   The Product Archive filter styling is the source of truth.
   Both archives now use the same structural pattern:
   sidebar > sidebar-inner > sidebar-header + filter-panel.
   ============================================================ */


/* ------------------------------------------------------------
   MOBILE FILTER BAR
   Hidden until the shared responsive breakpoint.
   ------------------------------------------------------------ */

.vw-archive-mobile-filter-bar {
	display: none;
}

.vw-archive-mobile-filter-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	min-height: 3.125rem;
	margin: 0;
	padding: 0 1.25rem;
	border: 0;
	border-radius: 0;
	color: var(--color-text);
	font-family: var(--font-family-body);
	font-size: 1rem;
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.vw-archive-mobile-filter-button:hover,
.vw-archive-mobile-filter-button:focus {
	border: 0;
	color: var(--color-text);
}

.vw-archive-mobile-filter-icon {
	display: inline-flex;
	flex: 0 0 1.25rem;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	font-size: 1rem;
	line-height: 1;
}

.vw-archive-mobile-filter-icon--close {
	display: none;
	font-size: 1.125rem;
}

.vw-archive-mobile-filter-button[aria-expanded="true"] .vw-archive-mobile-filter-icon--filter {
	display: none;
}

.vw-archive-mobile-filter-button[aria-expanded="true"] .vw-archive-mobile-filter-icon--close {
	display: inline-flex;
}

html.vw-mobile-filter-overlay-open,
body.vw-mobile-filter-overlay-open {
	overflow: hidden;
}


/* ------------------------------------------------------------
   ARCHIVE SIDEBARS
   The heading remains fixed while only the accordion area scrolls.
   ------------------------------------------------------------ */

.our-wines-sidebar,
.vw-brands-sidebar,
.vw-news-sidebar {
	position: sticky;
	top: calc(var(--vwc-header-top-offset) + var(--vwc-header-height) + 5rem);
	align-self: flex-start;
	min-width: 0;
}

.our-wines-sidebar-inner,
.vw-brands-sidebar-inner,
.vw-news-sidebar-inner {
	display: flex;
	flex-direction: column;
	min-height: 0;
	max-height: calc(100vh - var(--vwc-header-top-offset) - var(--vwc-header-height) - 7rem);
	max-height: calc(100dvh - var(--vwc-header-top-offset) - var(--vwc-header-height) - 7rem);
}

.our-wines-sidebar-header,
.vw-brands-sidebar-header {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.our-wines-sidebar h1,
.vw-brands-sidebar h1,
.vw-news-sidebar h1 {
	margin: 0 0 60px;
}

.vw-brands-archive, .our-wines-archive, .vw-news-archive {
	padding-block: 3.75rem 6.25rem;
}

.our-wines-mobile-filter-toggle {
	display: none;
}

/*
 * Only the accordion/filter region scrolls. The archive heading stays visible.
 * Scrollbars are visually hidden without disabling scrolling.
 */
.our-wines-filter-panel,
.vw-brands-filters {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-padding-block: 1rem;
	padding-right: 0.5rem;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.our-wines-filter-panel::-webkit-scrollbar,
.vw-brands-filters::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}


/* ------------------------------------------------------------
   FILTER GROUPS / ACCORDIONS
   ------------------------------------------------------------ */

.our-wines-filter-group,
.vw-brands-filter-section {
	border-bottom: 1px solid var(--color-border);
}

.our-wines-filter-group:first-child,
.vw-brands-filter-section:first-child {
	margin-top: -20px;
}

.our-wines-filter-group summary,
.vw-brands-filter-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	min-height: 3.75rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: var(--color-heading);
	background: transparent;
	font-family: var(--font-family-body);
	font-size: 1rem;
	font-weight: var(--font-weight-semibold);
	line-height: 1.5;
	text-align: left;
	list-style: none;
	cursor: pointer;
}

.our-wines-filter-group summary::-webkit-details-marker {
	display: none;
}

.vw-brands-filter-toggle:hover,
.vw-brands-filter-toggle:focus {
	border: 0;
	color: var(--color-heading);
	background: transparent;
}

.our-wines-filter-chevron,
.vw-brands-filter-toggle i {
	flex: 0 0 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	font-size: 0;
	transform: rotate(45deg) translate(-0.125rem, -0.125rem);
	transform-origin: center;
	transition: transform 180ms ease;
}

.our-wines-filter-group[open] .our-wines-filter-chevron,
.vw-brands-filter-section.is-open .vw-brands-filter-toggle i {
	transform: rotate(225deg) translate(-0.125rem, -0.125rem);
}

.vw-brands-filter-panel {
	padding: 0;
}

.our-wines-filter-list,
.vw-brands-filter-list {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0 0 3rem;
	list-style: none;
}

.our-wines-filter-list li,
.our-wines-filter-list li + li,
.vw-brands-filter-list li,
.vw-brands-filter-list li + li {
	margin: 0;
	padding: 0;
}

.our-wines-filter-list li::before,
.vw-brands-filter-list li::before {
	content: none;
}

.our-wines-filter-link,
.vw-brands-filter-option {
	display: inline;
	color: var(--color-heading);
	font-family: var(--font-family-heading);
	font-size: 1rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.25;
	text-decoration: underline;
	text-decoration-thickness: from-font;
	text-underline-offset: 0.12em;
	font-variation-settings: "SOFT" 0, "WONK" 1;
}

.our-wines-filter-link:hover,
.our-wines-filter-link.is-active,
.vw-brands-filter-option:hover,
.vw-brands-filter-option:focus-visible,
.vw-brands-filter-option.is-active {
	color: var(--color-muted);
}


/* ------------------------------------------------------------
   RESULTS / SELECTED FILTER PILLS
   ------------------------------------------------------------ */

.our-wines-results,
.vw-brands-results {
	min-width: 0;
	margin-top: 25px;
}

.our-wines-selected-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.625rem;
	min-height: 1.25rem;
	margin: 0 0 3.125rem;
}



.our-wines-selected-filter {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 1.25rem;
	padding-inline: 0.6875rem;
	color: var(--color-text);
	background: var(--color-background-creame);
	font-family: var(--font-family-body);
	font-size: 0.875rem;
	font-weight: var(--font-weight-regular);
	line-height: 1.25rem;
	text-transform: uppercase;
	text-decoration: none;
}

.our-wines-selected-filter > span:first-child {
	font-weight: var(--font-weight-bold);
}

.our-wines-selected-filter:hover {
	color: var(--color-muted);
}

.our-wines-clear-filters {
	margin-top: 20px;
}


@media (prefers-reduced-motion: reduce) {
	.our-wines-filter-chevron,
	.vw-brands-filter-toggle i,
	.vw-archive-mobile-filter-icon {
		transition: none;
	}
}


/* --------------------------------------------------------------------------
   PRODUCT GRID / CARDS
   -------------------------------------------------------------------------- */


.our-wines-load-more-wrap:not(:has(button:not([hidden]))),
   .vw-brands-load-more-wrap:not(:has(button:not([hidden]))) {
	   display: none;
   }

.our-wines-products {
  gap: var(--grid-row-gap) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.our-wines-products > li,
.our-wines-products > li + li {
  margin: 0;
  padding: 0;
}

.our-wines-products > li::before {
  content: none;
}

.our-wines-product {
  min-width: 0;
  background: var(--color-background-creame);
  height: auto;
  min-height: 100%;	
  transition: background 250ms ease;
}

.our-wines-product:hover {
 background: var(--color-background-hover);
}

.our-wines-product-link {
  display: flex;
  flex-direction: column;
  min-height: inherit;
  color: var(--color-text);
  text-decoration: none;
}

.our-wines-product-media {
  position: relative;
display: grid;
padding: 30px 10px 40px 10px;
overflow: hidden;
aspect-ratio: 9 / 17;
}

.our-wines-product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 260ms ease;
}

.our-wines-product-link:hover .our-wines-product-image {
  transform: scale(1.025);
}

.our-wines-product-badges {
  position: absolute;
  z-index: 2;
  top: 1.5rem;
  left: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  pointer-events: none;
}

.our-wines-product-badge {
  width: clamp(3.5rem, 5.55vw, 5rem);
  height: clamp(3.5rem, 5.55vw, 5rem);
  object-fit: contain;
}

.our-wines-product-title {
  margin: auto 0 0;
  padding: 0 1.3125rem 1.5rem;
  color: var(--color-text);
  font-family: var(--font-family-body);
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variation-settings: normal;
}

.our-wines-product-link:hover .our-wines-product-title {
  color: var(--color-heading);
}





/* ============================================================
   SITE FOOTER
   ============================================================ */

.site-footer li {
	padding-inline-start: 0;
}

.site-footer {
	--footer-background: #8f945e;
	--footer-text: #ffffff;

	position: relative;
	overflow: hidden;

	background: var(--footer-background);
	color: var(--footer-text);
}

.site-footer,
.site-footer * {
	box-sizing: border-box;
}

/*
 * Explicitly apply the footer colour to all footer text.
 * This prevents global typography and link styles overriding it.
 */
.site-footer p,
.site-footer span,
.site-footer strong,
.site-footer em,
.site-footer small,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	color: var(--footer-text);
}

.site-footer a,
.site-footer a:link,
.site-footer a:visited,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color: var(--footer-text);
}

.site-footer__container {
	position: relative;
	min-height: 339px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.site-footer__row {
	position: relative;
	z-index: 1;

	align-items: flex-start;
	row-gap: 44px;
}

.site-footer__legal-copy,
.site-footer__copyright,
.site-footer__credit,
.site-footer__heading {
	color: var(--footer-text);
	font-family: var(--font-primary, "Work Sans", sans-serif);
}

.site-footer__legal-copy {
	max-width: 335px;
	margin: 0 0 26px;

	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.site-footer__copyright {
	margin: 0 0 4px;

	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
}

.site-footer__credit {
	display: inline-block;

	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.site-footer__heading {
	margin: 0 0 25px;

	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.site-footer__links {
	display: flex;
	flex-direction: column;
	gap: 10px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.site-footer__links a,
.site-footer__links a:link,
.site-footer__links a:visited,
.site-footer__links a:hover,
.site-footer__links a:focus,
.site-footer__links a:active {
	display: inline;

	color: var(--footer-text);
	font-family: var(--font-secondary, "Fraunces", serif);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: underline;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 3px;
}

.site-footer__credit,
.site-footer__links a,
.site-footer__socials a {
	transition: opacity 180ms ease;
}

.site-footer__credit:hover,
.site-footer__links a:hover,
.site-footer__socials a:hover {
	color: var(--footer-text);
	opacity: 0.72;
}

.site-footer__credit:focus-visible,
.site-footer__links a:focus-visible,
.site-footer__socials a:focus-visible {
	color: var(--footer-text);
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.site-footer__socials {
	display: flex;
	align-items: center;
	gap: 12px;

	margin-top: 24px;
}

.site-footer__socials a,
.site-footer__socials a:link,
.site-footer__socials a:visited,
.site-footer__socials a:hover,
.site-footer__socials a:focus,
.site-footer__socials a:active {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;

	color: var(--footer-text);
	text-decoration: none;
}

.site-footer__socials i {
	display: block;

	color: var(--footer-text);
	font-size: 24px;
	line-height: 1;
}

/*
 * Keep the decorative footer stamp constrained to the same maximum width
 * as the footer content. The viewport clips only the stamp, so the rest of
 * the footer layout is completely unaffected.
 */
.site-footer__watermark-viewport {
	 position: absolute;
	 inset: 0;
	 left: 50%;
	 z-index: 0;
	 width: 100%;
	 height: 100%;
	
	 transform: translateX(-50%);
	 pointer-events: none;
 }
 
 .site-footer__watermark {
	position: absolute;
	right: -60px;
	bottom: -50px;
	width: 340px;
	height: auto;
	transform: rotate(-15deg);
	transform-origin: center;
	pointer-events: none;
 }
 
 .site-footer__watermark img {
	 display: block;
	 width: 100%;
	 height: auto;
	 opacity: 1;
 }






/* Award logos on Our Wines product cards. */
.our-wines-product-badges {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.625rem;
	pointer-events: none;
}

.our-wines-product-badge {
	display: block;
	width: 80px;
	height: 80px;
	object-fit: contain;
}




/* General Component Styles */

.vw-component {
	margin-top:30px;
}

.vw-content-form--full-content:is(.vw-component--first) {
	margin-block: 120px;
}

.vw-content-form--full-content:not(.vw-component--first) {
	padding-top: 0;
}


.vw-content-form--main-right .vw-content-form__side {
	padding-inline-end: 2.5rem;
}

.vw-content-form--main-left .vw-content-form__side {
	padding-inline-start: 2.5rem;
}

/*
 * Content/Form sticky sidebar.
 *
 * Keep the sticky behaviour on the column rather than the animated
 * .vw-content-form__side element so the global fade-up transform does not
 * interfere with sticky positioning.
 *
 * The row itself remains the sticky containing block, so the sidebar stops
 * naturally when the Content/Form component ends, regardless of where the
 * component appears on the page.
 */
.vw-content-form__side-column {
	position: sticky;
	top: calc(var(--vwc-header-top-offset) + var(--vwc-header-height) + 5rem);
	align-self: flex-start;
}


.vw-content-form.vw-component--first .vw-content-form__side-column {
	top: calc(var(--vwc-header-top-offset) + var(--vwc-header-height) + 5rem);
}




/* Move these shared blog-card styles into desktop.css. */

.vw-component--blogs,
.vw-news-archive {
	background-color: var(--color-background-creame);
}

.vw-blogs__row {
	row-gap: 3rem;
}

.vw-blogs__item {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vw-blogs__card-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.vw-blogs__image {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.vw-blogs__image-element,
.vw-blogs__image-placeholder {
	display: block;
	width: 100%;
	height: 100%;
}

.vw-blogs__image-element {
object-fit: cover;
transform: scale(1);
transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}

.vw-blogs__card-link:hover .vw-blogs__image-element,
.vw-blogs__card-link:focus-visible .vw-blogs__image-element {
	transform: scale(1.1);
}

.vw-blogs__image-placeholder {
	background-color: var(--color-background);
}

.vw-blogs__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-top: 1.5rem;
	max-width: 340px;
}

.vw-blogs__date {
	color: var(--color-text);
}

.vw-blogs__title {
	margin: 15px 0 20px;
	color: var(--color-heading);
}

.vw-blogs__excerpt {
	margin: 0 0 1.5rem;
	color: var(--color-text);
}

.vw-blogs__link {
	margin-top: auto;
	color: var(--color-heading);
	font-family: var(--font-family-heading);
	transition: color 0.2s ease;
	text-decoration: underline;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 3px;
}

.vw-blogs__card-link:hover .vw-blogs__link,
.vw-blogs__card-link:focus-visible .vw-blogs__link {
	color: var(--color-muted);
}

#vw-news-status {
	display: none;
}




/*.vw-component--blogs.vw-component--last,
.vw-component--content-form.vw-component--last,
.vw-component--testimonials.vw-component--last,
.vw-component--main-cta.vw-component--last,
.vw-component--news-ticker.vw-component--last {
	padding-bottom: 30px;
}*/

.vw-component--last {
	padding-bottom: 30px;
}

.vw-component--icon-cta.vw-component--last,
.vw-image-background__container.vw-component--last {
	padding-bottom:0;
}


.vw-content-form{
	padding-top:30px;
}

.vw-content-form.vw-component--first{
	padding-top:60px;
}

/*

.vw-content-form.vw-component--first .vw-content-form__main-column {
	padding-top:90px;
}*/



/* SINGLE POST */

.vw-single-post__date {
	margin-top:20px;
}

.vw-single-post.padding {
	padding-bottom:100px;
}

.vw-single-post__image img {
	width:100%;
	max-width: 100%;
}

.vw-single-post__categories a { 
display: inline-flex;
align-items: center;
gap: 0.625rem;
min-height: 1.25rem;
padding-inline: 0.6875rem;
color: var(--color-text);
background: var(--color-background-creame);
font-family: var(--font-family-body);
font-size: 0.875rem;
font-weight: var(--font-weight-regular);
line-height: 1.25rem;
text-transform: uppercase;
text-decoration: none;
}

.vw-single-post__categories a:hover {
	color:var(--color-muted);
}


.blog .vw-component--last, .post-type-archive-product .vw-component--last, .page-template-page-brands .vw-component--last {
	padding-bottom:0;
}