@charset "UTF-8";
/* ====== COLOR SYSTEM ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --color-bg: #ffffff;
  --color-surface: #fffaf2;
  --color-surface-alt: #a0a3a7;
  --color-surface-neutral: #efefef;
  --color-gradient-start: #f8d19a;
  --color-gradient-end: #aa9650;
  --color-text: #0d0d0d;
  --color-text-muted: #666666;
  --color-text-on-dark-bg: #ffffff;
  --color-text-on-light-bg: #000000;
  --color-border: #e1e1e1;
  --color-border-gold: #aa9650;
  --color-accent-1: #AB884D;
  --color-accent-2: #133343;
  --color-accent-2-old: #2c3341;
  --color-accent-3: #2B402C;
  --color-accent-4: #402B35;
  --color-accent-5: #211819;
  --color-accent-6: #FFFAF2;
  --color-success: #28a745;
  --color-warning: #d4a516;
  --color-danger: #d9534f;
  --color-info: #007bff;
  --color-form-prefilled: #50a700;
  --color-form-prefilled-text: #ffffff;
  --color-form-bg: #ffffff;
  --color-form-surface: #fffdf9;
  --color-form-text: #0d0d0d;
  --color-form-text-muted: #666666;
}

/* ====== TYPOGRAPHY ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --font-body: Lato, sans-serif;
  --font-heading: PlayfairDisplay, serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;
  --letter-spacing-tight: 0;
  --letter-spacing-normal: 0.02em;
  --letter-spacing-relaxed: 0.05em;
}

/* ====== SPACING ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --space-0: 0;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-24: 12rem;
  --space-section-start: 6rem;
  --space-section-gap: 3rem;
  --space-section-end: 9rem;
  --content-max: 1280px;
  --content-narrow: 80ch;
  --container-margin: 15px;
  --container-max-width: 570px;
  --container-width: calc(100% - 2 * var(--container-margin));
  --container-width-vw: calc(100vw - 2 * var(--container-margin));
}
@media screen and (min-width: 601px) {
  :root {
    --container-margin: 3vw;
    --container-max-width: 820px;
  }
}
@media screen and (min-width: 851px) {
  :root {
    --container-margin: 6vw;
    --container-max-width: 1050px;
  }
}
@media screen and (min-width: 1100px) {
  :root {
    --container-max-width: 1280px;
    --container-margin: max(12.5vw, calc((100vw - var(--container-max-width)) / 2));
  }
}

/* ====== MOBILE SCALING ====== */
@media (max-width: 800px) {
  :root {
    --space-section-start: 3rem;
    --space-section-gap: 1.5rem;
    --space-section-end: 4rem;
  }
}
/* ====== BORDERS and SHADOWS ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --line-thin: 1px;
  --line-normal: 2px;
  --line-thick: 3px;
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ====== TRANSITIONS and ANIMATIONS ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;
}

/* ====== Z-INDEX ====== */
/* ====== CSS CUSTOM PROPERTIES ====== */
:root {
  --z-base: 1;
  --z-dropdown: 1000;
  --z-overlay: 5000;
  --z-modal: 10000;
  --z-toast: 20000;
}

/* FONTS */
/* Default Heading Font: Playfair Display */
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf);
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Medium.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-MediumItalic.ttf);
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-SemiBoldItalic.ttf);
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBold.ttf);
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBoldItalic.ttf);
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf);
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url(/ww-content/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf);
  font-style: italic;
  font-weight: 900;
}
/* Default Body Font: Lato */
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Thin.ttf);
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-ThinItalic.ttf);
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Light.ttf);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-LightItalic.ttf);
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Italic.ttf);
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-BoldItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-Black.ttf);
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Lato;
  src: url(/ww-content/fonts/Lato/Lato-BlackItalic.ttf);
  font-style: italic;
  font-weight: 900;
}
/* Backup Body Font: Amiko */
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-SemiBold.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Amiko;
  src: url(/ww-content/fonts/Amiko/Amiko-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
/* ====== TYPOGRAPHY BASE STYLES ====== */
html {
  font-size: 87.5%;
}

body, p, li, dt, dd, thead, tbody, tfoot {
  color: var(--color-text);
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

p, li, dt, dd {
  margin-bottom: var(--space-1);
}

a {
  color: var(--color-accent-1);
  text-decoration: none;
  transition: var(--transition-normal);
}
a:hover, a:focus {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal) !important;
  margin-bottom: var(--space-2);
}

h1, h2,
.h1, .h2 {
  color: var(--color-accent-1);
  font-family: PlayfairDisplay, serif;
  font-weight: 700 !important;
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
  color: var(--color-text) !important;
  font-family: Lato, sans-serif;
  font-weight: 700 !important;
}

h1.gradient-h, h2.gradient-h, h3.gradient-h, h4.gradient-h, h5.gradient-h, h6.gradient-h,
.gradient-h1 h1, .gradient-h2 h2, .gradient-h3 h3, .gradient-h4 h4, .gradient-h5 h5, .gradient-h6 h6,
.gradient-h.h1, .gradient-h.h2, .gradient-h.h3, .gradient-h.h4, .gradient-h.h5, .gradient-h.h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

h1, .h1 {
  font-size: 4rem;
}

h2, .h2 {
  font-size: 3rem;
}

h3, .h3 {
  font-size: 1.8rem;
}

h4, .h4 {
  font-size: 1.3rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

h1.p, h2.p, h3.p, h4.p, h5.p, h6.p,
.p h1, .p h2, .p h3, .p h4, .p h5, .p h6 {
  font-size: 1rem;
  font-weight: 400 !important;
  font-family: "Lato", sans-serif !important;
  background: none !important;
  -webkit-text-fill-color: var(--color-text) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: var(--color-text) !important;
}

p {
  margin-bottom: var(--space-2);
}

ol, ul {
  list-style-type: square;
}

/* ====== SECTION - Full-width Horizontal Band ====== */
.section {
  width: 100%;
  padding-block-start: var(--space-section-start);
  padding-block-end: var(--space-section-end);
}

/*
@media screen and (min-width: 800px) {
	.ww-layout .section:first-of-type {
		margin-block-start: 150px;
	}
}*/
.ww-layout.single-post .section,
.ww-layout.magazine-homepage .section {
  padding-block-start: var(--space-2);
  padding-block-end: var(--space-2);
}

.article-section {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: var(--space-4);
}

/* ====== CONTAINER - Constrained Content ====== */
.container {
  width: var(--container-width);
  max-width: var(--container-max-width);
  margin-inline: auto;
  box-sizing: border-box;
}

/* ====== CONTAINER-NARROW - Readable Text ====== */
.container-narrow {
  max-width: var(--content-narrow);
  margin-inline: auto;
  box-sizing: border-box;
}

/* ====== WITH-SIDEBAR - Content + Sidebar ====== */
.ww-layout__has-sidebar {
  padding-block: 30px 80px;
}

.with-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  padding-block: var(--space-3) var(--space-6);
}

.with-sidebar .with-sidebar__sidebar {
  padding-block: 0;
}

@media (min-width: 800px) {
  .with-sidebar.has-sidebar__left {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 3rem;
  }
  .with-sidebar.has-sidebar__right {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 3rem;
  }
  .with-sidebar .with-sidebar__sidebar {
    padding-block: var(--space-6);
  }
}
/* ====== WITH-SIDEBARS - Main content flanked by two sidebars ====== */
.with-sidebars {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  padding-block: var(--space-3) var(--space-6);
}

@media (max-width: 799px) {
  .with-sidebars__sidebar-left {
    display: none;
  }
}

@media (min-width: 800px) {
  .with-sidebars {
    grid-template-columns: 220px minmax(0, 1fr) 240px;
    gap: var(--space-6);
  }
  .with-sidebars__sidebar-left {
    position: sticky;
    top: 140px;
    align-self: start;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
  }
  .with-sidebars__sidebar-right {
    padding-block: var(--space-6);
  }
}
/* ====== PROSE - Long-form Content ====== */
.prose {
  max-width: var(--content-narrow);
}
.prose > * + * {
  margin-top: var(--space-3);
}
.prose h2, .prose h3, .prose h4 {
  margin-top: var(--space-6);
}
.prose p {
  line-height: var(--line-height-relaxed);
}
.prose ul, .prose ol {
  padding-left: var(--space-2);
}
.prose ul li + li, .prose ol li + li {
  margin-top: var(--space-1);
}
.prose blockquote {
  border-left: var(--line-thick) solid var(--color-accent-1);
  padding-left: var(--space-3);
  font-style: italic;
  color: var(--color-text-muted);
}
.prose figure {
  margin-inline: 0;
}
.prose figcaption {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: var(--space-1);
  text-align: center;
}

.article-prose {
  max-width: var(--content-narrow);
}

/* ====== INTERACTIVE - Hover/Focus States ====== */
.interactive {
  transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.interactive:hover,
.interactive:focus-visible {
  filter: brightness(0.95);
}

/* ====== STACK - Vertical Rhythm ====== */
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-section-gap);
}

/* ====== STACK-TIGHT - Tight Spacing Exception ====== */
.stack-tight {
  gap: var(--space-4);
}

/* ====== ARTICLE-STACK - Article Section Rhythm ====== */
.article-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.article-stack ol,
.article-stack ul {
  margin-block: 0;
}

ol.article-stack,
ul.article-stack {
  margin: 0;
}
ol.article-stack li,
ul.article-stack li {
  margin: 0;
}
ol.article-stack ul,
ul.article-stack ul {
  margin: 0 0 0 var(--space-2);
}

article:has(.article-stack) {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
article:has(.article-stack) header {
  padding-bottom: var(--space-4);
  border-bottom: solid var(--color-border) var(--line-thin);
}

/* ====== CLUSTER - Horizontal Inline Grouping ====== */
.article-cluster, .cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

/* ====== ARTICLE-CLUSTER - Article Section Clusters ====== */
.article-cluster {
  gap: var(--space-4);
}

/* ====== GROUP - Tight Vertical Grouping ====== */
.article-group, .group {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

/* ====== ARTICLE-GROUP - Prose Heading + Content Group ====== */
.article-group h1, .article-group h2, .article-group h3, .article-group h4, .article-group h5, .article-group h6, .article-group p {
  margin: 0;
}

/* ====== SURFACE - Base Surface ====== */
.surface {
  background: var(--color-surface);
  color: var(--color-text);
}

/* ====== SURFACE-ALT - Alternative Surface ====== */
.surface-alt {
  background: var(--color-surface-alt);
  color: var(--color-text);
}

/* ====== COLOR MODIFIERS - Background Variants ====== */
/* ====== COLOR MODIFIERS ====== */
.section.\-blue {
  background-color: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-blue a {
  color: var(--color-accent-1);
}
.section.\-blue a:hover, .section.\-blue a:focus {
  color: var(--color-text-on-light-bg);
}
.section.\-blue * {
  border-color: rgba(255, 255, 255, 0.2);
}

.section.\-brown {
  background-color: var(--color-accent-5);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-brown a {
  color: var(--color-accent-1);
}
.section.\-brown a:hover, .section.\-brown a:focus {
  color: var(--color-text-on-light-bg);
}
.section.\-brown * {
  border-color: rgba(255, 255, 255, 0.2);
}

.section.\-gold {
  background-color: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-gold a {
  color: var(--color-accent-2);
}
.section.\-gold a:hover, .section.\-gold a:focus {
  color: var(--color-text-on-dark-bg);
}
.section.\-gold * {
  border-color: rgba(255, 255, 255, 0.2);
}
.section.\-gold h1, .section.\-gold h2, .section.\-gold h3, .section.\-gold h4, .section.\-gold h5, .section.\-gold h6,
.section.\-gold .h1, .section.\-gold .h2, .section.\-gold .h3, .section.\-gold .h4, .section.\-gold .h5, .section.\-gold .h6 {
  -webkit-text-fill-color: var(--color-text-on-dark-bg);
  background: none;
}

.section.\-light,
.section.\-surface {
  background-color: var(--color-surface);
  color: var(--color-text);
  --text-color: var(--color-text);
  --text-muted: var(--color-text-muted);
  --button-text-color: var(--color-text);
}

.section.\-black {
  background-color: #0d0d0d;
  color: var(--color-text-on-dark-bg);
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section.\-black a {
  color: var(--color-accent-1);
}
.section.\-black a:hover, .section.\-black a:focus {
  color: var(--color-accent-6);
}
.section.\-black * {
  border-color: rgba(255, 255, 255, 0.1);
}

/* ====== PATTERN MODIFIER ====== */
.section.\-pattern,
.section.\-pattern-inverted {
  position: relative;
}
.section.\-pattern::before,
.section.\-pattern-inverted::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/ww-content/images/bg/bg-pattern.png");
  background-repeat: repeat-x;
  background-size: auto clamp(250px, 60vh, 400px);
  background-blend-mode: overlay;
  background-position: bottom center;
  pointer-events: none;
  z-index: 0;
}
.section.\-pattern > *,
.section.\-pattern-inverted > * {
  position: relative;
  z-index: 1;
}

.section.\-pattern-inverted::before {
  transform: scaleY(-1);
}

.section.\-pattern.\-blue::before,
.section.\-pattern-inverted.\-blue::before {
  background-blend-mode: soft-light;
  filter: brightness(1.3) contrast(0.7) saturate(0.8);
}

.section.\-pattern.\-brown::before,
.section.\-pattern-inverted.\-brown::before {
  background-blend-mode: soft-light;
  filter: brightness(1.4) contrast(0.6) saturate(0.9);
}

.section.\-pattern.\-gold::before,
.section.\-pattern-inverted.\-gold::before {
  background-blend-mode: multiply;
  filter: sepia(0.25) brightness(1.5) contrast(1.9);
}

.section.\-pattern.\-black::before,
.section.\-pattern-inverted.\-black::before {
  background-blend-mode: screen;
  filter: brightness(1.5) contrast(0.65) saturate(0.7);
}

.section.\-pattern.\-light::before,
.section.\-pattern-inverted.\-light::before {
  background-blend-mode: multiply;
  filter: brightness(0.8) contrast(1.15) saturate(1.1);
}

/* ====== DIVIDER - Visual Separator ====== */
.divider {
  height: 1px;
  background: var(--color-border);
  width: 100%;
}

/* ====== GRID - Generic Grid ====== */
.grid-2 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 800px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}
.grid-3 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 800px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}
.grid-4 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 800px) {
  .grid-4 {
    grid-template-columns: 1fr;
  }
}
.grid-5 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 800px) {
  .grid-5 {
    grid-template-columns: 1fr;
  }
}

/* ====== GRID-2 - Two-Column Layout ====== */
.grid-2 {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
@media (max-width: 800px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}

.grid-2__label-value {
  display: grid;
  gap: var(--space-1);
  grid-template-columns: minmax(100px, max-content) 1fr;
}
@media (max-width: 600px) {
  .grid-2__label-value {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* ====== DISPLAY HELPERS ====== */
.d-block {
  display: block !important;
}

/* ====== FLEX ROW HELPERS ====== */
.flex-row-2 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  --flex-row-columns: 2;
  --flex-row-gap: clamp(1rem, 2vw, 2rem);
  --flex-row-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-row-gap);
}
.flex-row-2 > * {
  flex: 1 1 clamp(var(--flex-row-min-item-width), calc((100% - 1 * var(--flex-row-gap)) / 2), 100%);
}

.flex-row-3 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  --flex-row-columns: 3;
  --flex-row-gap: clamp(1rem, 2vw, 2rem);
  --flex-row-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-row-gap);
}
.flex-row-3 > * {
  flex: 1 1 clamp(var(--flex-row-min-item-width), calc((100% - 2 * var(--flex-row-gap)) / 3), 100%);
}

.flex-row-4 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  --flex-row-columns: 4;
  --flex-row-gap: clamp(1rem, 2vw, 2rem);
  --flex-row-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-row-gap);
}
.flex-row-4 > * {
  flex: 1 1 clamp(var(--flex-row-min-item-width), calc((100% - 3 * var(--flex-row-gap)) / 4), 100%);
}

.flex-row-5 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  --flex-row-columns: 5;
  --flex-row-gap: clamp(1rem, 2vw, 2rem);
  --flex-row-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-row-gap);
}
.flex-row-5 > * {
  flex: 1 1 clamp(var(--flex-row-min-item-width), calc((100% - 4 * var(--flex-row-gap)) / 5), 100%);
}

.flex-row-6 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  --flex-row-columns: 6;
  --flex-row-gap: clamp(1rem, 2vw, 2rem);
  --flex-row-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-row-gap);
}
.flex-row-6 > * {
  flex: 1 1 clamp(var(--flex-row-min-item-width), calc((100% - 5 * var(--flex-row-gap)) / 6), 100%);
}

/* ====== FLEX COLUMN HELPERS ====== */
.flex-column-2 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap;
  --flex-column-columns: 2;
  --flex-column-gap: clamp(1rem, 2vw, 2rem);
  --flex-column-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-column-gap);
}
.flex-column-2 > * {
  flex: 1 1 clamp(var(--flex-column-min-item-width), calc((100% - 1 * var(--flex-column-gap)) / 2), 100%);
}

.flex-column-3 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap;
  --flex-column-columns: 3;
  --flex-column-gap: clamp(1rem, 2vw, 2rem);
  --flex-column-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-column-gap);
}
.flex-column-3 > * {
  flex: 1 1 clamp(var(--flex-column-min-item-width), calc((100% - 2 * var(--flex-column-gap)) / 3), 100%);
}

.flex-column-4 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap;
  --flex-column-columns: 4;
  --flex-column-gap: clamp(1rem, 2vw, 2rem);
  --flex-column-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-column-gap);
}
.flex-column-4 > * {
  flex: 1 1 clamp(var(--flex-column-min-item-width), calc((100% - 3 * var(--flex-column-gap)) / 4), 100%);
}

.flex-column-5 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap;
  --flex-column-columns: 5;
  --flex-column-gap: clamp(1rem, 2vw, 2rem);
  --flex-column-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-column-gap);
}
.flex-column-5 > * {
  flex: 1 1 clamp(var(--flex-column-min-item-width), calc((100% - 4 * var(--flex-column-gap)) / 5), 100%);
}

.flex-column-6 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap;
  --flex-column-columns: 6;
  --flex-column-gap: clamp(1rem, 2vw, 2rem);
  --flex-column-min-item-width: clamp(14rem, 28vw, 18rem);
  gap: var(--flex-column-gap);
}
.flex-column-6 > * {
  flex: 1 1 clamp(var(--flex-column-min-item-width), calc((100% - 5 * var(--flex-column-gap)) / 6), 100%);
}

.btn-list, .btn-cta, .section-homepage-hero .hero-actions a.hero-primary-button, .section-hero #hero-primary-button, .btn-secondary, .seller-details-expanded__link, .section-homepage-hero .hero-actions a.hero-secondary-button, .section-hero #hero-secondary-button, .btn-primary {
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-4);
  font: inherit;
  font-size: var(--font-size-md);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-relaxed);
  text-decoration: none;
  cursor: pointer;
  border: solid transparent var(--line-thin);
  transition: filter var(--transition-normal);
}
.btn-list:hover, .btn-cta:hover, .section-homepage-hero .hero-actions a.hero-primary-button:hover, .section-hero #hero-primary-button:hover, .btn-secondary:hover, .seller-details-expanded__link:hover, .section-homepage-hero .hero-actions a.hero-secondary-button:hover, .section-hero #hero-secondary-button:hover, .btn-primary:hover, .btn-list:focus-visible, .btn-cta:focus-visible, .section-homepage-hero .hero-actions a.hero-primary-button:focus-visible, .section-hero #hero-primary-button:focus-visible, .btn-secondary:focus-visible, .seller-details-expanded__link:focus-visible, .section-homepage-hero .hero-actions a.hero-secondary-button:focus-visible, .section-hero #hero-secondary-button:focus-visible, .btn-primary:focus-visible {
  filter: brightness(0.9);
}

/* Solid, blue, pill-shaped button */
.btn-primary {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-2);
  border-radius: var(--radius-full);
}

/* Outlined, blue, pill-shaped button */
.btn-secondary, .seller-details-expanded__link, .section-homepage-hero .hero-actions a.hero-secondary-button, .section-hero #hero-secondary-button {
  background: transparent;
  color: var(--color-text) !important;
  border-color: var(--color-text) !important;
  border-radius: var(--radius-full);
}

/* Solid, gold, pill-shaped button */
.btn-cta, .section-homepage-hero .hero-actions a.hero-primary-button, .section-hero #hero-primary-button {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-1);
  border-radius: var(--radius-full);
}

/* Solid, blue, squared button for tag/category lists */
.btn-list {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-2);
  border-radius: var(--radius-md);
}

/* Inverted buttons for dark backgrounds */
.btn-secondary.-inverted, .-inverted.seller-details-expanded__link, .section-homepage-hero .hero-actions a.-inverted.hero-secondary-button, .section-hero .-inverted#hero-secondary-button {
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-text-on-dark-bg) !important;
}

.btn-primary.-inverted,
.btn-list.-inverted {
  background: var(--color-text-on-dark-bg) !important;
  color: var(--color-text) !important;
  border-color: var(--color-text-on-dark-bg) !important;
}

.btn-basic {
  background: transparent !important;
  color: var(--color-text) !important;
  border: solid var(--color-accent-2) var(--line-thin);
  border-radius: var(--radius-sm);
  padding: 5px var(--space-2);
  display: inline-block;
  width: fit-content;
  transform: none !important;
  box-shadow: none !important;
  font-weight: 400;
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  letter-spacing: var(--letter-spacing-relaxed);
}
.btn-basic:hover, .btn-basic:focus-visible {
  text-decoration: underline;
}

.btn-basic.-inverted {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-text-on-dark-bg) !important;
}

/* ====== CARD - Base Card ====== */
.card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-4);
}

/* ====== CARD-HEADER - Card Header ====== */
.card-header {
  font-family: var(--font-heading);
}

/* ====== CARD-BODY - Card Body ====== */
.card-body {
  font-family: var(--font-body);
}

/* ====== CARD - Payment Methods ====== */
.payment-methods-card {
  display: block;
}

.payment-methods-card__icons {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.payment-methods-card__icon {
  display: block;
  height: 2rem;
  width: auto;
  object-fit: contain;
  transition: none;
  animation: none;
}

.ww-card {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  padding: 2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
}
.ww-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ww-card__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}

.ww-card__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0d0d0d;
}

.ww-card__body {
  margin-bottom: 1.5rem;
}

.ww-card__footer {
  padding-top: 1.5rem;
  border-top: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ww-form-group {
  margin-bottom: 2rem;
}

.ww-label {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0d0d0d;
}

.ww-input,
.ww-textarea,
.ww-select {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: #ffffff;
  color: #0d0d0d;
  transition: border-color 250ms ease;
}
.ww-input:focus,
.ww-textarea:focus,
.ww-select:focus {
  outline: none;
  border-color: #133343;
  box-shadow: 0 0 0 3px rgba(19, 51, 67, 0.1);
}
.ww-input:disabled,
.ww-textarea:disabled,
.ww-select:disabled {
  background-color: #fffdf9;
  cursor: not-allowed;
}

.ww-textarea {
  resize: vertical;
  min-height: 100px;
}

.ww-form-help {
  font-size: 0.875rem;
  color: #666666;
  margin-top: 0.5rem;
}

.ww-form-error {
  color: #d9534f;
}

/* ====== NATIVE FORM CONTROLS ====== */
input,
textarea,
select {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding-block: var(--space-2);
  padding-inline: var(--space-4);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--color-accent-1);
  box-shadow: 0 0 0 2px rgba(220, 170, 46, 0.2);
  outline: none;
}

.ww-card {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  padding: 2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 250ms ease;
}
.ww-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ww-card__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}

.ww-card__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0d0d0d;
}

.ww-card__body {
  margin-bottom: 1.5rem;
}

.ww-card__footer {
  padding-top: 1.5rem;
  border-top: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heading-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text);
  margin-bottom: 0;
}

.accent {
  color: var(--color-accent-1);
}

.text-icon {
  padding-inline: 3px;
  margin-right: 3px;
}
.text-icon.-check, .text-icon.-good, .text-icon.-success {
  color: var(--color-success);
}
.text-icon.-cross, .text-icon.-bad, .text-icon.-error {
  color: var(--color-danger);
}

/* INFO/ARTICLE PAGE ELEMENTS */
article .article-group dt, article .article-group dd {
  color: var(--color-text);
}

article .article-footer {
  margin-top: var(--space-2);
  padding-top: var(--space-4);
  border-top: solid var(--color-border) var(--line-thin);
}

/* DETAILS + SUMMARIES = FAQ-STYLE ELEMENTS */
details {
  color: var(--color-text);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  margin-block: var(--space-2);
}
details[open] {
  font-weight: bold;
  border-color: color-mix(in srgb, var(--color-accent-1), white 33%);
}
details[open] summary {
  background: color-mix(in srgb, var(--color-accent-1), white 66%);
  margin-bottom: var(--space-1);
}
details[open] summary::after {
  transform: translateY(-20%) rotate(-135deg);
}
details[open] > * {
  margin-bottom: var(--space-1);
}
details[open] > *:last-child {
  margin-bottom: var(--space-2);
}
details summary {
  cursor: pointer;
  list-style: none;
  position: relative;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  padding: var(--space-1) 3rem var(--space-1) var(--space-2);
}
details summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.75rem;
  height: 0.75rem;
  border-right: var(--line-thin) solid var(--color-text);
  border-bottom: var(--line-thin) solid var(--color-text);
  transform: translateY(-70%) rotate(45deg);
  transition: transform var(--transition-normal);
}
details summary::marker, details summary::-webkit-details-marker {
  display: none;
}
details p, details ol, details ul {
  padding-inline: var(--space-2);
  line-height: var(--line-height-relaxed);
}

.magazine-post-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  flex: 1;
}
.magazine-post-card__content .magazine-post-card__title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}
.magazine-post-card__content .magazine-post-card__title a {
  color: var(--color-text);
  text-decoration: none;
}
.magazine-post-card__content .magazine-post-card__title a:hover {
  text-decoration: underline;
}
.magazine-post-card__content .magazine-post-card__excerpt {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}
.magazine-post-card__content .magazine-post-card__details {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: auto;
  padding-top: var(--space-2);
  border-top: var(--line-thin) solid var(--color-border);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.magazine-post-card__default,
.magazine-post-card__hero,
.magazine-post-card__featured,
.magazine-post-card__compact,
.magazine-post-card__minimal,
.magazine-post-card__category {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  transition: var(--transition-normal);
}
.magazine-post-card__default img,
.magazine-post-card__hero img,
.magazine-post-card__featured img,
.magazine-post-card__compact img,
.magazine-post-card__minimal img,
.magazine-post-card__category img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  transition: var(--transition-normal);
}
.magazine-post-card__default a:has(img),
.magazine-post-card__hero a:has(img),
.magazine-post-card__featured a:has(img),
.magazine-post-card__compact a:has(img),
.magazine-post-card__minimal a:has(img),
.magazine-post-card__category a:has(img) {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.magazine-post-card__default:hover,
.magazine-post-card__hero:hover,
.magazine-post-card__featured:hover,
.magazine-post-card__compact:hover,
.magazine-post-card__minimal:hover,
.magazine-post-card__category:hover {
  border-color: var(--color-accent-1);
}

.magazine-post-card__hero img {
  height: 360px;
}
.magazine-post-card__hero .magazine-post-card__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-bottom: var(--space-2);
}
.magazine-post-card__hero .magazine-post-card__category-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-relaxed);
  color: var(--color-accent-1);
  text-decoration: none;
  padding: 2px var(--space-2);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-sm);
}
.magazine-post-card__hero .magazine-post-card__category-label:hover {
  background: var(--color-accent-1);
  color: var(--color-bg);
  border-color: var(--color-accent-1);
}
@media (min-width: 1100px) {
  .magazine-post-card__hero {
    flex-direction: row;
    align-items: stretch;
  }
  .magazine-post-card__hero a:has(img) {
    width: 45%;
    flex-shrink: 0;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  }
  .magazine-post-card__hero img {
    height: 100%;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  }
  .magazine-post-card__hero .magazine-post-card__content {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  }
}

.magazine-post-card__category {
  background: var(--color-accent-1);
  color: var(--color-bg);
  border: solid var(--color-accent-1) var(--line-thin);
  padding: var(--space-4) var(--space-1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.magazine-post-card__category:hover {
  background: var(--color-accent-1);
  color: var(--color-bg);
}

/* ====== MODAL BACKDROP ====== */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, calc(0.6 * var(--backdrop-opacity)));
  backdrop-filter: blur(var(--background-blur));
}

/* ====== LOGIN MODAL ====== */
.modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 1;
}
.modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 400px;
  background: var(--color-bg, #fff);
  border-radius: var(--radius-md, 8px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-height: 90vh;
  overflow-y: auto;
  animation: modalSlideIn 0.3s ease-out;
  z-index: 2;
  padding: 2rem;
  margin: 0 2rem;
}
.modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--color-text-secondary, #666);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  z-index: 3;
  transition: color 0.2s;
}
.modal__close:hover {
  color: var(--color-text, #000);
}
.modal__body {
  padding: 0;
}

.listing-actions__login-prompt {
  text-align: center;
  padding: 1.5rem;
  background: var(--color-background-subtle, #f8f9fa);
  border-radius: var(--radius-sm, 4px);
  color: var(--color-text-secondary, #666);
}
.listing-actions__login-prompt .login-modal-trigger {
  background: transparent;
  border: none;
  color: var(--color-primary, #007bff);
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
  padding: 0;
  font-size: inherit;
}
.listing-actions__login-prompt .login-modal-trigger:hover {
  color: var(--color-primary-hover, #0056b3);
}
.listing-actions__login-prompt a {
  color: var(--color-primary, #007bff);
  font-weight: 600;
  text-decoration: underline;
}
.listing-actions__login-prompt a:hover {
  color: var(--color-primary-hover, #0056b3);
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ====== MEDIA - Image + Text Block ====== */
.media {
  display: grid;
  gap: var(--space-4);
}

@media (min-width: 48rem) {
  .media {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
/* ====== BUYER PROTECTION - Process Steps ====== */
.buyer-protection__icons-container {
  width: 100%;
}

.buyer-protection__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 36rem) {
  .buyer-protection__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 64rem) {
  .buyer-protection__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.buyer-protection__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  gap: var(--space-2);
}
@media (min-width: 600px) {
  .buyer-protection__item {
    flex-direction: column;
    text-align: center;
  }
}

.buyer-protection__media {
  flex-shrink: 0;
  width: 80px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 600px) {
  .buyer-protection__media {
    width: 100%;
    max-width: 150px;
  }
}

.buyer-protection__img {
  width: 100%;
  height: auto;
  object-fit: contain;
  padding: var(--space-2);
}
@media (max-width: 600px) {
  .buyer-protection__img {
    padding: var(--space-1);
  }
}

.buyer-protection__content {
  width: 100%;
}

.buyer-protection__heading {
  margin: 0;
  font-size: var(--font-size-md);
  color: var(--color-text);
  line-height: 1.4;
}

/* ====== QUERY ITEM - List Item Container ====== */
.ww-user-query__item {
  display: flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-inline-start: solid var(--color-border) var(--line-thick);
  border-block-end: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-sm) 0 0 var(--radius-md);
  transition: var(--transition-normal);
}

.ww-user-query__item:hover {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  border-color: var(--color-text-muted);
}

.ww-user-query__item.is-awaiting-response {
  border-color: var(--color-accent-1) !important;
}

/* ====== GENERAL INFO - Title and Metadata ====== */
.ww-user-query__item .ww-user-query__general-info {
  width: 50%;
}

.ww-user-query__item .ww-user-query__general-info > .ww-user-query__row {
  color: var(--color-text-muted);
  font-size: 0.85em;
  letter-spacing: var(--letter-spacing-normal);
}

.ww-user-query__item .ww-user-query__general-info h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-block-start: 8px;
}

.ww-user-query__item .ww-user-query__general-info .ww-user-query__alert .ww-badge-awaiting-response {
  color: var(--color-accent-3);
  font-weight: bold;
  font-size: 0.9em;
  letter-spacing: var(--letter-spacing-normal);
  margin-inline-start: var(--space-2);
}

/* ====== STATUS INFO - Status and Timestamp ====== */
.ww-user-query__item .ww-user-query__status-info {
  width: calc(50% - 150px);
  font-size: 0.9em;
  text-align: center;
}

.ww-user-query__item .ww-user-query__status-info .ww-user-query__status {
  font-weight: bold;
}

.ww-user-query__item .ww-user-query__status-info .ww-user-query__row:has(.relative-time) {
  margin-block-start: var(--space-1);
}

/* ====== ACTIONS - Call-to-Action Button ====== */
.ww-user-query__item .ww-user-query__actions {
  width: 150px;
  font-size: 0.9em;
  text-align: center;
}

.ww-user-query__item .ww-user-query__actions a {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-full);
  display: inline-block;
  text-decoration: none;
  transition: var(--transition-fast);
}

.ww-user-query__item .ww-user-query__actions a:hover {
  filter: brightness(0.95);
}

/* ====== LISTING PREVIEW BOX ====== */
.listing-preview-box {
  width: 100%;
  max-width: 300px;
}

.listing-preview-box .listing-preview {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
  box-shadow: var(--shadow-md);
  display: block;
  transition: var(--transition-normal);
}

.listing-preview-box .listing-preview:hover {
  box-shadow: var(--shadow-lg);
}

/* ====== LISTING IMAGE ====== */
.listing-preview-box .listing-preview img {
  height: 240px;
  width: 240px;
  border-radius: var(--radius-md);
  margin-block-end: 1em;
  object-fit: cover;
}

/* ====== LISTING INFO ====== */
.listing-preview-box .listing-preview .listing-id {
  color: var(--color-text-muted);
  font-size: 0.9em;
  margin-block-end: 0;
}

.listing-preview-box .listing-preview h3.whisky_name_primary {
  font-size: var(--font-size-sm);
  letter-spacing: var(--letter-spacing-relaxed);
  text-transform: uppercase;
  margin-block-start: var(--space-1);
}

.listing-preview-box .listing-preview h3.whisky_name_secondary {
  font-size: var(--font-size-lg);
  margin-block-end: var(--space-2);
}

.listing-preview-box .listing-preview h3 + p {
  text-align: center;
}

/* ====== LISTING BUTTON ====== */
.listing-preview-box .listing-preview .listing-btn > a {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  border-radius: var(--radius-md);
  padding: 1em 3em;
  display: block;
  transition: var(--transition-normal);
  text-decoration: none;
}

.listing-preview-box .listing-preview .listing-btn > a:hover {
  background: var(--color-accent-1);
}

/* ====== SELLER INFO ====== */
.listing-preview-box .listing-preview .seller-info-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.listing-preview-box .listing-preview .seller-info-box .seller-type {
  font-weight: bold;
}

/* ====== BASE CARD ====== */
.listing-card {
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  border: solid var(--color-surface-alt) var(--line-thin);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-fast);
  height: 100%;
}
.listing-card:hover {
  border-color: var(--color-accent-1);
  box-shadow: var(--shadow-lg);
}

/* ====== IMAGE BOX ====== */
.listing-card__image-box {
  position: relative;
  overflow: hidden;
}

.listing-card__featured-image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.listing-card__image-placeholder {
  width: 100%;
  aspect-ratio: 5/6;
  background: var(--color-surface-raised);
}

/* ====== AVAILABILITY OVERLAY ====== */
.listing-card__actions-box {
  text-align: center;
  height: 0;
}
.listing-card__actions-box p {
  position: relative;
  top: -35px;
  z-index: 5;
}

.listing-card__availability-status {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  line-height: 1;
  margin: 0;
}

.listing-card__availability-status--available {
  background: var(--color-success-subtle, #e8f5e9);
  color: var(--color-success, #2e7d32);
  display: none;
}

.listing-card__availability-status--reserved {
  background: var(--color-warning-subtle, #fff8e1);
  color: var(--color-warning, #f57f17);
}

.listing-card__availability-status--sold {
  background: var(--color-surface-raised);
  color: var(--color-text-muted);
}

/* ====== INFO BOX ====== */
.listing-card__info-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.listing-card__info-link {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--space-3);
  text-decoration: none;
  color: inherit;
  gap: var(--space-2);
}

.listing-card__info-link:hover {
  color: inherit;
}

/* ====== TITLE BOX ====== */
.listing-card__title-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.listing-card__title-primary {
  font-size: var(--font-size-xs);
  letter-spacing: var(--letter-spacing-relaxed);
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin: 0;
}

.listing-card__title-secondary {
  font-size: var(--font-size-base);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

/* ====== DETAILS BOX ====== */
.listing-card__details-box {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
}

.listing-card__detail {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin: 0;
  white-space: nowrap;
}

.listing-card__detail span {
  font-weight: 600;
  color: var(--color-text);
}

/* ====== PRICING BOX ====== */
.listing-card__pricing-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  margin-block-start: auto;
}

.listing-card__price {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text);
}

.listing-card__seller-type {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.listing-card__from-country {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin-inline-start: auto;
}

/* ====== COMPACT VARIANT ====== */
.listing-card--compact {
  flex-direction: row;
  max-width: 320px;
}

.listing-card--compact .listing-card__image-box {
  flex: 0 0 100px;
  width: 100px;
}

.listing-card--compact .listing-card__featured-image {
  aspect-ratio: 1;
  height: 100%;
}

.listing-card--compact .listing-card__image-placeholder {
  aspect-ratio: 1;
  height: 100%;
}

.listing-card--compact .listing-card__info-link {
  padding: var(--space-2);
  gap: var(--space-1);
}

.listing-card--compact .listing-card__title-secondary {
  font-size: var(--font-size-sm);
}

.listing-card--compact .listing-card__price {
  font-size: var(--font-size-sm);
}

/* ====== SOLD STATE ====== */
.listing-card--sold .listing-card__featured-image {
  filter: grayscale(0.6);
  opacity: 0.8;
}

/* ====== RESPONSIVE: ARCHIVE GRID ====== */
/* Image Manager Styles */
.image-manager {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.image-manager__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Heading & Count */
.image-manager__heading {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.image-manager__count {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666;
  background: #f5f5f5;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
}

/* Gallery Grid */
.image-manager__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
}

.image-manager__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  transition: all 0.2s ease;
  position: relative;
}

.image-manager__item.removed {
  opacity: 0.5;
  background: #fff3cd;
}

.image-manager__item.dragging {
  opacity: 0.6;
  border-color: #0073aa;
  box-shadow: 0 2px 8px rgba(0, 115, 170, 0.2);
}

.image-manager__item:hover {
  border-color: #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Drag Handle */
.image-manager__drag-handle {
  cursor: grab;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-bottom: 1px solid #e0e0e0;
  margin: -0.75rem -0.75rem 0 -0.75rem;
  padding-bottom: 0.5rem;
  transition: background 0.2s ease;
}

.image-manager__drag-handle:hover {
  background: #f0f0f0;
  color: #0073aa;
}

.image-manager__drag-handle:active {
  cursor: grabbing;
}

/* Thumbnail */
.image-manager__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #f0f0f0;
  border-radius: 2px;
  overflow: hidden;
}

.image-manager__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Info */
.image-manager__info {
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-height: 0;
}

.image-manager__filename {
  margin: 0;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.image-manager__dimensions {
  margin: 0;
  color: #999;
  font-size: 0.7rem;
}

/* Checkbox */
.image-manager__checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  user-select: none;
}

.image-manager__checkbox input {
  cursor: pointer;
  margin: 0;
}

.image-manager__checkbox-label {
  font-weight: 500;
  color: #666;
}

/* Remove Button */
.image-manager__remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #d32f2f;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0;
}

.image-manager__remove-btn:hover {
  background: #ffebee;
  border-color: #d32f2f;
}

.image-manager__remove-btn .icon {
  width: 18px;
  height: 18px;
  display: block;
}

/* Empty State */
.image-manager__empty {
  margin: 0;
  padding: 2rem 1rem;
  text-align: center;
  color: #999;
  background: #f9f9f9;
  border: 1px dashed #ccc;
  border-radius: 4px;
  font-size: 0.9rem;
}

/* Upload Area */
.image-manager__upload-area {
  position: relative;
  padding: 2rem;
  background: #f9f9f9;
  border: 2px dashed #ccc;
  border-radius: 4px;
  transition: all 0.2s ease;
  text-align: center;
}

.image-manager__upload-area.dragover {
  background: #eff7ff;
  border-color: #0073aa;
}

.image-manager__input {
  display: none;
}

.image-manager__upload-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  color: #555;
  font-weight: 500;
  user-select: none;
}

.image-manager__upload-label .icon {
  color: #0073aa;
  width: 32px;
  height: 32px;
}

.image-manager__upload-label small {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #999;
}

/* Upload Progress */
.image-manager__upload-progress {
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 4px;
}

.image-manager__progress-bar {
  width: 100%;
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.image-manager__progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #0073aa, #0099cc);
  width: 50%;
  animation: progress-animation 2s ease-in-out infinite;
}

@keyframes progress-animation {
  0% {
    width: 10%;
  }
  50% {
    width: 90%;
  }
  100% {
    width: 10%;
  }
}
.image-manager__progress-text {
  margin: 0;
  font-size: 0.875rem;
  color: #666;
  text-align: center;
}

/* Errors */
.image-manager__upload-errors {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
}

.image-manager__error {
  margin: 0;
  padding: 0.75rem;
  background: #ffebee;
  border-left: 3px solid #d32f2f;
  color: #c62828;
  font-size: 0.875rem;
  border-radius: 2px;
}

/* Actions Footer */
.image-manager__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid #e0e0e0;
}

.image-manager__save-btn {
  padding: 0.75rem 1.5rem;
}

.image-manager__save-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.image-manager__help-text {
  margin: 0;
  font-size: 0.8rem;
  color: #999;
}

/* Responsive */
@media (max-width: 768px) {
  .image-manager {
    padding: 1rem;
  }
  .image-manager__gallery {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .image-manager__upload-area {
    padding: 1.5rem 1rem;
  }
}
/* Icon helper */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ====== MOBILE TOGGLE ====== */
.ww-sidebar-mobile-toggle {
  display: none;
}

@media screen and (max-width: 799px) {
  .ww-sidebar-mobile-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: var(--ww-sidebar-toggle-top, 8px);
    z-index: 1900;
    margin-block-end: var(--space-2);
    transition: top var(--transition-normal);
  }
  .ww-sidebar-mobile-toggle__button {
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    border: solid var(--color-border) var(--line-thin) !important;
    border-radius: var(--radius-md) !important;
    padding: 0 var(--space-2) !important;
    height: 44px !important;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: var(--font-size-sm);
    transform: none !important;
  }
  .ww-sidebar-mobile-toggle__button svg {
    width: 22px !important;
    height: auto !important;
    fill: currentColor !important;
  }
  .ww-sidebar-mobile-toggle__icon--close {
    display: none;
  }
  .ww-sidebar-mobile-toggle__button[aria-expanded=true] .ww-sidebar-mobile-toggle__icon--menu {
    display: none;
  }
  .ww-sidebar-mobile-toggle__button[aria-expanded=true] .ww-sidebar-mobile-toggle__icon--close {
    display: inline-flex;
  }
  .ww-sidebar-mobile-toggle__button[aria-expanded=true] {
    background: color-mix(in srgb, var(--color-accent-1), transparent 82%) !important;
    border-color: var(--color-accent-1) !important;
  }
  .with-sidebar__sidebar.is-open .ww-sidebar-mobile-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }
  .ww-sidebar-mobile-panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60vw;
    max-width: 250px;
    margin: 0;
    padding: 90px var(--space-3) 4rem;
    background: var(--color-bg);
    box-shadow: var(--shadow-lg);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(-100% - 2px));
    transition: transform var(--transition-normal), opacity var(--transition-fast), visibility var(--transition-fast);
    z-index: 1950;
  }
  .ww-sidebar-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    touch-action: none;
    overscroll-behavior: contain;
    z-index: 1940;
  }
  html.ww-no-scroll,
  body.ww-no-scroll {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
  }
  body.ww-no-scroll {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
  }
  .ww-sidebar-mobile-overlay[hidden] {
    display: none !important;
  }
}
.with-sidebar__sidebar {
  padding-block: 20px;
}

.with-sidebar__sidebar nav > ul {
  list-style-type: none;
  margin: 0;
}

.with-sidebar__sidebar ul > li {
  margin: 0;
}
.with-sidebar__sidebar ul > li.new-menu-section {
  border-top: solid var(--color-border) var(--line-thin);
  margin-top: 8px;
  padding-top: 8px;
}
.with-sidebar__sidebar ul > li.current_page_item a {
  font-weight: bold;
  color: var(--color-text) !important;
}

.with-sidebar__sidebar li > a {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  padding-block: 4px;
  display: block;
}
.with-sidebar__sidebar li > a:hover {
  color: var(--color-text);
  text-decoration: underline;
}

/* ====== FILTER WRAPPER ====== */
.ww-filter {
  padding-block-end: var(--space-4);
}

/* ====== ACTIVE CHIPS ====== */
.ww-filter__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-block-end: var(--space-2);
  border-bottom: 1px solid var(--color-border);
  margin-block-end: var(--space-2);
}

.ww-filter__chips-heading {
  color: var(--color-text);
  padding-top: 4px;
}

.ww-filter__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px 3px;
  font-size: var(--font-size-xs, 0.75rem);
  border-radius: var(--radius-full);
  border: 1px solid var(--color-accent-2);
  background: color-mix(in srgb, var(--color-accent-2) 10%, transparent);
  color: var(--color-accent-2) !important;
  text-decoration: none;
  transition: background var(--transition-fast, 150ms);
}
.ww-filter__chip--reset {
  border-color: var(--color-text-muted) !important;
  background: var(--color-text-muted);
  color: var(--color-text-on-dark-bg) !important;
}

.ww-filter__chip-remove {
  opacity: 0.65;
  font-size: 1em;
  line-height: 1;
}

/* ====== FILTER FORM ====== */
.ww-filter__form {
  display: flex;
  flex-direction: column;
}

/* ====== SECTIONS ====== */
.ww-filter__section {
  border-bottom: 1px solid var(--color-border);
}
.ww-filter__section > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--space-2);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text);
  cursor: pointer;
  user-select: none;
}
.ww-filter__section > summary::-webkit-details-marker {
  display: none;
}

details.ww-filter__section > *:not(summary) {
  padding-inline: var(--space-2);
}

/* ====== CHECKBOX / RADIO OPTIONS ====== */
.ww-filter__options {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-block: var(--space-1) var(--space-2);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ww-filter__option {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-size-sm);
  cursor: pointer;
  line-height: 1.3;
}
.ww-filter__option input[type=checkbox],
.ww-filter__option input[type=radio] {
  width: 15px;
  height: 15px;
  min-width: 15px;
  padding: 0;
  margin: 0;
  border-radius: var(--radius-sm);
  accent-color: var(--color-accent-2);
  cursor: pointer;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
}

.ww-filter__section--distillery .ww-filter__options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.ww-filter__section--distillery .ww-filter__options > li {
  width: clamp(130px, 50% - 10px, 100%);
}

/* ====== OPTION LABEL + COUNT BADGE ====== */
.ww-filter__option-label {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.ww-filter__count {
  font-size: var(--font-size-xs, 0.7rem);
  color: var(--color-text-muted);
  flex-shrink: 0;
}

/* ====== RANGE INPUTS (Price, ABV, Vintage) ====== */
.ww-filter__range {
  display: flex;
  gap: var(--space-2);
  padding-block: var(--space-1) var(--space-2);
}

.ww-filter__range-pair {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.ww-filter__range-pair input {
  margin: 0 !important;
}

.ww-filter__range-label {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--color-text-muted);
  white-space: nowrap;
  font-weight: 400;
  flex-shrink: 0;
  padding-top: 4px;
  min-width: 40px;
  text-align: right;
}

.ww-filter__range-input {
  flex: 1;
  min-width: 0;
  max-width: 100px !important;
  padding: 6px var(--space-1);
  font-size: var(--font-size-sm);
  font-family: var(--font-body);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md) !important;
  background: var(--color-bg);
  color: var(--color-text);
}
.ww-filter__range-input::placeholder {
  color: var(--color-text-muted);
}
.ww-filter__range-input:focus {
  outline: none;
  border-color: var(--color-accent-1);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent-1) 20%, transparent);
}

/* ====== VINTAGE / BOTTLED / AGE FIELDS ====== */
.ww-filter__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding-block: var(--space-1) var(--space-2);
}

.ww-filter__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ww-filter__field-label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-text);
  font-weight: 600;
}

/* ====== ACTIONS ====== */
.ww-filter__actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding-block-start: var(--space-3);
  flex-wrap: wrap;
}

.has-toc {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ww-toc-widget {
  margin: 0 0 var(--space-3);
  position: relative;
}

.ww-toc-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-bg-secondary);
  color: var(--color-text);
  cursor: pointer;
  text-align: left;
  font: inherit;
  line-height: var(--line-height-tight);
  letter-spacing: inherit;
}

.ww-toc-toggle__label,
.ww-toc__title {
  display: block;
  font: inherit;
  font-weight: 600;
  line-height: var(--line-height-tight);
  letter-spacing: inherit;
}

.ww-toc-toggle__icon--close {
  display: none;
}

.ww-toc-widget.is-open .ww-toc-toggle__icon--menu {
  display: none;
}

.ww-toc-widget.is-open .ww-toc-toggle__icon--close {
  display: inline;
}

.ww-toc-panel {
  background: var(--color-bg);
  margin-top: var(--space-2);
  z-index: 10;
}

.ww-toc-panel[hidden] {
  display: none;
}

.ww-toc {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
  background: color-mix(in srgb, var(--color-bg), white 33%);
  max-height: min(70vh, 34rem);
  overflow: auto;
}
@media (max-width: 799px) {
  .ww-toc {
    max-height: none;
    border: none;
  }
}

.ww-toc__title {
  margin: 0 0 var(--space-2);
}

.ww-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.ww-toc__item {
  margin: 0;
  padding: 0;
}

.ww-toc__item--level-3 {
  padding-left: var(--space-1);
}

.ww-toc__item--level-4 {
  padding-left: var(--space-2);
}

.ww-toc__link {
  font-size: var(--font-size-sm);
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid transparent;
}

.ww-toc__link:hover,
.ww-toc__link:focus-visible {
  border-bottom-color: currentColor;
  text-decoration: none;
}

.has-toc-content h2,
.has-toc-content h3,
.has-toc-content h4 {
  scroll-margin-top: 80px;
}

@media (max-width: 799px) {
  .ww-toc-widget {
    display: none;
  }
  .ww-toc-mobile-panel-container {
    margin-block-end: var(--space-2);
  }
  .ww-toc-mobile-panel-container .ww-toc-panel {
    position: static;
    margin: var(--space-2) 0 0;
    width: 100%;
    max-height: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    z-index: auto;
  }
}
@media (min-width: 800px) {
  .ww-toc-widget {
    position: relative;
    width: min(24rem, 42%);
    margin: 0;
    margin-left: auto;
    z-index: 30;
  }
  .ww-toc-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
  }
  .ww-toc-widget .ww-toc-panel[hidden] {
    display: block;
  }
  .ww-toc-widget:hover .ww-toc-panel,
  .ww-toc-widget:focus-within .ww-toc-panel,
  .ww-toc-widget.is-open .ww-toc-panel,
  .ww-toc-panel:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  .ww-toc-widget:hover .ww-toc-toggle,
  .ww-toc-widget:focus-within .ww-toc-toggle,
  .ww-toc-widget.is-open .ww-toc-toggle {
    border-color: color-mix(in srgb, var(--color-accent-1), var(--color-border) 50%);
  }
}
@media (min-width: 800px) {
  .with-sidebars__sidebar-left .ww-toc-toggle {
    display: none;
  }
  .with-sidebars__sidebar-left .ww-toc-widget {
    width: 100%;
    margin: 0;
    position: static;
    z-index: auto;
  }
  .with-sidebars__sidebar-left .ww-toc-panel {
    position: static;
    margin: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }
  .with-sidebars__sidebar-left .ww-toc-widget .ww-toc-panel[hidden] {
    display: block;
  }
  .with-sidebars__sidebar-left .ww-toc {
    max-height: none;
    overflow: visible;
    border: none;
    background: transparent;
    padding: 0;
  }
  .with-sidebars__sidebar-left .ww-toc__title {
    font-size: var(--font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    margin-bottom: var(--space-3);
  }
  .with-sidebars__sidebar-left .ww-toc__link {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
  }
  .with-sidebars__sidebar-left .ww-toc__link:hover, .with-sidebars__sidebar-left .ww-toc__link:focus-visible {
    color: var(--color-accent-1);
    border-bottom-color: transparent;
  }
}
.ww-horizontal-scrollbar__posts-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  gap: var(--space-4);
  padding-block: var(--space-1);
  width: calc(100vw - 2 * var(--container-margin));
  padding-inline: var(--container-margin);
  scroll-padding-inline: var(--container-margin);
  position: relative;
  left: calc(var(--container-margin) * -1);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.ww-horizontal-scrollbar__posts-container > * {
  width: calc(var(--container-width-vw) - var(--space-4) - 20px);
}
@media (min-width: 601px) {
  .ww-horizontal-scrollbar__posts-container > * {
    width: calc((var(--container-width-vw) - var(--space-6)) / 2);
  }
}
.ww-horizontal-scrollbar__posts-container > * {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.ww-horizontal-scrollbar__posts-container > *:first-child {
  margin-left: 1px;
}
.ww-horizontal-scrollbar__posts-container > *:last-child {
  scroll-snap-align: end;
}

.ww-horizontal-scrollbar {
  width: 100%;
  height: 15px;
  margin-top: var(--space-1);
  background: transparent;
  position: relative;
  cursor: pointer;
  border-bottom: solid color-mix(in srgb, var(--color-accent-1), white 40%) var(--line-thin);
  transition: var(--transition-fast);
}
.ww-horizontal-scrollbar:hover .ww-horizontal-scrollbar__thumb {
  height: 9px;
  border-radius: 5px;
  top: 4px;
}

.ww-horizontal-scrollbar__thumb {
  position: absolute;
  top: 6px;
  left: 0;
  height: 5px;
  margin-top: 5px;
  padding-top: 3px;
  min-width: 40px;
  max-width: 120px;
  background: color-mix(in srgb, var(--color-accent-1), white 40%);
  border-radius: 3px;
  cursor: grab;
  will-change: transform, width;
  transition: var(--transition-fast);
}
.ww-horizontal-scrollbar__thumb:active {
  cursor: grabbing;
}

.ww-footer {
  background-color: black;
  padding-block-start: var(--space-4);
  padding-block-end: 0 !important;
}
.ww-footer.ww-footer-min {
  padding-block-start: 0 !important;
}
.ww-footer.ww-footer-transparent {
  background-color: transparent !important;
  padding-block-start: 0 !important;
}

.ww-footer .ww-footer__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.ww-footer .ww-footer__main .ww-footer__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #ffffff !important;
}
.ww-footer .ww-footer__main .ww-footer__section {
  flex: 1 1 calc(33.333% - 2rem);
  max-width: calc(33.333% - 2rem);
  min-width: 220px;
}
.ww-footer .ww-footer__main .ww-footer__list li {
  margin-bottom: 1rem;
}
.ww-footer .ww-footer__main .ww-footer__list a {
  color: #ffffff !important;
  font-size: 1rem;
}

.ww-footer .ww-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ww-footer .ww-footer__list a {
  text-decoration: none;
  transition: 150ms ease;
}
.ww-footer .ww-footer__list a:hover {
  text-decoration: underline;
}

.ww-footer .ww-footer__preferences .wpml-ls-legacy-list-horizontal {
  border: none;
  padding: 0;
}
.ww-footer .ww-footer__preferences .wpml-ls-legacy-list-horizontal a {
  color: var(--color-text-on-dark-bg) !important;
  padding: 0;
  margin-bottom: var(--space-1);
}
.ww-footer .ww-footer__preferences .wpml-ls-legacy-list-horizontal a:hover {
  text-decoration: underline;
}
.ww-footer .ww-footer__preferences .wpml-ls-legacy-list-horizontal span {
  color: #999;
}

.ww-footer .ww-footer__payment-methods .payment-methods-card__icons img {
  height: 3rem;
}

.ww-footer .ww-footer__subrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-block: var(--space-2);
}
.ww-footer .ww-footer__subrow .ww-footer__list--subrow {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.ww-footer .ww-footer__subrow .ww-footer__list--subrow li {
  margin-bottom: 0;
}
.ww-footer .ww-footer__subrow .ww-footer__list--subrow a {
  color: #999;
  font-size: 0.875rem;
}
.ww-footer .ww-footer__subrow .ww-footer__list--subrow a:hover {
  color: #ffffff;
  text-decoration: none;
}

.ww-footer .ww-footer__subrow-section {
  flex: 1 1 auto;
}
.ww-footer .ww-footer__subrow-section--legal {
  text-align: left;
}
.ww-footer .ww-footer__subrow-section--social {
  text-align: right;
}

.ww-footer-transparent .ww-footer__subrow .ww-footer__list {
  justify-content: center;
}
.ww-footer-transparent .ww-footer__subrow .ww-footer__list a:hover {
  color: var(--color-text) !important;
  text-decoration: none;
}

.ww-footer .ww-footer__social-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
.ww-footer .ww-footer__social-list li {
  margin-bottom: 0;
}

.ww-footer .ww-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: transparent;
  color: #ffffff;
  transition: 150ms ease;
}
.ww-footer .ww-footer__social-link:hover {
  background-color: #AB884D;
  color: #ffffff;
}
.ww-footer .ww-footer__social-link .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.ww-footer .ww-footer__social-link--linkedin:hover {
  background-color: #0077b5;
}
.ww-footer .ww-footer__social-link--facebook:hover {
  background-color: #1877f2;
}
.ww-footer .ww-footer__social-link--instagram:hover {
  background-color: #e4405f;
}
.ww-footer .ww-footer__social-link--youtube:hover {
  background-color: #ff0000;
}
.ww-footer .ww-footer__social-link--pinterest:hover {
  background-color: #bd081c;
}

.ww-footer .ww-footer__social-icon {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

/*
.ww-footer-min {
	margin-top: $space-12;
}

.ww-footer-min .ww-footer-min__list {
	list-style: none;
}

.ww-footer-min .ww-footer__subrow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center !important;
	align-items: center;
	gap: $space-4;
	padding-block: var(--space-2);

	.ww-footer__list--subrow {
		display: flex;
		flex-wrap: wrap;
		gap: $space-6;

		li {
			margin-bottom: 0;
		}

		a {
			color: #999;
			font-size: $font-size-sm;

			&:hover {
				text-decoration: underline;
			}
		}
	}
}
*/
@media (max-width: 768px) {
  .ww-footer .ww-footer__main {
    gap: 2rem 1rem;
  }
  .ww-footer .ww-footer__section {
    flex: 1 1 calc(50% - 2rem) !important;
    max-width: calc(100% - 2rem) !important;
    min-width: 165px !important;
  }
  .ww-footer .ww-footer__section h3.ww-footer__title {
    font-size: 1.15rem;
  }
  .ww-footer .ww-footer__subrow {
    flex-direction: column-reverse;
    text-align: center;
    gap: 1rem !important;
    margin-block-start: 1rem;
    border-top: solid #999 1px;
  }
  .ww-footer-min .ww-footer__subrow,
  .ww-footer-transparent .ww-footer__subrow {
    border: none !important;
  }
  .ww-footer .ww-footer__subrow-section--legal > ul {
    gap: 0.5rem 1rem !important;
  }
  .ww-footer .ww-footer__subrow-section--social {
    text-align: center;
  }
  .ww-footer .ww-footer__social-list {
    justify-content: center;
    gap: var(--space-2);
  }
  .ww-footer .ww-footer__list--subrow {
    justify-content: center;
  }
  .ww-footer-min .ww-footer__subrow-section--legal > ul {
    gap: 0.5rem 1rem !important;
    justify-content: center !important;
    margin: 0 !important;
  }
}
.ww-header {
  background: #000000;
  padding-block: var(--space-2);
  border-bottom: solid var(--color-border) var(--line-thin);
  position: sticky;
  display: block;
  top: 0;
  z-index: 2000;
  transition: transform var(--transition-normal), opacity var(--transition-normal);
}

.ww-header.is-scroll-hidden {
  transform: translateY(-100%);
}

/* Hide Mobile-only Elements */
@media screen and (min-width: 800px) {
  .ww-header__mobile-search,
  .ww-header__bottom .menu-item-search,
  .ww-header__nav-toggle,
  .ww-header__mobile-action-buttons-container,
  .ww-account-dropdown__title {
    display: none !important;
  }
}
/* TOP BAR CONTENT */
.ww-header .ww-header__top {
  padding: 0;
}

.ww-header .ww-header__top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}

/* Logo */
.ww-header .ww-header__logo a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  padding: 0;
}
@media screen and (min-width: 800px) {
  .ww-header .ww-header__logo img {
    max-height: 50px;
    width: auto;
  }
}
@media screen and (max-width: 799px) {
  .ww-header .ww-header__logo img {
    max-height: 40px;
    width: auto;
  }
}

/* Search Form */
.ww-header__search-form input {
  background: white;
  color: var(--color-text) !important;
  border: solid transparent var(--line-thin) !important;
  border-radius: var(--radius-full) !important;
  padding: var(--space-1) var(--space-2) !important;
  margin: 0 !important;
  width: 20rem !important;
  transition: var(--transition-normal) !important;
}
.ww-header__search-form input::placeholder {
  color: var(--color-text-muted) !important;
  font-size: var(--font-size-sm) !important;
}
.ww-header__search-form input:focus {
  outline: solid var(--color-accent-1) var(--line-thin) !important;
  border-color: var(--color-accent-1) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent-1), transparent 80%) !important;
}

/* Menu Buttons */
.ww-header .ww-header__toggle-button {
  background: transparent !important;
  color: var(--color-text-on-dark-bg) !important;
  border: solid var(--color-border) var(--line-thin) !important;
  border-radius: var(--radius-md) !important;
  padding: 0 !important;
  min-width: 44px !important;
  height: 44px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.ww-header .ww-header__toggle-button.ww-account-toggle, .ww-header .ww-header__toggle-button.ww-auth-button {
  display: inline-flex !important;
  gap: var(--space-1);
}
@media screen and (min-width: 800px) {
  .ww-header .ww-header__toggle-button:hover {
    color: var(--color-accent-1) !important;
    border-color: var(--color-accent-1) !important;
    text-decoration: none;
  }
  .ww-header .ww-header__toggle-button.ww-account-toggle, .ww-header .ww-header__toggle-button.ww-auth-button {
    padding: var(--space-1) var(--space-2) !important;
  }
  .ww-header .ww-header__toggle-button {
    /* Logged Out Users */
  }
  .ww-header .ww-header__toggle-button.ww-auth-button {
    border: none !important;
  }
}
.ww-header .ww-header__toggle-button .ww-account-label {
  font-weight: 700;
}
.ww-header .ww-header__toggle-button .ww-auth-label {
  font-weight: 400;
}
.ww-header .ww-header__toggle-button .ww-header__icon {
  font-size: 1.5rem;
  line-height: 1;
}
.ww-header .ww-header__toggle-button svg {
  width: 22px !important;
  height: auto !important;
  fill: currentColor !important;
}
@media screen and (max-width: 799px) {
  .ww-header .ww-header__toggle-button .ww-account-label,
  .ww-header .ww-header__toggle-button .ww-auth-label {
    display: none !important;
  }
}
.ww-header .ww-header__toggle-button:hover {
  transform: none !important;
}
.ww-header .ww-header__toggle-button {
  /* Close Behavior */
}
.ww-header .ww-header__toggle-button .ww-icon--close {
  display: none;
}
.ww-header .ww-header__toggle-button[aria-expanded=true] .ww-header__icon, .ww-header .ww-header__toggle-button[aria-expanded=true] .ww-account-icon {
  display: none;
}
.ww-header .ww-header__toggle-button[aria-expanded=true] {
  background: color-mix(in srgb, var(--color-accent-1), black 33%) !important;
}
.ww-header .ww-header__toggle-button[aria-expanded=true] .ww-header__icon,
.ww-header .ww-header__toggle-button[aria-expanded=true] .ww-account-icon {
  display: none;
}
.ww-header .ww-header__toggle-button[aria-expanded=true] .ww-icon--close {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Account Menu */
.ww-header .ww-header__account,
.ww-header .ww-account-menu {
  position: relative;
}

.ww-header .ww-account-menu:hover .ww-account-dropdown {
  display: block !important;
  visibility: visible !important;
}

.ww-header .ww-account-menu .ww-account-dropdown {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 150px;
  background: var(--color-bg);
  border-radius: var(--radius-md);
  padding: 0;
  box-shadow: var(--shadow-md);
  z-index: calc(var(--z-dropdown) + 2);
  transition: var(--transition-normal);
}
.ww-header .ww-account-menu .ww-account-dropdown ul,
.ww-header .ww-account-menu .ww-account-dropdown ul > li {
  list-style-type: none;
  margin: 0;
}
.ww-header .ww-account-menu .ww-account-dropdown .ww-account-menu-list li > a {
  display: block;
  color: var(--color-text);
  padding: var(--space-2);
  border-bottom: solid var(--color-border) var(--line-thin);
  text-decoration: none;
  transition: var(--transition-normal);
}
.ww-header .ww-account-menu .ww-account-dropdown .ww-account-menu-list li > a:hover {
  background: color-mix(in srgb, var(--color-accent-1), white 70%);
  color: var(--color-text);
  text-decoration: none;
}
.ww-header .ww-account-menu .ww-account-dropdown .ww-account-menu-list li > a em {
  padding-right: var(--space-1);
  padding-bottom: 2px;
}
.ww-header .ww-account-menu .ww-account-dropdown .ww-account-menu-list li:first-of-type > a {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.ww-header .ww-account-menu .ww-account-dropdown .ww-account-menu-list li:last-of-type > a {
  border-bottom: none;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}

/* BOTTOM BAR CONTENT */
.ww-header .ww-header__bottom {
  display: block;
}

.ww-header .main-nav {
  position: relative;
  padding: 5px 0 0;
  width: 100%;
  z-index: var(--z-dropdown);
}

.ww-header .main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}

.ww-header .main-menu > .menu-item {
  margin-bottom: 0;
}

.ww-header .main-menu > .menu-item > a {
  color: var(--color-text-on-dark-bg);
  padding-block: var(--space-1);
  padding-inline: var(--space-1);
  text-decoration: none;
  border: solid transparent var(--line-thin);
  border-radius: var(--radius-md);
  letter-spacing: var(--letter-spacing-relaxed);
  font-weight: 400;
  transition: var(--transition-normal);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.ww-header .main-menu > .menu-item > a:hover,
.ww-header .menu-item.has-mega:has(.mega-menu:hover) > a {
  color: var(--color-accent-1);
  filter: none;
}

.ww-header .menu-item.has-mega {
  position: relative;
}

.ww-header .menu-item.has-mega > a {
  position: relative;
}

.ww-header .menu-item.has-mega:hover > a,
.ww-header .menu-item.has-mega:has(.mega-menu:hover) > a {
  background: var(--color-bg);
  border: solid var(--color-border) var(--line-thin);
  border-bottom: none;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  z-index: calc(var(--z-dropdown) + 1);
}

/* Buy Whisky arrow rotates when mega menu is open */
.ww-header .ww-buy-toggle .menu-arrow-down {
  display: inline-block;
  transition: transform var(--transition-normal);
}

.ww-header .ww-buy-toggle[aria-expanded=true] .menu-arrow-down {
  transform: rotate(180deg);
}

/* Mega Menu */
.ww-header .menu-item.has-mega:hover .mega-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

.ww-header .mega-menu {
  opacity: 0;
  visibility: hidden;
  background: var(--color-bg);
  color: var(--color-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: clamp(600px, 80%, 1000px);
  padding-block: var(--space-2);
  margin-top: -1px;
  border: solid transparent var(--line-thin);
  border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg);
  transition: opacity var(--transition-normal), visibility var(--transition-normal);
  box-shadow: var(--shadow-lg);
  box-sizing: border-box;
}

.ww-header .mega-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding-inline: var(--space-2);
}

.ww-header .mega-inner .mega-inner-content {
  font-size: var(--font-size-sm);
}

.ww-header .mega-inner-content a {
  color: var(--color-text);
  padding: 6px 0;
  margin: 0;
}

.ww-header .mega-inner-content a:hover {
  color: var(--color-accent-1);
}

/* Mega Menu > CTA Button */
.ww-header .cta-menu-bar a {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  font-size: 1.1rem;
  letter-spacing: var(--letter-spacing-relaxed);
  text-align: center;
  display: block;
  padding: var(--space-2) var(--space-2);
  margin-bottom: var(--space-2);
  border: solid var(--color-accent-2) var(--line-thin);
  border-radius: var(--radius-full);
  font-weight: bold;
  width: calc(100% - var(--space-2) * 2);
}

.ww-header .cta-menu-bar a:hover {
  background: var(--color-accent-1);
  border-color: var(--color-accent-1);
  text-decoration: none;
}

/* Mega Menu > Categories */
.ww-header .categories-container {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  padding-inline: var(--space-2);
}

.ww-header .category-section {
  width: clamp(150px, 25%, 300px);
}

.ww-header .category-section .category-title,
.ww-header .info-container .info-title {
  color: var(--color-text);
  font-weight: 600;
  margin-bottom: 5px;
}

.ww-header .category-section a {
  display: block;
}

.ww-header .category-section a.category-link {
  text-decoration: underline;
}

.ww-header .info-container {
  border-left: solid var(--color-border) var(--line-thin);
  padding-left: var(--space-3);
}

/* MOBILE STYLING */
@media screen and (max-width: 799px) {
  /* Hide on Mobile */
  .ww-header .ww-header__search {
    display: none;
  }
  .ww-header .ww-account-label,
  .ww-header .ww-auth-label {
    display: none;
  }
  /* Small Tweaks */
  .ww-header .ww-header__toggle-button {
    max-width: 44px;
    padding: 0 !important;
  }
  .ww-header .ww-header__logo .ww-logo__img {
    max-height: 40px;
    width: auto;
  }
  .ww-header .ww-header__account .ww-auth-button {
    box-sizing: border-box;
    padding-top: 5px !important;
  }
  /* MENU PANELS */
  .ww-header .ww-header__bottom,
  .ww-header .ww-account-menu .ww-account-dropdown {
    background: black;
    height: calc(100vh - 60px);
    overflow-y: auto;
    padding-block: 0;
    padding-inline: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform var(--transition-normal), opacity var(--transition-normal), visibility var(--transition-normal);
    box-sizing: border-box;
    z-index: 1950;
  }
  .ww-header .ww-header__bottom li.menu-item,
  .ww-header .ww-account-menu .ww-account-dropdown li.menu-item {
    border-bottom: solid color-mix(in srgb, var(--color-border), transparent 60%) 1px;
    margin: 0;
    width: 100%;
  }
  .ww-header .ww-header__bottom li.menu-item > a,
  .ww-header .ww-account-menu .ww-account-dropdown li.menu-item > a {
    display: block;
    padding-block: var(--space-2);
    padding-inline: var(--space-3);
    border-radius: 0;
    text-decoration: none !important;
    color: var(--color-text-on-dark-bg);
    font-size: var(--font-size-md);
  }
  .ww-header.is-nav-open .ww-header__bottom,
  .ww-header.is-account-open .ww-account-menu .ww-account-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }
  .ww-header .ww-account-menu .ww-account-dropdown {
    position: fixed;
    top: 60px;
    right: 0;
    width: 65vw;
    min-width: 200px;
    transform: translate(100%);
    border-radius: 0;
  }
  .ww-header .ww-account-menu .ww-account-dropdown .ww-account-dropdown__title {
    color: var(--color-text-on-dark-bg);
    font-weight: 700;
    font-size: var(--font-size-lg);
    display: block;
    text-align: center;
    padding: var(--space-2);
    border-bottom: solid color-mix(in srgb, var(--color-border), transparent 30%) var(--line-thin);
  }
  .ww-header .ww-account-menu .ww-account-dropdown li.menu-item > a {
    border-bottom: none;
  }
  .ww-header .ww-account-menu .ww-account-dropdown li.menu-item > a em {
    padding-right: var(--space-1);
    padding-bottom: 2px;
  }
  .ww-header .ww-header__bottom {
    position: fixed;
    top: 60px;
    left: 0;
    width: 80vw;
    max-width: 400px;
    transform: translateX(-100%);
  }
  .ww-header .ww-header__bottom .main-nav {
    padding: 0;
  }
  .ww-header .ww-header__bottom .main-menu {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 6rem;
  }
  .ww-header .ww-header__bottom .ww-header__mobile-action-buttons {
    display: flex;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-2);
  }
  .ww-header .ww-header__bottom .ww-header__mobile-action-buttons a {
    color: var(--color-text-on-dark-bg);
    width: calc((100% - var(--space-2)) / 2);
    text-align: center;
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-1);
    transition: var(--transition-normal);
  }
  .ww-header .ww-header__bottom .ww-header__mobile-action-buttons a:first-of-type {
    background: var(--color-accent-1);
  }
  .ww-header .ww-header__bottom .ww-header__mobile-action-buttons a:last-of-type {
    background: color-mix(in srgb, var(--color-accent-2), white 10%);
  }
  .ww-header .ww-header__bottom {
    /* Mega Menu */
  }
  .ww-header .ww-header__bottom .menu-item.has-mega:hover {
    background: black !important;
  }
  .ww-header .ww-header__bottom .menu-item.has-mega > a {
    display: flex !important;
    justify-content: space-between !important;
    background: black;
    border: none;
  }
  .ww-header .ww-header__bottom .menu-item.has-mega:hover .mega-menu {
    display: none;
  }
  .ww-header .ww-header__bottom .menu-item.has-mega.is-open .mega-menu,
  .ww-header .ww-header__bottom .menu-item.has-mega.is-open:hover .mega-menu {
    display: block;
  }
  .ww-header .ww-header__bottom .mega-menu {
    display: none;
    position: static;
    width: 100%;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    border: none;
    box-shadow: none;
    background: color-mix(in srgb, black, white 15%);
  }
  .ww-header .ww-header__bottom .mega-menu .cta-menu-bar {
    display: none !important;
  }
  .ww-header .ww-header__bottom .mega-menu .categories-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    max-width: calc(80vw - 2 * var(--space-2));
    padding-inline: var(--space-1) 0;
  }
  .ww-header .ww-header__bottom .mega-menu .categories-container .category-section {
    width: calc(50% - var(--space-1));
    min-width: 80px;
    max-width: 200px;
    padding-bottom: var(--space-2);
  }
  .ww-header .ww-header__bottom .mega-menu .categories-container p,
  .ww-header .ww-header__bottom .mega-menu .categories-container a {
    color: var(--color-text-on-dark-bg);
  }
  /* OVERLAYS */
  .ww-header .ww-header__nav-overlay,
  .ww-header .ww-header__account-overlay {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1900;
    pointer-events: auto;
  }
  .ww-header .ww-header__nav-overlay[hidden],
  .ww-header .ww-header__account-overlay[hidden] {
    display: none !important;
  }
  .ww-header .ww-header__nav-overlay:not([hidden]),
  .ww-header .ww-header__account-overlay:not([hidden]) {
    display: block;
  }
  /* Search item at top */
  .ww-header .ww-header__bottom .menu-item-search {
    display: block;
    border: none;
    padding-block: var(--space-2);
    margin: 0;
    background: transparent;
  }
  .ww-header .ww-header__mobile-search-top {
    padding-inline: var(--space-3);
  }
  .ww-header .ww-header__mobile-search-top input {
    margin: 0 !important;
    padding-inline: var(--space-2) !important;
    border-radius: var(--radius-full) !important;
    width: calc(80vw - 2 * var(--space-3)) !important;
  }
  body.ww-no-scroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
    left: 0;
    right: 0;
  }
  body.ww-no-scroll .ww-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}
/* =============================================================================
	HEADER MINIMAL
	============================================================================= */
.ww-header-minimal .ww-header__top-placeholder {
  display: none;
}

@media screen and (max-width: 799px) {
  .ww-header-minimal .ww-header__top-placeholder {
    display: block;
    width: 44px;
    height: 44px;
  }
}
/* ====== SECTION-HERO - Hero Section ====== */
.section-hero {
  height: 80vh;
  min-height: 400px;
  margin-block-start: 0 !important;
  --text-color: var(--color-text-on-dark-bg);
  --text-muted: rgba(255, 255, 255, 0.7);
  --button-text-color: var(--color-text-on-dark-bg);
}
.section-hero h1, .section-hero h2, .section-hero h3, .section-hero h4, .section-hero h5, .section-hero h6 {
  background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-end)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}
.section-hero > div {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
/* ====== RESPONSIVE CONTENT WIDTHS ====== */
/*
@media screen and (min-width: 1100px) {
	.ww-layout .section > .container{
		width: var(--container-width);
		max-width: var(--container-max-width);
		margin-inline: auto;
	}
}

@media screen and (max-width: 1100px) {
	.ww-layout .section > .container{
		width: var(--container-width);
		max-width: var(--container-max-width);
		margin-inline: auto;
	}
}

@media screen and (max-width: 850px) {
	.ww-layout .section > .container{
		width: var(--container-width);
		max-width: var(--container-max-width);
		margin-inline: auto;
	}
}

@media screen and (max-width: 600px) {
	.ww-layout .section > .container{
		width: var(--container-width);
		max-width: var(--container-max-width);
		margin-inline: auto;
	}
}

*/
.ww-sidebar {
  background-color: #fffaf2;
  border-radius: 6px;
  padding: 2rem;
}

.ww-sidebar__section {
  margin-bottom: 2rem;
}
.ww-sidebar__section:last-child {
  margin-bottom: 0;
}

.ww-sidebar__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #0d0d0d;
}

.ww-sidebar__item {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 3px;
  transition: all 250ms ease;
}
.ww-sidebar__item:hover {
  background-color: #e1e1e1;
}

.ww-header-magazine {
  background: var(--color-bg);
  border-bottom: solid var(--color-border) var(--line-thin);
  position: sticky;
  top: 0;
  z-index: 2000;
  padding-block: var(--space-2);
  transition: transform var(--transition-normal), opacity var(--transition-normal);
}

.ww-header-magazine.is-scroll-hidden {
  transform: translateY(-100%);
}

@media screen and (min-width: 800px) {
  .ww-header-magazine .ww-header__nav-toggle {
    display: none !important;
  }
}
.ww-header-magazine .ww-header__toggle-button {
  background: transparent;
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  min-width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-text);
  transition: var(--transition-fast);
}
.ww-header-magazine .ww-header__toggle-button svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  display: block;
}
.ww-header-magazine .ww-header__toggle-button .ww-icon--close {
  display: none;
}
.ww-header-magazine .ww-header__toggle-button[aria-expanded=true] .ww-header__icon {
  display: none;
}
.ww-header-magazine .ww-header__toggle-button[aria-expanded=true] .ww-icon--close {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ww-header-magazine .ww-header__top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ww-header-magazine .ww-header__logo {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.ww-header-magazine .ww-header__logo img {
  max-height: 40px;
  width: auto;
}
.ww-header-magazine .ww-header__logo .ww-logo__img--favicon {
  display: none;
}
@media screen and (max-width: 799px) {
  .ww-header-magazine .ww-header__logo .ww-logo__img--full {
    display: none;
  }
  .ww-header-magazine .ww-header__logo .ww-logo__img--favicon {
    display: block;
    width: 40px;
    height: 40px;
  }
}
.ww-header-magazine .ww-header__logo .ww-logo__magazine-link {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-text);
  text-decoration: none;
  border-inline-start: solid var(--color-border) var(--line-thin);
  padding: var(--space-2);
  margin-bottom: 5px;
  transition: color var(--transition-normal);
}
.ww-header-magazine .ww-header__logo .ww-logo__magazine-link:hover {
  color: var(--color-accent-1);
}

.ww-header-magazine .ww-header__marketplace-link .ww-marketplace-link {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-3);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--transition-normal);
}
.ww-header-magazine .ww-header__marketplace-link .ww-marketplace-link:hover {
  color: var(--color-text);
  border-color: var(--color-text);
}
@media screen and (max-width: 799px) {
  .ww-header-magazine .ww-header__marketplace-link .ww-marketplace-link {
    display: none;
  }
}

.ww-header-magazine .ww-header__bottom {
  display: block;
}

.ww-header-magazine .ww-magazine-nav {
  padding-block: var(--space-1) 0;
}

.ww-header-magazine .ww-magazine-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.ww-header-magazine .ww-magazine-menu .menu-item {
  margin: 0;
}
@media screen and (min-width: 800px) {
  .ww-header-magazine .ww-magazine-menu--static {
    display: none;
  }
}
.ww-header-magazine .ww-magazine-menu > .menu-item > a {
  display: inline-block;
  color: var(--color-text);
  padding-block: var(--space-1);
  text-decoration: none;
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-md);
  letter-spacing: 1px;
  transition: var(--transition-normal);
}
.ww-header-magazine .ww-magazine-menu > .menu-item > a:hover {
  color: var(--color-accent-1);
}
.ww-header-magazine .ww-magazine-menu > .current-menu-item > a {
  font-weight: 700;
  color: var(--color-accent-1);
}
.ww-header-magazine .ww-magazine-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: var(--color-bg);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: var(--z-dropdown);
  transition: var(--transition-normal);
}
.ww-header-magazine .ww-magazine-menu .sub-menu > .menu-item > a {
  display: block;
  padding: var(--space-2) var(--space-3);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: solid var(--color-border) var(--line-thin);
  transition: var(--transition-normal);
}
.ww-header-magazine .ww-magazine-menu .sub-menu > .menu-item > a:hover {
  background: color-mix(in srgb, var(--color-accent-1), transparent 90%);
}
.ww-header-magazine .ww-magazine-menu .sub-menu > .menu-item:last-child > a {
  border-bottom: none;
}
.ww-header-magazine .ww-magazine-menu > .menu-item {
  position: relative;
}
.ww-header-magazine .ww-magazine-menu > .menu-item:hover > .sub-menu {
  display: block;
}

.ww-header-magazine .ww-header__nav-overlay {
  display: none;
  position: fixed;
  top: 84px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1900;
  pointer-events: auto;
}
.ww-header-magazine .ww-header__nav-overlay:not([hidden]) {
  display: block;
}

.ww-header-magazine .ww-submenu-toggle {
  display: none;
}

@media screen and (max-width: 799px) {
  .ww-header-magazine .ww-header__bottom {
    background: var(--color-bg);
    height: calc(100vh - 60px);
    overflow-y: auto;
    position: fixed;
    top: 85px;
    left: 0;
    width: 80vw;
    max-width: 400px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform var(--transition-normal), opacity var(--transition-normal), visibility var(--transition-normal);
    z-index: 1950;
    box-sizing: border-box;
  }
  .ww-header-magazine.is-nav-open .ww-header__bottom {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }
  .ww-header-magazine .ww-magazine-menu--static {
    border-top: 1px solid color-mix(in srgb, var(--color-border), transparent 40%);
    padding-top: var(--space-2);
  }
  .ww-header-magazine .ww-magazine-menu {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding-bottom: var(--space-2);
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-right: var(--space-2);
    border-bottom: solid color-mix(in srgb, var(--color-border), transparent 60%) 1px;
    margin: 0;
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item > a {
    flex: 1;
    display: block;
    border: none;
    border-radius: 0;
    padding-block: var(--space-2);
    padding-inline: var(--space-3);
    font-size: var(--font-size-md);
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item:hover > .sub-menu {
    display: none;
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item.is-open > .sub-menu {
    display: block;
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item > .sub-menu {
    flex-basis: 100%;
    position: static;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-top: solid color-mix(in srgb, var(--color-border), transparent 60%) 1px;
    display: none;
  }
  .ww-header-magazine .ww-magazine-menu > .menu-item > .sub-menu > .menu-item > a {
    padding-inline-start: var(--space-6);
    font-size: var(--font-size-sm);
  }
  .ww-header-magazine .ww-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-text);
    box-shadow: none;
  }
  .ww-header-magazine .ww-chevron {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid var(--color-text-muted);
    border-bottom: 1px solid var(--color-text-muted);
    transform: rotate(45deg);
    transition: transform var(--transition-fast);
    margin-bottom: 3px;
    aspect-ratio: 1/1;
  }
  .ww-header-magazine .ww-submenu-toggle[aria-expanded=true] .ww-chevron {
    transform: rotate(225deg);
    margin-bottom: -3px;
  }
}
/* OLD STYLE IS BELOW - REMOVE AFTER FINISHING NEW */
body.magazineStyle header,
body.magazineStyle header .magazineHeader {
  background: var(--color-bg) !important;
}

body.magazineStyle header .magazineHeader .magazine-header-button a {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border: solid var(--color-border) 1px !important;
  border-radius: var(--radius-md) !important;
  padding: var(--space-2) var(--space-4) !important;
}

body.magazineStyle header .magazineHeader .magazine-header-button a:hover {
  color: var(--color-text) !important;
  border-color: var(--color-text) !important;
}

@media screen and (max-width: 800px) {
  body.magazineStyle header .magazineHeader .magazine-header-button a {
    padding-block: var(--space-1) !important;
  }
}
body.magazineStyle .magazine-archive-button a {
  background: transparent !important;
  color: var(--color-accent-2) !important;
  text-transform: uppercase !important;
  border: solid var(--color-accent-2) 1px !important;
  border-radius: var(--radius-full) !important;
  padding: var(--space-2) var(--space-4) !important;
}

body.magazineStyle .magazine-archive-button a:hover {
  color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
}

body.magazineStyle header .module-search-form input {
  font-size: 0.9em;
  border-color: var(--color-border);
  border-radius: var(--radius-md);
}

.ww-layout.magazine-homepage,
.ww-layout.magazine-archive,
.ww-layout.magazine-topics {
  background: var(--color-bg);
  margin-block: var(--space-4) var(--space-8);
}

.ww-layout.magazine-single {
  background: var(--color-bg);
  margin-block: 0 var(--space-8);
}

.magazine-homepage__welcome .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: start;
}
.magazine-homepage__welcome .container .magazine-homepage__welcome-intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.magazine-homepage__welcome .container .magazine-homepage__welcome-ctas {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-start;
}
.magazine-homepage__welcome-title {
  line-height: var(--line-height-tight);
  color: var(--color-accent-1);
  margin: 0;
}
.magazine-homepage__welcome-description {
  line-height: var(--line-height-relaxed);
  color: var(--color-text-muted);
  margin: 0;
}
.magazine-homepage__section-title {
  color: var(--color-accent-1);
  margin: 0 0 var(--space-4);
}
.magazine-homepage__section-cta {
  display: flex;
  justify-content: center;
  margin-top: var(--space-4);
}
.magazine-homepage__text {
  margin-block: var(--space-6);
}
.magazine-homepage__text > .container {
  border-top: solid var(--color-border) var(--line-thin);
  padding-block-start: var(--space-6);
}
.magazine-homepage__text h2 {
  text-align: center;
}
.magazine-homepage__text h3 {
  color: var(--color-accent-1);
  margin: 0 0 var(--space-2);
}
.magazine-homepage__text p {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-muted);
  margin: 0;
}

.magazine-archive__header {
  padding-block-end: var(--space-4);
  border-bottom: var(--line-thin) solid var(--color-border);
  margin-block-end: var(--space-6);
}
.magazine-archive__title {
  margin: var(--space-2) 0 0;
}
.magazine-archive__description {
  color: var(--color-text-muted);
  margin-top: var(--space-2);
}
.magazine-archive__description p {
  margin: 0;
}
.magazine-archive__count {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin: var(--space-1) 0 0;
}
.magazine-archive__grid {
  margin-block-end: var(--space-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 600px) {
  .magazine-archive__grid {
    grid-template-columns: 1fr;
  }
}
.magazine-archive__pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--space-6);
}
.magazine-archive__pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}
.magazine-archive__pagination .page-numbers li a,
.magazine-archive__pagination .page-numbers li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding-inline: var(--space-2);
  border-radius: var(--radius-sm);
  border: var(--line-thin) solid var(--color-border);
  font-size: var(--font-size-sm);
  color: var(--color-text);
  text-decoration: none;
  transition: var(--transition-fast);
}
.magazine-archive__pagination .page-numbers li a:hover,
.magazine-archive__pagination .page-numbers li span:hover {
  border-color: var(--color-accent-1);
  color: var(--color-accent-1);
}
.magazine-archive__pagination .page-numbers li .current {
  background: var(--color-accent-1);
  color: var(--color-bg);
  border-color: var(--color-accent-1);
}
.magazine-archive__empty {
  text-align: center;
  color: var(--color-text-muted);
  padding: var(--space-8) 0;
}

.post-hero__image {
  margin: 0;
  margin-bottom: var(--space-2);
}
.post-hero__image img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}
.post-hero__content {
  padding-block: var(--space-4);
}
.post-hero__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-block-end: var(--space-2);
}
.post-hero__category-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-relaxed);
  color: var(--color-accent-1);
  text-decoration: none;
  background: var(--color-surface);
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
}
.post-hero__category-label:hover {
  background: var(--color-accent-1);
  color: var(--color-bg);
}
.post-hero__title {
  line-height: var(--line-height-tight);
  color: var(--color-accent-1);
  margin: var(--space-2) 0;
}
.post-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  padding-top: var(--space-2);
  border-top: var(--line-thin) solid var(--color-border);
}

.post-content__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
  margin-top: var(--space-6);
  padding-top: var(--space-3);
  border-top: var(--line-thin) solid var(--color-border);
}
.post-content__tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-content__tags-label {
  font-size: var(--font-size-sm);
  font-weight: bold;
  color: var(--color-text-muted);
}
.post-content__tag {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  text-decoration: none;
  background: var(--color-surface);
  padding: 2px var(--space-2);
  border-radius: var(--radius-sm);
}
.post-content__tag:hover {
  color: var(--color-accent-1);
}
.post-content img {
  border-radius: var(--radius-lg);
}

.post-sidebar__related {
  margin-block-end: var(--space-6);
}
.post-sidebar__categories {
  margin-block-end: var(--space-6);
}
.post-sidebar__heading {
  font-weight: bold;
  color: var(--color-accent-1);
}
.post-sidebar__related-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.post-sidebar__category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.post-sidebar__category-link {
  color: var(--color-text);
  text-decoration: none;
  font-size: var(--font-size-sm);
}
.post-sidebar__category-link:hover {
  color: var(--color-accent-1);
}
.post-sidebar__category-count {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}
.post-sidebar__nav {
  margin-bottom: var(--space-6);
}
.post-sidebar__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.post-sidebar__nav-list a {
  text-align: center;
}
.magazine-topics__header {
  padding-block-end: var(--space-4);
  border-bottom: var(--line-thin) solid var(--color-border);
  margin-block-end: var(--space-6);
}
.magazine-topics__title {
  margin: 0;
  color: var(--color-accent-1);
}
.magazine-topics__section {
  margin-block-end: var(--space-8);
}
.magazine-topics__section-title {
  font-size: var(--font-size-xl);
  color: var(--color-accent-1);
  margin: 0 0 var(--space-4);
  padding-bottom: var(--space-2);
  border-bottom: var(--line-thin) solid var(--color-border);
}
.magazine-topics__empty {
  text-align: center;
  color: var(--color-text-muted);
  padding: var(--space-8) 0;
}

/* OLD STYLE BELOW - WILL BE REMOVED AFTER NEW STYLES ARE IMPLEMENTED */
/* ====== MAGAZINE TYPOGRAPHY ====== */
body.magazineStyle {
  background: var(--color-bg) !important;
}

body.magazineStyle p {
  color: var(--color-text);
  font-size: var(--font-size-md) !important;
}

body.magazineStyle h1,
body.magazineStyle h2,
body.magazineStyle h3,
body.magazineStyle h4,
body.magazineStyle h5,
body.magazineStyle h6,
body.magazineStyle h1 a,
body.magazineStyle h2 a,
body.magazineStyle h3 a,
body.magazineStyle h4 a,
body.magazineStyle h5 a,
body.magazineStyle h6 a {
  line-height: 1.25;
  color: var(--color-accent-1) !important;
  text-decoration: none !important;
}

body.magazineStyle h1 a,
body.magazineStyle h2 a,
body.magazineStyle h3 a,
body.magazineStyle h4 a,
body.magazineStyle h5 a,
body.magazineStyle h6 a {
  display: inline;
  border-block-end: solid var(--color-accent-1) 2px;
  transition: var(--transition-normal);
}

body.magazineStyle .magazine-sub-heading {
  font-style: italic;
  display: block !important;
  border-block-end: none !important;
  margin-block-end: 20px !important;
}

body.magazineStyle h1 a:hover,
body.magazineStyle h2 a:hover,
body.magazineStyle h3 a:hover,
body.magazineStyle h4 a:hover,
body.magazineStyle h5 a:hover,
body.magazineStyle h6 a:hover,
body.magazineStyle article:hover h2 a,
body.magazineStyle article:hover h3 a,
body.magazineStyle article:hover h4 a,
body.magazineStyle article:hover h5 a,
body.magazineStyle article:hover h6 a {
  color: var(--color-accent-2) !important;
  border-block-end-color: var(--color-accent-2) !important;
}

/* ====== MAGAZINE ARTICLE PREVIEW ====== */
body.magazineStyle .magazine-featured-image-hero img {
  border-radius: var(--radius-lg);
}

body.magazineStyle .magazine-featured-image img {
  border-radius: var(--radius-lg);
}

body.magazineStyle .magazine-info-section {
  background: var(--color-bg);
  padding: 20px 5%;
  border-radius: 0 var(--radius-lg) 0 0;
  margin-block-start: -50px;
  width: 80%;
}

body.magazineStyle .magazine-info-section-small {
  background: var(--color-bg);
  padding: 10px;
  border-radius: 0 var(--radius-md) 0 0;
  margin-block-start: -30px;
  width: 80%;
}

@media screen and (max-width: 800px) {
  body.magazineStyle .magazine-info-section,
  body.magazineStyle .magazine-info-section-small {
    padding: var(--space-2) !important;
    border-radius: 0 !important;
    margin-block-start: 0 !important;
    width: 100% !important;
  }
}
/* ====== MAGAZINE CONTENT STYLES ====== */
body.magazineStyle figure.wp-block-table,
body.magazineStyle table {
  color: var(--color-border);
}

body.magazineStyle table td {
  color: var(--color-text);
}

/* ====== MAGAZINE TAXONOMY ====== */
body.magazineStyle .magazine-taxonomy {
  text-transform: uppercase;
  margin: 5px 0 10px;
}

body.magazineStyle .magazine-taxonomy a {
  color: var(--mag-secondary);
  transition: var(--transition-normal);
}

body.magazineStyle .magazine-taxonomy a:hover {
  color: var(--mag-secondary-hover);
  text-decoration: underline;
}

/* ====== MAGAZINE ARTICLE CARD ====== */
body.magazineStyle .magazine-title a,
body.magazineStyle .magazine-title h3 {
  color: var(--color-text) !important;
  text-decoration: none;
}

body.magazineStyle .magazine-excerpt {
  color: var(--color-text) !important;
  font-size: 1.05em;
  margin-block-start: 20px;
}

body.magazineStyle .magazine-details {
  color: var(--mag-on-background) !important;
}

body.magazineStyle .magazine-published-date {
  font-size: 0.8em;
}

body.magazineStyle .magazine-reading-time {
  font-size: 0.8em;
}

body.magazineStyle .magazine-author {
  font-size: 0.95em;
  margin-block-start: 15px;
}

body.magazineStyle .magazine-keep-reading {
  margin-block: 10px;
}

body.magazineStyle .magazine-keep-reading a {
  font-style: italic !important;
  font-size: 1.15em !important;
  color: var(--mag-secondary);
  text-decoration: none !important;
}

body.magazineStyle .magazine-keep-reading a:hover {
  color: var(--mag-primary);
}

/* ====== MAGAZINE POPULAR TOPICS ====== */
body.magazineStyle .magazine-popular-topics .module_subrow > .module_column {
  margin-block-end: 20px !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column > .module-icon {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  margin-block-end: 5px;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column > .module-icon em {
  color: var(--color-accent-1);
  font-size: 4em;
  padding: 0.7em;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column .module-icon-item,
body.magazineStyle .magazine-popular-topics .module_subrow > .module_column .module-icon-item a {
  width: 100% !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column h4 {
  font-size: 1em;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column h4 a {
  text-transform: uppercase;
  letter-spacing: 2px;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column:hover a {
  border-block-end-color: var(--color-accent-1) !important;
}

body.magazineStyle .magazine-popular-topics .module_subrow > .module_column:hover em {
  color: var(--color-accent-1) !important;
}

/* ====== MAGAZINE SINGLE ARTICLE ====== */
body.magazineStyle .magazine-single-breadcrumb {
  text-transform: uppercase;
  padding: 0 10px;
  border-inline-start: solid var(--mag-secondary) 1px;
}

body.magazineStyle .magazine-single-breadcrumb:first-of-type {
  padding-inline-start: 0;
  border-inline-start: none;
}

body.magazineStyle .magazine-single-breadcrumb p {
  margin-block-end: 0;
}

body.magazineStyle .magazine-single-breadcrumb div {
  color: var(--mag-muted) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.magazineStyle .magazine-single-breadcrumb a {
  color: var(--color-accent-2);
  text-decoration: none !important;
}

body.magazineStyle .magazine-single-breadcrumb a:hover,
body.magazineStyle .magazine-single-breadcrumb span {
  color: var(--mag-secondary);
}

body.magazineStyle .module-post-content h2,
body.magazineStyle .module-post-content h3,
body.magazineStyle .module-post-content h4,
body.magazineStyle .module-post-content h5,
body.magazineStyle .module-post-content h6 {
  margin-block-start: 50px;
  font-weight: 400;
  line-height: 1.25;
}

body.magazineStyle .module-post-content img {
  border-radius: var(--corner-rounded-large);
}

.ww-footer-magazine {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
}

.ww-footer-magazine .ww-footer__nav-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  padding-block: var(--space-6);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-block: var(--space-4);
}
@media (max-width: 600px) {
  .ww-footer-magazine .ww-footer__nav-columns {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
}

.ww-footer-magazine .ww-footer__nav-heading {
  font-size: var(--font-size-md);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-relaxed);
  color: var(--color-text-on-dark-bg) !important;
  margin: 0 0 var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.ww-footer-magazine .ww-footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.ww-footer-magazine .ww-footer__nav-list a {
  color: var(--color-text-on-dark-bg);
  font-size: var(--font-size-md);
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--transition-fast);
}
.ww-footer-magazine .ww-footer__nav-list a:hover {
  text-decoration: underline;
}

.ww-footer-magazine .ww-footer__subrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-2);
}
@media (max-width: 600px) {
  .ww-footer-magazine .ww-footer__subrow {
    justify-content: center;
  }
}
.ww-footer-magazine .ww-footer__subrow .ww-footer__list--subrow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ww-footer-magazine .ww-footer__subrow .ww-footer__list--subrow li {
  margin-bottom: 0;
}
.ww-footer-magazine .ww-footer__subrow .ww-footer__list--subrow a {
  color: var(--color-text-on-dark-bg);
  font-size: var(--font-size-sm);
}
.ww-footer-magazine .ww-footer__subrow .ww-footer__list--subrow a:hover {
  color: var(--color-text-on-dark-bg);
  text-decoration: underline;
}
@media (max-width: 600px) {
  .ww-footer-magazine .ww-footer__subrow .ww-footer__list--subrow {
    justify-content: center;
    gap: var(--space-2);
  }
}

.ww-footer-magazine .ww-footer__subrow-section {
  flex: 1 1 auto;
}
.ww-footer-magazine .ww-footer__subrow-section--legal {
  text-align: left;
}
.ww-footer-magazine .ww-footer__subrow-section--social {
  text-align: right;
}

.ww-footer-magazine .ww-footer__social-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
}
.ww-footer-magazine .ww-footer__social-list li {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .ww-footer-magazine .ww-footer__social-list {
    justify-content: center;
  }
}

.ww-footer-magazine .ww-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  background-color: transparent;
  color: var(--color-text-on-dark-bg);
  transition: var(--transition-fast);
}
.ww-footer-magazine .ww-footer__social-link:hover {
  background-color: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
}
.ww-footer-magazine .ww-footer__social-link .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.ww-footer-magazine .ww-footer__social-link--linkedin:hover {
  background-color: #0077b5;
}
.ww-footer-magazine .ww-footer__social-link--facebook:hover {
  background-color: #1877f2;
}
.ww-footer-magazine .ww-footer__social-link--instagram:hover {
  background-color: #e4405f;
}
.ww-footer-magazine .ww-footer__social-link--youtube:hover {
  background-color: #ff0000;
}
.ww-footer-magazine .ww-footer__social-link--pinterest:hover {
  background-color: #bd081c;
}

.ww-footer-magazine .ww-footer__social-icon {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

/* OLD STYLE THAT WILL BE REMOVED */
body.magazineStyle > div > footer,
body.magazineStyle > div > footer .magazineFooter {
  background: var(--color-accent-2) !important;
}

body.magazineStyle > div > footer .magazineFooter h4,
body.magazineStyle > div > footer .magazineFooter a {
  color: var(--color-text-on-dark-bg) !important;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block !important;
  transition: var(--transition-fast) !important;
}

body.magazineStyle > div > footer .magazineFooter h4 {
  padding-block-end: 1em;
  border-block-end: solid rgba(255, 255, 255, 0.4) 1px;
  margin-block-end: 1em;
}

/* ====== 1. GENERAL ====== */
.account-section {
  max-width: 900px;
}
.account-section .account-group-grid {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: var(--space-4);
}
@media (max-width: 1100px) {
  .account-section .account-group-grid {
    grid-template-columns: 1fr;
  }
}
.account-section .account-group-grid .account-group__left,
.account-section .account-group-grid .account-group__right {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.account-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-block-end: var(--space-4);
}

.account-section__title {
  margin: 0;
}

.account-section__intro {
  margin-block-start: -var(--space-2);
  margin-block-end: var(--space-4);
  color: var(--color-text-muted, #666);
}

.account-section__content {
  margin-block-start: var(--space-4);
}

.account-section__empty {
  padding: 40px 0;
  color: var(--color-text-muted, #666);
}
.account-section__empty a {
  text-decoration: underline;
}

.account-section__create-link {
  flex-shrink: 0;
}

.account-section__back-link {
  font-size: 0.9rem;
  text-decoration: none;
  color: var(--color-text-muted, #666);
}
.account-section__back-link:hover {
  color: var(--color-accent-1);
}

.account-section__form {
  max-width: 640px;
}

.account-subsection {
  margin-block-end: 48px;
}

.account-subsection__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-block-end: 16px;
  padding-block-end: 8px;
  border-block-end: var(--line-thin) solid var(--color-border);
}

.account-alert {
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin-block-end: 24px;
}
.account-alert p {
  margin: 0;
}
.account-alert a {
  text-decoration: underline;
  font-weight: 600;
}

.account-alert--warning {
  background-color: var(--color-warning-bg, #fff8e1);
  border: var(--line-thin) solid var(--color-warning, #f0b429);
  color: var(--color-warning-text, #7a5200);
}

/* ====== 2. DASHBOARD ====== */
.account-nav-cards__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
}
@media (max-width: 640px) {
  .account-nav-cards__list {
    grid-template-columns: 1fr;
  }
}

.account-nav-cards__link {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-2);
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: var(--color-text);
  transition: var(--transition-normal);
}
.account-nav-cards__link:hover {
  border-color: var(--color-accent-1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.account-nav-cards__label {
  font-weight: 600;
  font-size: 1rem;
}

.account-nav-cards__description {
  font-size: 0.875rem;
  color: var(--color-text-muted, #666);
}

/* ====== 3. LISTINGS ====== */
.account-listings__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* ====== 3b. LISTINGS PAGINATION ====== */
.ww-pagination {
  margin-block-start: var(--space-6);
  display: flex;
  justify-content: center;
}
.ww-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ww-pagination .page-numbers li a,
.ww-pagination .page-numbers li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding-inline: 10px;
  border-radius: var(--radius-sm);
  font-size: 0.9rem;
  text-decoration: none;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: var(--transition-fast);
}
.ww-pagination .page-numbers li a:hover,
.ww-pagination .page-numbers li span:hover {
  border-color: var(--color-accent-1);
}
.ww-pagination .page-numbers li .current {
  background-color: var(--color-primary, #333);
  color: var(--color-text-on-dark-bg, #fff);
  border-color: transparent;
}

/* ====== 4. NEGOTIATIONS ====== */
/* ====== 5. ORDERS ====== */
/* ====== 6. HISTORY ====== */
/* ====== 7. EARNINGS ====== */
/* ====== 8. PROFILE ====== */
.profile-group--danger {
  border-color: var(--color-danger, #e53e3e);
  margin-top: var(--space-3);
}
.profile-group p {
  margin-bottom: 5px;
  font-size: var(--font-size-sm);
}

.profile-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-block-end: 5px;
}

.profile-group__content {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-2);
}

.profile-group__title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.profile-group__edit-link {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--color-accent-1);
  flex-shrink: 0;
}
.profile-group__edit-link:hover {
  text-decoration: underline;
}
.profile-group__edit-link--danger {
  color: var(--color-danger, #e53e3e) !important;
  margin-block: var(--space-2);
}

.profile-group__data dt {
  font-size: var(--font-size-sm);
  font-weight: 600;
}
.profile-group__data dd {
  font-size: var(--font-size-sm);
  margin: 0;
}
.profile-group__data--stack {
  display: block;
}
.profile-group__data--row {
  display: grid;
  gap: var(--space-1);
  grid-template-columns: 90px 1fr;
}
.profile-group__data--row-tight {
  display: grid;
  gap: 0 var(--space-1);
  grid-template-columns: max-content 1fr;
}
.profile-group__data--row-tight dt {
  font-weight: normal;
}

.profile-group__content {
  font-size: var(--font-size-sm);
}
.profile-group__content .profile-basic-verification-status {
  font-weight: bold;
}
.profile-group__content .profile-basic-verification-status.completed {
  color: var(--color-success, #28a745);
}
.profile-group__content #stripe-account-management-link a {
  display: inline-block;
  color: var(--color-accent-2);
  border: solid var(--color-accent-2) var(--line-thin);
  border-radius: var(--radius-sm);
  padding: var(--space-1) var(--space-3);
  margin-block: var(--space-1);
}

.profile-group__note {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted, #666);
  margin-block-start: 8px;
}

.profile-group__empty {
  color: var(--color-text-muted, #999);
  font-style: italic;
}

/* ====== 9. PROFILE EDIT ====== */
/* ====== 10. LOGOUT ====== */
.account-logout__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  padding-block: var(--space-6);
  margin-block: var(--space-4);
  border: dotted var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  max-width: 400px;
  transition: var(--transition-normal);
}
.account-logout__actions:hover {
  background: var(--color-surface);
  border-color: var(--color-accent-1, #28a745);
  border-style: solid;
}
.account-logout__actions:hover:has(a:hover) {
  border-color: var(--color-success, #28a745);
}
.account-logout__actions:hover a {
  color: var(--color-text-on-dark-bg) !important;
  transition: var(--transition-normal);
}
.account-logout__actions:hover a:hover {
  background: var(--color-success);
  border-color: var(--color-success);
}

/* ====== 11. USER QUERY ROWS (account-list-row) ====== */
.account-list-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  background: var(--color-surface, #fff);
}
.account-list-row:hover {
  border-color: var(--color-accent-1);
}
.account-list-row__thumbnail {
  flex-shrink: 0;
  width: 100px;
  height: 120px;
}
.account-list-row__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.account-list-row__thumbnail-placeholder {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  background-color: var(--color-surface-alt, #f0f0f0);
}

.account-list-row__meta {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.account-list-row__id-status {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.account-list-row__id {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted, #888);
}

.account-list-row__status-badge {
  display: inline-block;
  font-size: var(--font-size-xs);
  font-weight: 700;
  border-radius: var(--radius-sm);
  text-transform: capitalize;
}
.account-list-row__status-badge--available {
  color: var(--color-success, #28a745);
}
.account-list-row__status-badge--reserved {
  color: var(--color-warning, #d4a516);
}
.account-list-row__status-badge--expiring-soon {
  color: var(--color-danger, #d9534f);
}
.account-list-row__status-badge--sold {
  color: var(--color-success, #28a745);
}
.account-list-row__status-badge--under-consideration {
  background: #e8f0fe;
  color: #1a56a0;
}
.account-list-row__status-badge--accepted-by-seller {
  background: #e6f4ea;
  color: #1e6e34;
}
.account-list-row__status-badge--accepted {
  background: #e6f4ea;
  color: #1e6e34;
}
.account-list-row__status-badge--countered {
  background: #fff3cd;
  color: #856404;
}
.account-list-row__status-badge--rejected {
  background: #fde8e8;
  color: #9b1c1c;
}
.account-list-row__status-badge--expired {
  background: #f0f0f0;
  color: #888;
}
.account-list-row__status-badge--pending-payment {
  background: #fff3cd;
  color: #856404;
}
.account-list-row__status-badge--payment-completed {
  background: #e8f0fe;
  color: #1a56a0;
}
.account-list-row__status-badge--shipped {
  background: #e8f0fe;
  color: #1a56a0;
}
.account-list-row__status-badge--delivered {
  background: #e6f4ea;
  color: #1e6e34;
}
.account-list-row__status-badge--cancelled {
  background: #f0f0f0;
  color: #888;
}
.account-list-row__status-badge--refunded {
  background: #f0f0f0;
  color: #888;
}
.account-list-row__status-badge--disputed {
  background: #fde8e8;
  color: #9b1c1c;
}

.account-list-row__name {
  font-weight: 600;
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-list-row__pricing {
  font-size: 0.875rem;
  margin-block-start: 2px;
}

.account-list-row__price-label {
  color: var(--color-text-muted, #888);
}

.account-list-row__price--none {
  color: var(--color-text-muted, #aaa);
  font-style: italic;
  font-weight: normal;
}

.account-list-row__expiry {
  font-size: 0.8rem;
  margin-block-start: 2px;
}

.account-list-row__expiry-label {
  color: var(--color-text-muted, #888);
}

.account-list-row__expiry-date {
  font-weight: 600;
}

.account-list-row__actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.account-list-row__warning {
  font-size: 0.75rem;
  font-weight: 600;
  border: var(--line-thin) solid var(--color-danger, #d9534f);
  border-radius: var(--radius-sm);
  padding: 3px 8px;
  white-space: nowrap;
}

.account-list-row__action-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  width: max-content;
}

.account-list-row__actions a {
  display: block;
  width: 100%;
  text-align: center;
}
.account-list-row--listing .account-list-row__action-btn--view,
.account-list-row--offers .account-list-row__action-btn--respond,
.account-list-row--orders .account-list-row__action-btn--view-order {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-2) !important;
}

@media (max-width: 560px) {
  .account-list-row {
    flex-wrap: wrap;
  }
  .account-list-row__actions {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
  }
}
/* BELOW IS OLD AND WILL BE PHASED OUT */
/* ====== LOGIN / REGISTRATION / ACTIVATION ====== */
.activation-main img {
  text-align: center !important;
  padding: 50px 0 40px;
  margin: 50px 0 40px;
  display: inline-block !important;
}

.activation-body {
  height: 100vh;
}

.activation-main {
  text-align: center;
}

.activation-content {
  text-align: left;
  width: 27%;
  margin: auto;
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 50px;
}

.activation-content h2 {
  margin-block-start: 0;
}

.activation-content p {
  margin-block-start: 0;
}

.activation-content form input {
  border-radius: var(--radius-md);
  border-color: var(--color-border);
  width: 100%;
}

.activation-content form input:hover,
.activation-content form input:focus {
  border-color: var(--color-accent-1);
}

.activation-content form input[type=submit] {
  text-transform: capitalize;
  background: var(--color-accent-1);
  font-weight: bold;
  letter-spacing: 2px;
  width: 100%;
  transform: none;
  box-shadow: none;
  transition: var(--transition-normal);
  padding: 1em 3em;
}

.activation-content form input[type=submit]:hover,
.activation-content form input[type=submit]:focus {
  background: var(--color-accent-5);
}

/* ====== ACCOUNT PAGE - Main Layout ====== */
.account-page h1 {
  margin-block-end: 40px;
}

.account-info-label p,
.account-info-input p {
  font-size: 0.9em;
  margin-block-end: 5px;
}

.account-info-label p {
  font-weight: bold;
}

.account-info-input p {
  color: black;
}

.account-page .form-description p a:hover {
  font-style: italic !important;
}

@media screen and (max-width: 800px) {
  .account-page .row_inner.tb_col_count_2 {
    display: flex;
    flex-direction: column;
  }
  .account-side-menu-column > div {
    overflow-x: scroll;
    margin-block-end: 20px;
  }
  .account-side-menu-column > div > div {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding-block-end: 10px;
  }
  .account-side-menu-column .module_column.sub_column {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
  }
  .account-side-menu-column .account-side-menu-item {
    white-space: nowrap;
  }
  .account-side-menu-column .new-account-menu-section {
    border-block-start: none;
    border-inline-start: var(--line-thin) solid var(--color-border);
    padding-block-start: 0;
    padding-inline-start: 10px;
    margin-block-start: 0;
    margin-inline-start: 10px;
  }
}
/* ====== ACCOUNT SIDE MENU ====== */
.account-side-menu-column .account-side-menu-item a {
  color: var(--color-text);
  padding: 5px 0 5px 15px;
}

.account-side-menu-column .account-side-menu-item a:hover {
  color: var(--color-accent-1);
}

.account-side-menu-column .account-side-menu-item.current a {
  color: var(--color-text);
  font-weight: bold;
}

@media screen and (min-width: 801px) {
  .account-side-menu-column .new-account-menu-section {
    padding-block-start: 10px;
    border-block-start: var(--line-thin) solid var(--color-border);
    margin-block-start: 10px;
  }
}
.research-menu-item a {
  color: var(--color-accent-2);
}

.research-menu-item,
.messages-menu-item {
  display: none !important;
}

/* ====== ACCOUNT SECTION - Default Sections ====== */
.account-section {
  margin-block-end: 30px;
}

.account-section .account-section-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-block-end: 5px;
}

.account-section .account-section-title em {
  font-size: 1.1em;
  padding-inline-end: 0;
}

.account-section .account-section-title-small p {
  font-weight: bold;
  margin-block-end: 5px;
}

.account-section .account-section-edit-button {
  padding-block-start: 8px;
}

.account-section .account-section-edit-button span {
  padding-inline-start: 0;
  margin-inline-start: 0;
}

/* ====== ACCOUNT SECTION - Content Container ====== */
.account-section .account-section-div {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.4em;
}

/* ====== LOGOUT ====== */
.logout-button a {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  transition: var(--transition-normal);
}

.logout-button a:hover {
  background: var(--color-accent-3);
  color: var(--color-text-on-dark-bg);
}

/* ====== DELETE ACCOUNT ====== */
.delete-account-button a {
  color: var(--color-accent-5) !important;
  font-size: 0.95em !important;
  padding: 0 !important;
  margin: 1em 0;
}

.delete-account-button a:hover {
  color: var(--color-danger) !important;
}

.delete-account-button em {
  font-size: 1.2em;
  padding-block-end: 2px;
}

/* ====== NOT LOGGED IN STATE ====== */
.account-page.not-logged-in {
  padding-block-start: 25vh;
  padding-block-end: 40vh;
}

/* ====== INFO PAGE - Main Content ====== */
.info-page h1,
.policy-page h1 {
  margin-block-end: 40px;
}

.info-page .module-text:has(h3),
.policy-page .module-text:has(h3) {
  margin: 30px 0;
}

#body .info-page.module_row:first-of-type {
  margin-block-end: 200px !important;
}

/* ====== INFO MENU - Desktop ====== */
.info-menu .menu-item a {
  padding: 8px 0 !important;
  margin: 0 !important;
}

.info-menu .current_page_item {
  font-weight: bold !important;
}

.info-menu .new-menu-section {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  margin-block-start: 8px !important;
  padding-block-start: 8px !important;
}

.info-menu .hide-item {
  display: none !important;
}

.info-menu li > a {
  color: var(--color-text);
  font-size: 0.8rem;
  padding-inline-start: 2px;
  transition: var(--transition-normal);
}

.info-menu li > a:hover {
  text-decoration: underline 1px;
}

/* ====== INFO MENU - Mobile Burger ====== */
.info-menu .module-menu-mobile-active {
  margin-block-end: 40px;
}

.info-menu .module-menu-mobile-active a.menu-module-burger::after {
  content: "Menu";
  font-size: 1.2em;
  padding: 0 0 0 5px;
  min-width: 50px;
}

.info-menu .module-menu-mobile-active a.menu-module-burger,
.info-menu .module-menu-mobile-active a.menu-module-burger::after {
  display: inline-block;
}

.info-menu .module-menu-mobile-active a.menu-module-burger {
  border: var(--line-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  min-width: 80px !important;
  transition: var(--transition-normal);
}

.info-menu .module-menu-mobile-active a.menu-module-burger:hover {
  background: var(--color-bg);
  border-color: var(--color-accent-5);
  text-decoration: none;
}

.info-menu .module-menu-mobile-active a.menu-module-burger > span {
  height: 10px;
  width: 16px;
}

/* ====== MOBILE MENU MODULE - Menu List ====== */
.mobile-menu-module > ul {
  padding-block-end: 80px;
}

.mobile-menu-module .menu-item a {
  padding: 8px 20px !important;
  margin: 0 !important;
}

.mobile-menu-module .current_page_item {
  font-weight: bold !important;
}

.mobile-menu-module .new-menu-section {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  margin-block-start: 8px !important;
}

.mobile-menu-module .hide-item {
  display: none !important;
}

.mobile-menu-module li > a {
  color: var(--color-accent-2);
  font-size: 0.8rem;
  padding-inline-start: 2px;
}

.mobile-menu-module li > a:hover {
  color: var(--color-accent-1);
}

/* ====== MOBILE OVERLAY ====== */
.themify_builder .body-overlay.body-overlay-on {
  background-color: rgba(0, 0, 0, 0.67) !important;
}

.taxonomy-index {
  padding-block: var(--space-6);
}

.taxonomy-index__header {
  margin-block-end: var(--space-4);
}

.taxonomy-index__title {
  margin: 0;
}

.taxonomy-index__grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
.taxonomy-index__grid > li {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .taxonomy-index__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .taxonomy-index__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .taxonomy-index__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.taxonomy-index__item {
  display: flex;
  justify-content: flex-start;
  gap: var(--space-2);
}

.taxonomy-index__count {
  color: var(--color-text-on-dark-bg);
  white-space: nowrap;
}

.taxonomy-index__empty {
  color: var(--color-text-muted);
}

.ww-error-404-page__title {
  margin-bottom: var(--space-6);
}
.ww-error-404-page__title p {
  margin-bottom: 0;
}

.ww-error-404-page__content {
  color: var(--color-text-muted);
  margin-bottom: var(--space-6);
}

.ww-error-404-page__footnote {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: solid var(--color-border) var(--line-thin);
}
.ww-error-404-page__footnote p {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.contact-page .contact-page__title {
  text-align: center;
  margin-bottom: var(--space-6);
}
.contact-page .contact-page__left-column {
  background: var(--color-surface);
  padding: var(--space-4);
  border-radius: var(--radius-lg);
}
.contact-page .contact-page__left-column .contact-page__info {
  gap: var(--space-2);
  border-block: solid color-mix(in srgb, var(--color-accent-1), white 50%) var(--line-thin);
  padding-block: var(--space-2);
}
.contact-page .contact-page__left-column .contact-page__availability-disclaimer {
  color: var(--color-text-muted);
  padding-top: var(--space-2);
}

.whisky-terms-alphabet {
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
  font-weight: bold;
  padding-top: var(--space-1);
}
.whisky-terms-alphabet a {
  padding: 4px;
  color: var(--color-text);
}

.whisky-terms-alphabet__letter-group .whisky-terms-alphabet__letter {
  border-top: solid var(--color-border) var(--line-thin);
  padding-top: var(--space-2);
  margin-bottom: var(--space-1);
}
.whisky-terms-alphabet__letter-group dd {
  margin-bottom: var(--space-1);
}
.whisky-terms-alphabet__letter-group em {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  padding-left: var(--space-1);
}

article #logo-assets-section {
  gap: var(--space-3);
}
article #logo-assets-section .logo-showcase {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 800px) {
  article #logo-assets-section .logo-showcase {
    grid-template-columns: repeat(2, 30% 60%);
  }
}
article #logo-assets-section .logo-showcase .logo-preview img {
  padding: var(--space-1);
  border: dotted var(--color-border) 2px;
  border-radius: var(--radius-md);
  width: fit-content;
  height: fit-content;
  transition: var(--transition-normal);
}
article #logo-assets-section .logo-showcase .logo-preview img:hover {
  background: var(--color-surface);
  border-color: var(--color-text-muted);
}
article #logo-assets-section .logo-showcase p {
  color: var(--color-text-muted);
}

article #embed-snippets-section {
  gap: var(--space-3);
  border-top: solid var(--color-border) var(--line-thin);
  border-bottom: solid var(--color-border) var(--line-thin);
  padding-block: var(--space-6);
  margin-block: var(--space-2);
}
article #embed-snippets-section h2 {
  margin-bottom: var(--space-1);
}
article #embed-snippets-section .embed-snippets__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
article #embed-snippets-section .embed-snippets__group em {
  color: var(--color-text-muted);
}
article #embed-snippets-section .embed-snippets__group code {
  display: block;
  background: #FFFFFF;
  padding: var(--space-1);
  border: dotted var(--color-border) 2px;
  border-radius: var(--radius-md);
  white-space: pre-line;
  max-width: var(--container-max-width);
  transition: var(--transition-normal);
}
article #embed-snippets-section .embed-snippets__group .pre-code-dark {
  display: none;
  transition: var(--transition-normal);
}
article #embed-snippets-section .embed-snippets__group .pre-code-dark code {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg);
  border-color: var(--color-surface);
}
article #embed-snippets-section .embed-snippets__group button {
  margin-block: var(--space-1);
}
article #embed-snippets-section .embed-snippet:hover code {
  background: #FFFAF2;
}
article #embed-snippets-section .embed-snippet:has(button:hover) code {
  border-color: var(--color-text-muted);
}
article #embed-snippets-section .embed-snippet:has(.btn-basic.-inverted:hover) .pre-code-light {
  display: none;
}
article #embed-snippets-section .embed-snippet:has(.btn-basic.-inverted:hover) .pre-code-dark {
  display: block;
}
article #embed-snippets-section .embed-snippet__example-button {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
article #embed-snippets-section .embed-snippet__example-button img {
  box-sizing: content-box;
  transition: var(--transition-normal);
}
article #embed-snippets-section .embed-snippet__example-button img:hover {
  box-shadow: 0px 0px 15px 3px color-mix(in srgb, var(--color-text-muted), white 90%);
}

.onboarding-page .onboarding-page__hero .onboarding-page__hero-bg {
  background-image: url("/ww-content/images/base/warehouse-whisky-barrels-casks.jpg");
  background-attachment: scroll;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--radius-lg);
  padding-block: clamp(120px, 20%, 300px);
}
.onboarding-page .onboarding-page__hero .onboarding-page__hero-bg h1 {
  color: var(--color-text-on-dark-bg);
  text-align: center;
}
.onboarding-page .onboarding-page__hero .onboarding-page__hero-content {
  background: var(--color-bg);
  box-sizing: border-box;
  padding: var(--space-4) var(--space-2) 0 0;
  border-top-right-radius: var(--radius-lg);
  margin-top: -100px;
  width: clamp(200px, 70%, 600px);
}
@media (max-width: 800px) {
  .onboarding-page .onboarding-page__hero .onboarding-page__hero-content {
    padding: var(--space-2) 0;
    border-top-right-radius: 0;
    margin-top: 0;
    width: 100%;
  }
}
.onboarding-page .onboarding-page__steps-context {
  border-top: solid var(--color-border-gold) var(--line-thin);
  padding-top: var(--space-6);
  margin-top: var(--space-6);
}
.onboarding-page .onboarding-page__steps-context p {
  color: color-mix(in srgb, var(--color-text), var(--color-text-muted), 70%);
  font-size: 0.925rem;
}
.onboarding-page .onboarding-page__max-safety {
  border-radius: var(--radius-lg);
  gap: 0;
}
.onboarding-page .onboarding-page__max-safety .onboarding-page__max-safety__left-column {
  background: var(--color-surface-neutral);
  padding: var(--space-4);
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}
.onboarding-page .onboarding-page__max-safety .onboarding-page__max-safety__right-column {
  background-image: url("/ww-content/images/base/man-laptop-sitting-scaled.jpg");
  background-attachment: scroll;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
@media (max-width: 800px) {
  .onboarding-page .onboarding-page__max-safety .onboarding-page__max-safety__left-column {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    order: 2;
  }
  .onboarding-page .onboarding-page__max-safety .onboarding-page__max-safety__right-column {
    background-position-y: 40%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    height: clamp(300px, 20vh, 600px);
    order: 1;
  }
}

.good-photos-guide .image-example-container {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: var(--space-2);
  flex-wrap: wrap;
}
.good-photos-guide .image-example-container .image-example-tag {
  position: absolute;
  background: var(--color-bg);
  padding: 3px 6px;
  border-bottom-right-radius: var(--radius-sm);
  z-index: 1;
}
.good-photos-guide .image-example-container img {
  width: 250px;
  height: 280px;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.good-photos-guide .image-example-container figcaption {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.good-photos-guide .image-example-container .example-img-blur {
  filter: blur(1px);
}

.why-register-page .why-register-page__comparison h3, .why-register-page .why-register-page__comparison .h3 {
  border-bottom: solid var(--color-border) var(--line-thin);
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-2);
}
.why-register-page .why-register-page__comparison .article-group p {
  padding: var(--space-1);
  border-radius: var(--radius-lg);
}
.why-register-page .why-register-page__comparison .article-group p:nth-of-type(even) {
  background: var(--color-surface);
}
.why-register-page .why-register-page__comparison .why-register-page__vs {
  color: var(--color-text-muted);
  font-style: italic;
  padding-left: var(--space-3);
}
@media (max-width: 800px) {
  .why-register-page .why-register-page__comparison .flex-row-3 > div {
    margin-bottom: var(--space-4);
  }
}

.sustainability-page .section-in-between {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  padding-block: var(--space-4);
}
@media (max-width: 800px) {
  .sustainability-page .section-in-between {
    flex-direction: column;
    text-align: center;
  }
}
.sustainability-page .section-in-between p {
  margin-bottom: 0;
}
.sustainability-page .sustainability-page__infrastructure-section {
  background-image: url("/ww-content/images/pages/sustainability/renewable-energy.jpg");
}
.sustainability-page .sustainability-page__carbon-capture-section {
  background-image: url("/ww-content/images/pages/sustainability/climate-works.jpg");
}
.sustainability-page .sustainability-page__infrastructure-section,
.sustainability-page .sustainability-page__carbon-capture-section {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 800px) {
  .sustainability-page .sustainability-page__infrastructure-section,
  .sustainability-page .sustainability-page__carbon-capture-section {
    padding-block: 12rem;
  }
}
.sustainability-page .sustainability-page__infrastructure-section .infrastructure-section__content,
.sustainability-page .sustainability-page__infrastructure-section .carbon-capture-section__content,
.sustainability-page .sustainability-page__carbon-capture-section .infrastructure-section__content,
.sustainability-page .sustainability-page__carbon-capture-section .carbon-capture-section__content {
  background: var(--color-bg);
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  width: clamp(200px, 100%, 500px);
  max-width: calc(100% - 2 * var(--space-4));
}
.sustainability-page .sustainability-page__infrastructure-section .carbon-capture-section__content,
.sustainability-page .sustainability-page__carbon-capture-section .carbon-capture-section__content {
  justify-self: flex-end;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-block: var(--space-6);
  width: clamp(300px, 80%, 900px);
  margin-inline: auto;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples > .carbon-removal-example-1,
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples > .carbon-removal-example-2 {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: var(--space-4);
  padding-block: var(--space-2);
}
@media (max-width: 800px) {
  .sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples {
    width: 100%;
  }
  .sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples > .carbon-removal-example-1,
  .sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples > .carbon-removal-example-2 {
    grid-template-columns: 1fr;
  }
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__text-column {
  order: 1;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__text-column .divider {
  background: var(--color-success);
  max-width: 80px;
  height: 3px;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__text-column a {
  align-self: flex-start;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__video-column {
  order: 2;
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__video-column video {
  width: 100%;
  border-radius: var(--radius-lg);
}
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__video-column video::-webkit-media-controls,
.sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-examples__video-column video::-webkit-media-controls-enclosure {
  display: none !important;
}
@media (min-width: 800px) {
  .sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-example-2 {
    grid-template-columns: 60% 40%;
  }
  .sustainability-page .sustainability-page__carbon-capture-explained-section .carbon-removal-examples .carbon-removal-example-2 .carbon-removal-examples__video-column {
    order: 0;
  }
}
.sustainability-page .sustainability-page__your-impact-section {
  text-align: center;
}
.sustainability-page .sustainability-page__your-impact-section p {
  margin-inline: auto;
}

.section-homepage-hero {
  background-image: url("/ww-content/images/home/hero-banner.jpg");
  background-position: 85% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-accent-2);
  background-attachment: scroll;
}
.section-homepage-hero .section-homepage-hero__spacer {
  padding-block: 6rem;
}
.section-homepage-hero h1 {
  font-size: 3.5rem;
  line-height: 1.15;
  margin-bottom: var(--space-4);
  max-width: 600px;
}
.section-homepage-hero .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-2);
}
@media (max-width: 800px) {
  .section-homepage-hero {
    background-image: url("/ww-content/images/home/hero-banner-mob-small.jpg");
    background-position: 50% 50%;
  }
  .section-homepage-hero .mobile-gradient-overlay {
    background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, transparent 80%);
  }
  .section-homepage-hero h1 {
    text-align: center;
    font-size: 3rem;
    padding-inline: var(--space-3);
  }
  .section-homepage-hero .hero-actions {
    flex-direction: column;
    align-items: center;
  }
  .section-homepage-hero .hero-actions a {
    width: 150px;
    padding-inline: var(--space-1);
  }
}

.section-hero-sub-bar {
  background: var(--color-accent-6);
  padding-top: var(--space-2);
}
.section-hero-sub-bar .hero-trust-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 var(--space-3);
}
.section-hero-sub-bar .hero-trust-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.section-hero-sub-bar .hero-trust-list li::before {
  content: "✓";
  color: var(--color-success);
  font-size: var(--font-size-md);
  margin-right: 5px;
}
@media (max-width: 800px) {
  .section-hero-sub-bar .hero-trust-list {
    gap: 0 var(--space-4);
  }
}
@media (min-width: 900px) {
  .section-hero-sub-bar .hero-trust-list {
    justify-content: space-between;
  }
}

.section-popular-brands h2 {
  text-align: center;
}
.section-popular-brands ul.brand-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}
@media (min-width: 600px) {
  .section-popular-brands ul.brand-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
  }
}
@media (min-width: 900px) {
  .section-popular-brands ul.brand-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
  }
}
@media (min-width: 1300px) {
  .section-popular-brands ul.brand-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.section-popular-brands ul.brand-list li {
  margin: 0;
  min-width: 0;
}
.section-popular-brands ul.brand-list li > a {
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.section-popular-brands ul.brand-list {
  /*		li > a {
  			display: inline-block;
  			padding: var(--space-1) var(--space-3);
  			border: var(--line-thin) solid var(--color-border);
  			border-radius: var(--radius-full);
  			font-size: var(--font-size-sm);
  			color: var(--color-text);
  			text-decoration: none;
  			transition: var(--transition-fast);

  			&:hover {
  				border-color: var(--color-accent-1);
  				color: var(--color-accent-1);
  			} 
  		}*/
}

.section-trust-info h2 {
  text-align: center;
}
.section-trust-info .stats-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-4);
}
@media (min-width: 800px) {
  .section-trust-info .stats-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.section-trust-info .stat-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.section-trust-info .stat-item img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  object-fit: contain;
}
.section-trust-info .stat-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.section-trust-info .stat-content strong {
  font-weight: 700;
  line-height: 1.3;
}
.section-trust-info .stat-content span {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.section-trust-info .buyer-protection-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--space-6);
}
.section-trust-info .buyer-protection-content .stack {
  align-items: center;
}
@media (min-width: 800px) {
  .section-trust-info .buyer-protection-content {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
@media (max-width: 799px) {
  .section-trust-info .buyer-protection-content .stack {
    order: 1;
  }
}
.section-trust-info .buyer-protection-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.section-trust-info .buyer-protection-list li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-on-dark-bg);
  margin: 0;
}
.section-trust-info .buyer-protection-image {
  flex: 0 0 auto;
  max-width: 280px;
  margin-inline: auto;
}
.section-trust-info .buyer-protection-image img {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 800px) {
  .section-trust-info .buyer-protection-image {
    max-width: 340px;
    margin-inline: 0;
  }
}

.section-explore .heading-label,
.section-explore h2 {
  text-align: center;
}
.section-explore .category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-2);
}
@media (min-width: 600px) {
  .section-explore .category-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 900px) {
  .section-explore .category-list {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-2) var(--space-4);
  }
}
.section-explore .category-list a {
  display: block;
  text-decoration: none;
  color: var(--color-text);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-fast);
}
.section-explore .category-list a:hover {
  opacity: 0.85;
  text-decoration: underline;
}
.section-explore .category-list img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-md);
  border: solid var(--color-accent-1) var(--line-thin);
}
.section-explore .category-list span {
  display: block;
  padding: var(--space-1) 0;
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 400 !important;
  letter-spacing: var(--letter-spacing-relaxed);
}

.section-magazine .heading-label,
.section-magazine h2 {
  text-align: center;
}

.magazine-posts-homepage {
  position: relative;
}

/*
// Scroll-context sizing for .magazine-post-card within the homepage track.
// Appearance lives in _magazine-cards.scss; snap behaviour in _scrollbar.scss.
// --container-width-vw from _spacing.scss handles all breakpoints in one formula.
.magazine-post-card {
	// Mobile: one card fills the container width; scroll for more.
	width: var(--container-width-vw);

	// Tablet+: two cards fill the container width side by side.
	// --container-width-vw resolves differently at each breakpoint via
	// --container-margin, so no additional media queries are needed here.
	@media (min-width: 601px) {
		width: calc((var(--container-width-vw) - var(--space-4)) / 2);
	}

	@media (min-width: 1100px) {
		max-width: calc((var(--container-max-width) - var(--space-4)) / 2);
	}
} */
.section-buyer-protection-steps .heading-label,
.section-buyer-protection-steps h2 {
  text-align: center;
}
.section-buyer-protection-steps .seo-text-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  padding-top: var(--space-4);
  margin-top: var(--space-4);
  border-top: var(--line-thin) solid var(--color-border);
}
@media (min-width: 600px) {
  .section-buyer-protection-steps .seo-text-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
}
@media (min-width: 1200px) {
  .section-buyer-protection-steps .seo-text-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
  }
}
.section-buyer-protection-steps .seo-text-grid h3 {
  font-size: var(--font-size-md);
  margin-bottom: var(--space-2);
  letter-spacing: var(--letter-spacing-normal);
}
.section-buyer-protection-steps .seo-text-grid p {
  font-size: var(--font-size-sm);
  line-height: 1.7;
  text-align: justify;
}

/* ====== LAYOUT WRAPPER - Shared Structure ====== */
body > #pagewrap:has(.offer-layout, .transaction-layout) > header {
  border-block-end: solid var(--color-border) 1px;
}

.offer-layout > .offer-layout__section--header {
  margin-block-start: 80px !important;
}

.offer-layout,
.transaction-layout {
  padding: var(--space-4) 0 var(--space-8);
  margin-block-end: var(--space-8) !important;
  min-height: 95vh;
}

/* ====== LAYOUT SECTIONS ====== */
.offer-layout__section--body .container,
.transaction-layout__section--body .container {
  display: flex;
  gap: var(--space-3);
}

.offer-layout__section--additional,
.transaction-layout__section--additional {
  display: none;
  margin-block-start: var(--space-3);
  padding-block-start: var(--space-3);
}

/* ====== PAGE HEADER COMPONENT ====== */
.page-header .page-header__id {
  font-weight: bold;
  font-size: 1.1em;
  margin-block-end: var(--space-1);
}
.page-header .page-header__info-container {
  display: flex;
  gap: var(--space-3);
  font-size: 1.2em;
  margin-block: var(--space-4) 0;
}
.page-header .page-header__status {
  width: 65%;
}
.page-header .page-header__status .page-header__status-desc {
  display: block;
  margin-block-start: var(--space-2);
}
.page-header .page-header__expiry {
  text-align: center;
  width: 33%;
  max-width: 300px;
}

/* ====== INFO BAR COMPONENT ====== */
.info-bar {
  margin-block: var(--space-4);
}
.info-bar .info-bar__container {
  border: solid var(--color-accent-1) var(--line-thin);
  border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-3);
  display: flex;
  gap: var(--space-2);
  justify-content: space-between;
}
.info-bar .info-bar__column {
  width: calc((100% - 2 * var(--space-2)) / 3);
}
.info-bar .info-bar__header h3 {
  font-size: 1.3rem;
  margin-block-end: var(--space-1);
}
.info-bar .info-bar__content > div {
  display: flex;
  flex-direction: row;
  gap: 0;
  font-size: var(--font-size-sm);
}
.info-bar .info-bar__label {
  display: inline-block;
  font-weight: bold;
  color: var(--color-text);
  width: 8rem;
}

/* ====== MAIN CONTENT COMPONENT ====== */
.main-content {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}
.main-content .main-content__status-meta {
  font-size: 1.1em;
  border-block-end: solid var(--color-text-muted) var(--line-thin);
  padding-block-end: var(--space-3);
  margin-block: var(--space-3);
}
.main-content .main-content__section-heading {
  font-size: 1.4em;
  margin-block: var(--space-3) var(--space-2);
}
.main-content .main-content__action-description {
  margin-block-end: var(--space-3);
  color: var(--color-text-muted);
}
.main-content.main-content--unauthorized {
  text-align: center;
  padding: var(--space-6);
  color: var(--color-text-muted);
}

/* ====== SIDEBAR COMPONENT ====== */
.offer-layout .with-sidebar,
.transaction-layout .with-sidebar {
  display: flex;
}
.offer-layout .with-sidebar > .with-sidebar__main,
.transaction-layout .with-sidebar > .with-sidebar__main {
  width: calc((100% - var(--space-3)) * 0.66);
}
.offer-layout .with-sidebar > .with-sidebar__sidebar,
.transaction-layout .with-sidebar > .with-sidebar__sidebar {
  width: calc((100% - var(--space-3)) * 0.33);
}
.offer-layout .with-sidebar h2,
.transaction-layout .with-sidebar h2 {
  margin-block-end: var(--space-2);
}
.offer-layout .with-sidebar .sidebar__section,
.transaction-layout .with-sidebar .sidebar__section {
  margin-block-end: var(--space-3);
}
.offer-layout .with-sidebar .sidebar__section dl,
.transaction-layout .with-sidebar .sidebar__section dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: var(--space-1);
  row-gap: var(--space-1);
  align-items: start;
}
.offer-layout .with-sidebar .sidebar__section dt,
.transaction-layout .with-sidebar .sidebar__section dt {
  margin: 0;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.offer-layout .with-sidebar .sidebar__section dd,
.transaction-layout .with-sidebar .sidebar__section dd {
  margin: 0;
  text-align: right;
  justify-self: end;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ====== STATUS BADGE COMPONENT ====== */
.status-badge {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-lg);
}
.status-badge .status-badge__description {
  font-size: 0.9em;
  color: var(--color-text-muted);
  margin-inline-start: var(--space-1);
}
.status-badge.status-badge--under-consideration, .status-badge.status-badge--countered {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--accepted-by-seller, .status-badge.status-badge--accepted {
  background: var(--color-accent-3);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--rejected, .status-badge.status-badge--cancelled, .status-badge.status-badge--expired {
  background: var(--color-accent-4);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--pending-payment, .status-badge.status-badge--payment-completed, .status-badge.status-badge--shipped, .status-badge.status-badge--delivered {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--payment-completed, .status-badge.status-badge--completed {
  background: var(--color-accent-3);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--disputed, .status-badge.status-badge--cancelled {
  background: var(--color-accent-4);
  color: var(--color-text-on-dark-bg);
}
.status-badge.status-badge--refunded {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
}

/* ====== COUNTDOWN TIMER COMPONENT ====== */
.countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-1);
}
.countdown .countdown__label {
  font-size: 0.9em;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.countdown .countdown__value {
  font-size: 1.2em;
  font-weight: bold;
}
.countdown.countdown--warning .countdown__value {
  color: var(--color-warning);
}
.countdown.countdown--urgent .countdown__value {
  color: var(--color-danger);
  animation: pulse 2s ease-in-out infinite;
}
.countdown.countdown--expired .countdown__value {
  color: var(--color-text-muted);
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
/* ====== PRICE BREAKDOWN COMPONENT ====== */
.price-breakdown {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
}
.price-breakdown .price-breakdown__title {
  font-size: 1.2rem;
  margin-block-end: var(--space-2);
  border-block-end: solid var(--color-border) var(--line-thin);
  padding-block-end: var(--space-2);
}
.price-breakdown .price-breakdown__list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-1) var(--space-2);
  align-items: baseline;
}
.price-breakdown .price-breakdown__label {
  font-weight: normal;
  margin: 0;
}
.price-breakdown .price-breakdown__value {
  text-align: right;
  margin: 0;
  font-weight: 500;
}
.price-breakdown .price-breakdown__label--emphasized,
.price-breakdown .price-breakdown__value--emphasized {
  font-weight: bold;
  font-size: 1.1em;
  padding-block-start: var(--space-1);
  border-block-start: solid var(--color-border) var(--line-thin);
}
.price-breakdown .price-breakdown__label--total,
.price-breakdown .price-breakdown__value--total {
  font-size: 1.3em;
  font-weight: bold;
  padding-block-start: var(--space-2);
  border-block-start: solid var(--color-text) var(--line-medium);
}
.price-breakdown.price-breakdown--seller .price-breakdown__value--emphasized {
  color: var(--color-success);
}

/* ====== LISTING CARD COMPONENT ====== */
.listing-card {
  background: var(--color-surface);
  border: solid var(--color-surface-alt) var(--line-thin);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.listing-card.listing-card--compact .listing-card__image {
  aspect-ratio: 1;
  overflow: hidden;
}
.listing-card.listing-card--compact .listing-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.listing-card.listing-card--compact .listing-card__content {
  padding: var(--space-2);
}
.listing-card.listing-card--compact .listing-card__title {
  font-size: 1rem;
  margin-block-end: var(--space-1);
}
.listing-card.listing-card--compact .listing-card__meta {
  font-size: 0.85em;
  color: var(--color-text-muted);
}
.listing-card.listing-card--full {
  display: flex;
  gap: var(--space-3);
}
.listing-card.listing-card--full .listing-card__image {
  width: 40%;
}
.listing-card.listing-card--full .listing-card__image img {
  width: 100%;
  height: auto;
}
.listing-card.listing-card--full .listing-card__content {
  flex: 1;
  padding: var(--space-3);
}

/* ====== USER INFO CARD COMPONENT ====== */
.user-info-card {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
}
.user-info-card .user-info-card__title {
  font-size: 1.2rem;
  margin-block-end: var(--space-2);
  border-block-end: solid var(--color-border) var(--line-thin);
  padding-block-end: var(--space-2);
}
.user-info-card .user-info-card__details {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: var(--space-2);
  row-gap: var(--space-1);
}
.user-info-card .user-info-card__label {
  font-weight: bold;
  margin: 0;
}
.user-info-card .user-info-card__value {
  margin: 0;
  text-align: right;
}

/* ====== ACTIVITY LOG COMPONENT ====== */
.activity-log {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}
.activity-log .activity-log__header h2 {
  font-size: 1.4rem;
  margin-block-end: var(--space-3);
  border-block-end: solid var(--color-border) var(--line-thin);
  padding-block-end: var(--space-2);
}
.activity-log .activity-log__placeholder {
  color: var(--color-text-muted);
  font-style: italic;
  text-align: center;
  padding: var(--space-4);
}
.activity-log .activity-log__timeline {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.activity-log .activity-log__item {
  display: flex;
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-bg), white 50%);
}
.activity-log .activity-log__item:hover {
  background: color-mix(in srgb, var(--color-bg), white 40%);
}
.activity-log .activity-log__timestamp {
  font-size: 0.85em;
  color: var(--color-text-muted);
  white-space: nowrap;
  min-width: 120px;
}
.activity-log .activity-log__actor {
  font-weight: bold;
  min-width: 60px;
}
.activity-log .activity-log__action {
  flex: 1;
}
.activity-log .activity-log__price {
  font-weight: 500;
  white-space: nowrap;
}

/* ====== FAQ COMPONENT ====== */
.faq {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}
.faq .faq__header h2 {
  font-size: 1.4rem;
  margin-block-end: var(--space-3);
  border-block-end: solid var(--color-border) var(--line-thin);
  padding-block-end: var(--space-2);
}
.faq .faq__placeholder {
  color: var(--color-text-muted);
  font-style: italic;
  text-align: center;
  padding: var(--space-4);
}
.faq .faq__item {
  margin-block-end: var(--space-3);
}
.faq .faq__question {
  font-weight: bold;
  margin-block-end: var(--space-1);
  cursor: pointer;
  padding: var(--space-2);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-bg), white 50%);
}
.faq .faq__question:hover {
  background: color-mix(in srgb, var(--color-bg), white 40%);
}
.faq .faq__answer {
  padding: var(--space-2) var(--space-3);
  color: var(--color-text-muted);
}

/* ====== REPORT SUSPICIOUS ACTIVITY COMPONENT ====== */
.report-activity {
  background: var(--color-surface);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}
.report-activity .report-activity__header h2 {
  font-size: 1.4rem;
  margin-block-end: var(--space-3);
  border-block-end: solid var(--color-border) var(--line-thin);
  padding-block-end: var(--space-2);
}
.report-activity .report-activity__placeholder {
  color: var(--color-text-muted);
  font-style: italic;
  text-align: center;
  padding: var(--space-4);
}
.report-activity .report-activity__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* ====== OFFER FORM - Image Wrapper ====== */
.offer-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper,
.transaction-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.offer-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper img,
.transaction-layout .request-offer-flow-form .ginput_container .gfield-choice-image-wrapper img {
  max-width: 100px !important;
  max-height: 100px !important;
}

/* ====== RESPONSIVE DESIGN ====== */
@media (max-width: 800px) {
  .offer-layout,
  .transaction-layout {
    padding: var(--space-2) 0 var(--space-6);
  }
  .offer-layout__section--body .container,
  .transaction-layout__section--body .container {
    flex-direction: column;
  }
  .main-content {
    width: 100%;
  }
  .sidebar {
    width: 100%;
    max-width: none;
  }
  .info-bar__container {
    flex-direction: column;
  }
  .info-bar__container .info-bar__column {
    width: 100%;
  }
  .page-header__info-container {
    flex-direction: column;
  }
  .page-header__info-container .page-header__status,
  .page-header__info-container .page-header__expiry {
    width: 100%;
    max-width: none;
    text-align: left;
  }
}
.ww-layout.listing-layout.single-post {
  color: var(--color-text);
}

/* ===== OVERVIEW SECTION ===== */
.listing-layout.single-post .listing-main__columns {
  display: flex;
  flex-direction: row;
  gap: var(--space-4);
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
}

/* Image Column - 55% width */
.listing-layout.single-post .listing-main__media {
  width: 55%;
  max-width: 700px;
}

/* Summary Column - 45% width */
.listing-layout.single-post .listing-main__summary {
  width: 45%;
  max-width: 500px;
}

@media (max-width: 800px) {
  .listing-layout.single-post .listing-main__columns {
    flex-direction: column;
  }
  .listing-layout.single-post .listing-main__media,
  .listing-layout.single-post .listing-main__summary {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
/* ===== LISTING ATTACHMENTS / GALLERY ===== */
.listing-attachments {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.listing-attachments__viewer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
}

.listing-attachments__main {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  cursor: pointer;
  background: var(--color-surface);
  border-radius: var(--radius-md);
}

.listing-attachments__main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.listing-attachments__thumbnails {
  display: flex;
  gap: var(--space-1);
  overflow-x: auto;
  padding: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.listing-attachments__thumb {
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  padding: 0;
  border: solid transparent var(--line-thin);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  cursor: pointer;
  overflow: hidden;
  transition: var(--transition-normal);
  filter: brightness(0.7);
  transform: none !important;
}
.listing-attachments__thumb:hover {
  border-color: var(--color-accent-2);
  filter: brightness(1);
}
.listing-attachments__thumb.active {
  border-color: var(--color-accent-2);
  filter: brightness(1);
}

.listing-attachments__thumb-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Thumbnail strip navigation (desktop) */
.listing-attachments__thumbs-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.listing-attachments__thumbs-nav {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 2.25rem;
  height: 5rem;
  padding: 0;
  border-radius: var(--radius-sm);
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  opacity: 0;
}
.listing-attachments__thumbs-nav:hover, .listing-attachments__thumbs-nav:active {
  opacity: 1 !important;
}

.listing-attachments__thumbs-nav--prev {
  left: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.listing-attachments__thumbs-nav--next {
  right: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.listing-attachments__thumbs-wrapper:hover .listing-attachments__thumbs-nav {
  opacity: 0.5;
}

@media screen and (min-width: 1100px) {
  .listing-attachments__thumbs-nav {
    display: flex;
  }
}
/* Listing Attachments / Gallery Navigation and Lightbox */
.listing-attachments__nav,
.listing-attachments__thumbs-nav,
.lightbox__nav,
.lightbox__close {
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--color-text);
  border: none;
  transition: var(--transition-normal);
  z-index: 20;
  cursor: pointer;
}
.listing-attachments__nav:hover,
.listing-attachments__thumbs-nav:hover,
.lightbox__nav:hover,
.lightbox__close:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: var(--color-text);
}
.listing-attachments__nav:active,
.listing-attachments__thumbs-nav:active,
.lightbox__nav:active,
.lightbox__close:active {
  background-color: rgba(255, 255, 255, 0.85);
}

@media screen and (max-width: 800px) {
  /* Hide all non-lightbox navigation on mobile */
  .listing-attachments__nav,
  .listing-attachments__thumbs-nav {
    display: none !important;
  }
  /* Lightbox controls remain visible with larger tap targets */
  .lightbox__nav {
    height: 8rem;
  }
}
.lightbox__nav--prev {
  left: 0;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.lightbox__nav--next {
  right: 0;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

.lightbox__close {
  top: 1rem;
  right: 1rem;
  border-radius: var(--radius-md);
}

/* Positioning */
.listing-attachments__nav {
  position: absolute;
  top: calc((100% - 3rem) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  transform: none !important;
  padding: 0;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  opacity: 0; /* Hidden by default on desktop */
}
.listing-attachments__nav:hover, .listing-attachments__nav:active {
  opacity: 1 !important;
}

.listing-attachments__viewer:hover .listing-attachments__nav {
  opacity: 0.5;
}

.listing-attachments__nav--prev {
  left: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.listing-attachments__nav--next {
  right: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

/* Lightbox */
.listing-attachments__lightbox {
  border: none;
  border-radius: 0.5rem;
  padding: 0;
  max-width: 90vw;
  max-height: 90vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
}
.listing-attachments__lightbox::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.lightbox__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.lightbox__close {
  position: absolute;
  top: 2rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: var(--radius-sm);
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 3rem;
  height: 6rem;
  padding: 0;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .lightbox__nav {
    width: 4.5rem;
    height: clamp(4.5rem, 20%, 9rem);
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .lightbox__nav {
    width: 5rem;
    height: clamp(5rem, 20%, 10rem);
    font-size: 2.2rem;
  }
}

/* ====== MainInfo Styling ========= */
.listing-main-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-bottom: var(--space-2);
}

/* Breadcrumbs */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9rem;
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
}
.breadcrumbs__item:not(:last-child)::after {
  content: "›";
  margin: 0 0.3rem;
  color: var(--color-text-muted);
}

.breadcrumbs__link {
  color: var(--color-accent-1);
  text-decoration: none;
  transition: color 0.2s ease;
}
.breadcrumbs__link:hover {
  color: var(--color-accent-1-dark);
  text-decoration: underline;
}

.breadcrumbs__current {
  color: var(--color-text);
  font-weight: 500;
}

.listing-secondary-actions {
  display: none;
}

/* Title and Metadata */
.listing-main-info__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.listing-main-info__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  line-height: 1.2;
  color: var(--color-text);
}
.listing-main-info__title .title-primary {
  font-family: var(--font-body);
  font-size: clamp(1rem, 100%, 1.25rem);
  font-weight: 700;
  color: var(--color-text);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.listing-main-info__title .title-secondary {
  font-size: clamp(1.3rem, 1.4ch, 2.5rem);
  font-weight: 700;
  color: var(--color-accent-1);
}

.listing-main-info__metadata {
  display: block;
  color: var(--color-text-muted);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--font-size-md);
  letter-spacing: var(--letter-spacing-normal);
  padding-block: var(--space-1);
}

/* Details Section */
.listing-main-info__details {
  color: var(--color-text);
  padding-block: var(--space-1);
  border-block-start: solid var(--color-border) var(--line-thin);
}

.listing-main-info__detail-row {
  display: flex;
  flex-direction: row;
  gap: var(--space-1);
}

.listing-main-info__detail-label {
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  width: 8rem;
  min-width: 0;
  flex-shrink: 0;
}

.listing-main-info__detail-value {
  font-size: var(--font-size-sm);
  color: var(--color-text);
}

/* ====== PriceInfo Styling ========= */
.listing-main__action-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding: var(--space-3);
  margin-block: var(--space-2);
  border: solid var(--color-accent-1) var(--line-thin);
  border-radius: var(--radius-md);
}

.listing-price__wrapper,
.price-display-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-1);
}

.listing-price__content,
.price-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.listing-price__primary,
.price-primary-row {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text);
}

.listing-price__secondary,
.price-secondary-row {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text-muted);
}

.listing-price__label,
.price-label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-muted);
  width: 8rem;
}

.listing-price__value,
.price-primary,
.price-secondary {
  font-weight: 700;
  font-size: clamp(1.3rem, 4vw, 1.8rem);
  color: var(--color-text);
}

.listing-price__value--secondary,
.price-secondary {
  font-weight: 700;
  font-size: clamp(1.1rem, 2.5vw, 1.3rem);
  padding-inline-start: var(--space-1);
}

.listing-price__payments {
  margin-block-start: var(--space-2);
}

.listing-price__icons-wrapper,
.price-icons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.listing-price__icons,
.price-icons-group {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.listing-price__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-accent-1);
}

.listing-price__shipping,
.price-shipping-notice {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-block: var(--space-1);
}

/* ====== ActionButtons Styling ========= */
.listing-actions,
.main-action-button-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.listing-actions__seller-text {
  color: var(--color-text);
  font-size: var(--font-size-md);
  text-align: center;
  display: block;
  border-top: solid var(--color-border) var(--line-thin);
  padding-block: var(--space-2) var(--space-1);
}

.listing-actions__primary,
.listing-actions__secondary,
.primary-button,
.secondary-button {
  width: 100%;
}

.listing-actions__primary a,
.listing-actions__secondary a,
.primary-button a,
.secondary-button a {
  display: block;
  text-align: center;
  font-size: var(--font-size-lg);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-relaxed);
  border: solid var(--color-accent-2) var(--line-thin);
  border-radius: var(--radius-full);
  padding-block: var(--space-1);
  transition: var(--transition-normal);
}

.listing-actions__primary a,
.primary-button a {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
}

.listing-actions__secondary a,
.secondary-button a {
  background: transparent;
  color: var(--color-accent-2);
  margin-block-start: var(--space-1);
}

.listing-actions__primary a:hover,
.primary-button a:hover {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  text-decoration: none;
  border-color: var(--color-accent-1);
}

.listing-actions__secondary a:hover,
.secondary-button a:hover {
  color: var(--color-accent-1);
  text-decoration: none;
  border-color: var(--color-accent-1);
}

.listing-actions__primary.main-seller-button a,
.listing-actions__secondary.additional-seller-buttons a {
  font-size: var(--font-size-md) !important;
}

.listing-actions__secondary.additional-seller-buttons {
  display: flex;
  flex-direction: row;
  gap: var(--space-1);
  justify-content: space-between;
}
.listing-actions__secondary.additional-seller-buttons a {
  flex: 1 1 0;
  width: auto;
}

.listing-actions__secondary.additional-seller-buttons a.button-delete:hover {
  background: var(--color-danger);
  color: var(--color-text-on-dark-bg);
  border-color: var(--color-danger);
}

.listing-actions form .gform_footer {
  margin-block-start: 0 !important;
}

.listing-actions.main-action-button-box .verification-notice {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin: 0;
  text-align: center;
}

/* ====== BuyerProtectionCard Styling ========= */
.listing-protection-card {
  background: var(--color-surface);
  padding: var(--space-2) var(--space-3);
  border: solid var(--line-thin) var(--color-accent-1);
  border-radius: var(--radius-md);
}

.listing-protection-card__title {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 700;
  display: inline-block;
}

.listing-protection-card__icon {
  width: auto;
  height: 1.1rem;
}

.listing-protection-card__text {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text);
}

/* ====== SellerDetailsCompact Styling ========= */
.listing-seller-compact {
  margin-block: var(--space-2);
}

.listing-seller-compact__heading {
  color: var(--color-text);
  font-size: var(--font-size-lg);
  font-family: var(--font-body);
  font-weight: 700;
  display: inline-block;
  padding-inline-end: var(--space-2);
}

.listing-seller-compact__details {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  margin: 0;
}

.listing-seller-compact__label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
  width: 10rem;
}

.listing-seller-compact__value {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin: 0;
}

.listing-seller-compact__value--verified {
  color: var(--color-success, #22c55e);
  font-weight: 600;
}

.listing-seller-compact__link {
  font-size: var(--font-size-sm);
  color: var(--color-accent-1);
  text-decoration: none;
  transition: color 0.2s ease;
}
.listing-seller-compact__link:hover {
  color: var(--color-accent-1-dark);
  text-decoration: underline;
}

/* ====== InfoContent (Section Layout) ========= */
.listing-info {
  margin-block: var(--space-2);
}

.listing-info__columns {
  display: flex;
  flex-direction: row;
  gap: var(--space-4);
}

.listing-info__columns > div {
  flex: 1;
}

@media screen and (max-width: 800px) {
  .listing-info__columns {
    flex-direction: column;
  }
  .listing-info__columns > div {
    width: 100%;
  }
}
/* ====== DetailsList Styling ========= */
.listing-details,
.listing-descriptions {
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.listing-details__section,
.listing-descriptions__seller-note {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.listing-details__heading,
.listing-descriptions__title,
.seller-details-expanded__section-title {
  font-size: var(--font-size-lg) !important;
  font-weight: 700;
  margin: 0;
  padding-block-end: var(--space-1);
}

.listing-details__list,
.seller-details-expanded__list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  margin: 0;
}

.listing-details__label {
  font-size: var(--font-size-sm);
  font-weight: 700;
  margin: 0;
  width: 10rem;
  padding-block-start: var(--space-1);
  border-block-start: solid var(--color-border) var(--line-thin);
}

.listing-details__value {
  font-size: var(--font-size-sm);
  margin: 0;
  padding-block-start: var(--space-1);
  border-block-start: solid var(--color-border) var(--line-thin);
}
.listing-details__value a {
  color: var(--color-text);
  text-decoration: underline dotted;
  transition: color 0.2s ease;
}
.listing-details__value a:hover {
  color: var(--color-accent-1);
  text-decoration: underline solid;
}

/* ====== Descriptions Styling ========= */
.listing-descriptions__body {
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  color: var(--color-text);
  line-height: 1.6;
}
.listing-descriptions__body p {
  margin-block: var(--space-2);
}
.listing-descriptions__body p:first-child {
  margin-block-start: 0;
}
.listing-descriptions__body p:last-child {
  margin-block-end: 0;
}
.listing-descriptions__body a {
  color: var(--color-accent-1);
  text-decoration: none;
  transition: color 0.2s ease;
}
.listing-descriptions__body a:hover {
  color: var(--color-accent-1-dark);
  text-decoration: underline;
}

/* ====== Security Section Styling ========= */
.section__security .container {
  background: var(--color-surface);
  padding: var(--space-3);
  margin-block: var(--space-2);
  border: solid var(--color-accent-1) var(--line-thin);
  border-radius: var(--radius-lg);
}

.section__security h2,
.section__security p {
  text-align: center;
}

.section__security h2 {
  margin-block-start: var(--space-2);
}

/* ====== SellerInfo Section Styling ========= */
/*
.section__seller {
	display: none; // Hide by default, enable when functionality is added
}

.listing-seller {
	margin-block: var(--space-4);
}

.listing-seller__content {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.seller-details {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.seller-details__title {
	margin: 0;
	font-size: var(--font-size-md);
	font-weight: 700;
	color: var(--color-text);
}

.seller-details__name {
	font-size: var(--font-size-md);
	font-weight: 600;
	color: var(--color-text);
}

.seller-details__meta {
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
}

.seller-badges {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.seller-badges__title {
	margin: 0;
	font-size: var(--font-size-md);
	font-weight: 700;
	color: var(--color-text);
}

.seller-badges__list {
	display: flex;
	gap: var(--space-2);
	flex-wrap: wrap;
}

.seller-reviews {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.seller-reviews__title {
	margin: 0;
	font-size: var(--font-size-md);
	font-weight: 700;
	color: var(--color-text);
}

.seller-reviews__empty {
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
}*/
/* ====== SellerDetailsExpanded Styling ========= */
.seller-details-expanded__main-sections {
  display: flex;
  flex-direction: row;
  gap: var(--space-4);
  margin-block-end: var(--space-1);
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .seller-details-expanded__main-sections {
    flex-direction: column;
  }
}

.seller-details-expanded__section {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.seller-details-expanded__section-title {
  padding: 0 !important;
}

.seller-details-expanded__list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  margin: 0;
}

.seller-details-expanded__label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
  width: 8rem;
  padding-block-start: var(--space-1);
}

.seller-details-expanded__value {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin: 0;
  padding-block-start: var(--space-1);
  padding-inline-end: var(--space-4);
}

.seller-details-expanded__value--verified {
  color: var(--color-success, #22c55e);
  font-weight: 600;
}

.seller-details-expanded__biography {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}

.seller-details-expanded__section:has(.seller-details-expanded__biography) {
  display: none;
}

.seller-details-expanded__shipping-options {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.seller-details-expanded__option {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-size-sm);
  color: var(--color-text);
  margin: 0;
  padding-block-start: var(--space-1);
}

.seller-details-expanded__option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  color: var(--color-success, #22c55e);
  font-weight: 700;
  flex-shrink: 0;
}

/*
.seller-details-expanded__actions {

} */
.seller-details-expanded__link {
  display: inline-block;
}
.seller-details-expanded__link:hover, .seller-details-expanded__link:active {
  filter: brightness(0.9);
}

/* ====== RelatedListings Section Styling ========= */
.section__related {
  display: none;
}

.related-listings {
  margin-block: var(--space-4);
}

.related-listings__title {
  margin: 0 0 var(--space-3) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text);
}

.related-listings__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--space-3);
}
@media (min-width: 64rem) {
  .related-listings__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.related-listings__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-2);
  border: solid var(--line-thin) var(--color-border);
  border-radius: var(--radius-md);
  transition: border-color 0.2s ease;
}
.related-listings__item:hover {
  border-color: var(--color-accent-1);
}

/* ====== FAQ Section Styling ========= */
.listing-faq-block {
  max-width: var(--content-narrow);
  margin-block: var(--space-4);
  margin-inline: auto;
}

.listing-faq-block__title {
  margin: 0 0 var(--space-3) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text);
  text-align: center;
}

/*
.listing-faq-block__items,
.listing-faq-block__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.listing-faq-block__item,
.faq-item {
	padding: var(--space-2);
	border: solid var(--line-thin) var(--color-border);
	border-radius: var(--radius-md);
}

.listing-faq-block__question,
.faq-item__question {
	margin: 0;
	font-size: var(--font-size-md);
	font-weight: 600;
	color: var(--color-text);
	cursor: pointer;
list-style: none;
}

.faq-item__question::-webkit-details-marker {
display: none;
} 
.listing-faq-block__answer,
.faq-item__answer {
	margin: var(--space-2) 0 0 0;
	font-size: var(--font-size-sm);
	color: var(--color-text);
	line-height: 1.6;
	max-width: var(--content-narrow);
} */
.listing-faq-block__footer {
  margin-block-start: var(--space-2);
  text-align: center;
}

/* ====== BELOW IS LEGACY STYLING =========
 * ======   KEEP FOR REFERENCE    ====== */
/* ====== BELOW IS LEGACY STYLING =========
 * ======   KEEP FOR REFERENCE    ====== */
/* ====== PRODUCT DETAILS LAYOUT ====== */
.single-product-details-top-section.module_column {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}

/* ====== WHISKY INFO SECTION ====== */
.whisky_info_row {
  border-block-start: solid #eee 1px;
  padding-block-start: 0.3em;
}

.whisky_info_label p {
  font-size: 0.9em;
  font-weight: bold;
  margin-block-end: 0.3em !important;
}

.whisky_info_input {
  font-size: 0.9em;
  margin-block-end: 0 !important;
}

.whisky_info_title h3 {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding-block-start: 1em;
}

/* ====== SECURITY COLUMN ====== */
.single-product-security-column {
  padding: 1em;
  margin-block: 15px;
  border: solid #dddddd 1px;
  border-radius: var(--radius-md);
}

.single-product-security-column h5 {
  text-align: center;
}

.single-product-security-column:hover {
  border-color: var(--color-accent-1);
}

/* ====== SELLER ARCHIVE PAGE ====== */
.seller-info-sidebar__header {
  text-align: center;
}

.seller-info-sidebar__section {
  padding: var(--space-2) 0;
  border-block-start: solid var(--color-border) var(--line-thin);
  color: var(--color-text);
}
.seller-info-sidebar__section.seller-info-sidebar__section--seller-info {
  border-block-start: none;
}

.seller-info-sidebar__detail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.seller-info-sidebar__detail dt {
  font-size: var(--font-size-sm);
  font-weight: bold;
  width: 120px;
}

.seller-info-sidebar__detail dd,
.seller-info-sidebar__preferences li {
  font-size: var(--font-size-sm);
}

.seller-info-sidebar__preferences {
  padding-top: var(--space-1);
}

.seller-info-sidebar__status.seller-info-sidebar__status--verified {
  color: var(--color-success, #22c55e);
  font-weight: 600;
}

.seller-info-sidebar__detail--new-section {
  padding-block-start: var(--space-2);
}

.seller-info-sidebar__detail--biography {
  display: block !important;
}

.seller-info-sidebar__trade-preferences-description {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  line-height: 1.6;
  margin: 0;
}

.seller-info-sidebar__preferences li {
  margin: 0;
}

.seller-info-sidebar__trade-preferences-note {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  font-style: italic;
  margin-block: var(--space-1);
}

.seller-info-sidebar__placeholder {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  font-style: italic;
}

/* ====== HEADER ====== */
.whisky-archive__header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-4);
  margin-bottom: var(--space-2);
}
.whisky-archive__header h1 {
  margin-bottom: 0;
}
.whisky-archive__header .whisky-archive__term-excerpt p {
  display: inline;
}
.whisky-archive__header .whisky-archive__term-excerpt p, .whisky-archive__header .whisky-archive__term-excerpt a {
  font-size: var(--font-size-md);
  font-family: var(--font-body);
}
.whisky-archive__header .whisky-archive__term-logo {
  padding: var(--space-1);
  margin-inline: auto;
  max-width: max-content;
  text-align: center;
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-lg);
  display: flex;
  justify-items: center;
  align-items: center;
}
.whisky-archive__header .whisky-archive__term-logo img {
  width: 100%;
  height: auto;
  max-height: 120px;
  border-radius: var(--radius-md);
}
@media (max-width: 800px) {
  .whisky-archive__header .whisky-archive__term-logo {
    display: none;
  }
}
@media (max-width: 600px) {
  .whisky-archive__header {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .whisky-archive__header .whisky-archive__term-logo {
    margin: 0 auto;
  }
}

/* ====== SERIES / RANGES ====== */
.whisky-archive__series-ranges .whisky-archive__series-ranges-title {
  font-size: var(--font-size-md);
  margin: 0 0 var(--space-2);
}
.whisky-archive__series-ranges .whisky-archive__series-ranges-list {
  display: flex;
  gap: var(--space-2);
  overflow-x: auto;
  padding-block-end: var(--space-1);
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
}
.whisky-archive__series-ranges .whisky-archive__series-range-card {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 10px var(--space-2);
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  text-decoration: none;
  color: var(--color-text);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);
}
.whisky-archive__series-ranges .whisky-archive__series-range-card:hover {
  border-color: var(--color-accent-1);
  background: color-mix(in srgb, var(--color-accent-1), transparent 90%);
}
.whisky-archive__series-ranges .whisky-archive__series-range-card.is-active {
  border-color: var(--color-accent-1);
  background: color-mix(in srgb, var(--color-accent-1), transparent 85%);
}
.whisky-archive__series-ranges .whisky-archive__series-range-name {
  font-size: var(--font-size-sm);
  font-weight: 700;
  white-space: nowrap;
}
.whisky-archive__series-ranges .whisky-archive__series-range-count {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  padding: 2px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-text), transparent 92%);
}

/* ====== TOOLBAR (sort + count) ====== */
.whisky-archive__toolbar {
  padding-block-start: var(--space-3);
  margin-block: var(--space-2);
  border-block-start: solid var(--color-border) var(--line-thin);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.whisky-archive__toolbar--top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2);
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle {
  display: inline-flex;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__icon--close {
  display: none;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button {
  gap: 0 !important;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button span.ww-sidebar-mobile-toggle__label {
  font-weight: 700 !important;
  font-size: var(--font-size-md) !important;
  letter-spacing: var(--letter-spacing-relaxed) !important;
  padding-inline: var(--space-3) !important;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button[aria-expanded=true] .ww-sidebar-mobile-toggle__icon--menu {
  display: none;
}
.whisky-archive__toolbar--top .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button[aria-expanded=true] .ww-sidebar-mobile-toggle__icon--close {
  display: inline-flex;
}
.whisky-archive__toolbar--top .whisky-archive__filters-active {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.whisky-archive__toolbar--bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
}
.whisky-archive__toolbar--bottom .whisky-archive__sort-form {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.whisky-archive__toolbar--bottom label {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  white-space: nowrap;
}
.whisky-archive__toolbar--bottom select {
  font-size: var(--font-size-sm);
  padding-block: 6px;
  padding-inline: var(--space-2);
  margin-bottom: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-text);
  cursor: pointer;
}
.whisky-archive__toolbar--bottom .whisky-archive__count {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-bottom: 0;
}

.whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button,
.search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button,
.whisky-archive .ww-filter__actions .btn-primary,
.search-archive .ww-filter__actions .btn-primary {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  border: solid var(--color-accent-2) var(--line-thin) !important;
  border-radius: var(--radius-full) !important;
  padding: 0 var(--space-3) !important;
  height: 40px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  cursor: pointer !important;
  font-weight: 700;
  font-size: var(--font-size-sm);
  transform: none !important;
  line-height: 1;
  text-decoration: none;
  box-shadow: none !important;
  transition: filter var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal);
}

.whisky-archive .ww-filter__actions,
.search-archive .ww-filter__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--space-1);
  align-items: stretch;
}

.whisky-archive .ww-filter__actions .btn-primary,
.whisky-archive .ww-filter__actions .btn-secondary,
.whisky-archive .ww-filter__actions .section-hero #hero-secondary-button,
.section-hero .whisky-archive .ww-filter__actions #hero-secondary-button,
.whisky-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button,
.section-homepage-hero .hero-actions .whisky-archive .ww-filter__actions a.hero-secondary-button,
.whisky-archive .ww-filter__actions .seller-details-expanded__link,
.search-archive .ww-filter__actions .btn-primary,
.search-archive .ww-filter__actions .btn-secondary,
.search-archive .ww-filter__actions .section-hero #hero-secondary-button,
.section-hero .search-archive .ww-filter__actions #hero-secondary-button,
.search-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button,
.section-homepage-hero .hero-actions .search-archive .ww-filter__actions a.hero-secondary-button,
.search-archive .ww-filter__actions .seller-details-expanded__link {
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button svg,
.search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button svg {
  display: none !important;
}

.whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button[aria-expanded=true],
.whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button:hover,
.whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button:focus-visible,
.whisky-archive .ww-filter__actions .btn-primary:hover,
.whisky-archive .ww-filter__actions .btn-primary:focus-visible,
.search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button[aria-expanded=true],
.search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button:hover,
.search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button:focus-visible,
.search-archive .ww-filter__actions .btn-primary:hover,
.search-archive .ww-filter__actions .btn-primary:focus-visible {
  background: color-mix(in srgb, var(--color-accent-2), white 10%) !important;
  border-color: color-mix(in srgb, var(--color-accent-2), white 10%) !important;
  color: var(--color-text-on-dark-bg) !important;
  filter: brightness(0.95);
}

.whisky-archive .whisky-archive__toolbar-reset,
.whisky-archive .ww-filter__actions .btn-secondary,
.whisky-archive .ww-filter__actions .section-hero #hero-secondary-button,
.section-hero .whisky-archive .ww-filter__actions #hero-secondary-button,
.whisky-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button,
.section-homepage-hero .hero-actions .whisky-archive .ww-filter__actions a.hero-secondary-button,
.whisky-archive .ww-filter__actions .seller-details-expanded__link,
.search-archive .whisky-archive__toolbar-reset,
.search-archive .ww-filter__actions .btn-secondary,
.search-archive .ww-filter__actions .section-hero #hero-secondary-button,
.section-hero .search-archive .ww-filter__actions #hero-secondary-button,
.search-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button,
.section-homepage-hero .hero-actions .search-archive .ww-filter__actions a.hero-secondary-button,
.search-archive .ww-filter__actions .seller-details-expanded__link {
  background: transparent !important;
  color: var(--color-accent-2) !important;
  border: solid var(--color-accent-2) var(--line-thin) !important;
  border-radius: var(--radius-full) !important;
  padding: 0 var(--space-3) !important;
  height: 40px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none !important;
  transition: filter var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal);
}

.whisky-archive .whisky-archive__toolbar-reset:hover,
.whisky-archive .whisky-archive__toolbar-reset:focus-visible,
.whisky-archive .ww-filter__actions .btn-secondary:hover,
.whisky-archive .ww-filter__actions .section-hero #hero-secondary-button:hover,
.section-hero .whisky-archive .ww-filter__actions #hero-secondary-button:hover,
.whisky-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button:hover,
.section-homepage-hero .hero-actions .whisky-archive .ww-filter__actions a.hero-secondary-button:hover,
.whisky-archive .ww-filter__actions .seller-details-expanded__link:hover,
.whisky-archive .ww-filter__actions .btn-secondary:focus-visible,
.whisky-archive .ww-filter__actions .section-hero #hero-secondary-button:focus-visible,
.section-hero .whisky-archive .ww-filter__actions #hero-secondary-button:focus-visible,
.whisky-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button:focus-visible,
.section-homepage-hero .hero-actions .whisky-archive .ww-filter__actions a.hero-secondary-button:focus-visible,
.whisky-archive .ww-filter__actions .seller-details-expanded__link:focus-visible,
.search-archive .whisky-archive__toolbar-reset:hover,
.search-archive .whisky-archive__toolbar-reset:focus-visible,
.search-archive .ww-filter__actions .btn-secondary:hover,
.search-archive .ww-filter__actions .section-hero #hero-secondary-button:hover,
.section-hero .search-archive .ww-filter__actions #hero-secondary-button:hover,
.search-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button:hover,
.section-homepage-hero .hero-actions .search-archive .ww-filter__actions a.hero-secondary-button:hover,
.search-archive .ww-filter__actions .seller-details-expanded__link:hover,
.search-archive .ww-filter__actions .btn-secondary:focus-visible,
.search-archive .ww-filter__actions .section-hero #hero-secondary-button:focus-visible,
.section-hero .search-archive .ww-filter__actions #hero-secondary-button:focus-visible,
.search-archive .ww-filter__actions .section-homepage-hero .hero-actions a.hero-secondary-button:focus-visible,
.section-homepage-hero .hero-actions .search-archive .ww-filter__actions a.hero-secondary-button:focus-visible,
.search-archive .ww-filter__actions .seller-details-expanded__link:focus-visible {
  background: color-mix(in srgb, var(--color-accent-2) 8%, transparent) !important;
  color: var(--color-accent-2) !important;
  border-color: var(--color-accent-2) !important;
  filter: brightness(0.95);
}

/* ====== LISTING ARCHIVE GRID ====== */
.whisky-archive__empty {
  padding: 60px 0;
  text-align: center;
  color: #888;
}

.listing-archive-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-6) var(--space-3);
}

@media (max-width: 1300px) {
  .listing-archive-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4) var(--space-2);
  }
}
@media (max-width: 1000px) {
  .listing-archive-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4) var(--space-2);
  }
}
@media (max-width: 500px) {
  .listing-archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ====== PAGINATION ====== */
.whisky-archive__pagination {
  margin-block-start: 48px;
  display: flex;
  justify-content: center;
}
.whisky-archive__pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.whisky-archive__pagination .page-numbers li a,
.whisky-archive__pagination .page-numbers li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding-inline: 10px;
  border-radius: 4px;
  font-size: 0.9rem;
  text-decoration: none;
  border: 1px solid #ddd;
}
.whisky-archive__pagination .page-numbers li .current {
  background-color: var(--color-primary, #333);
  color: #fff;
  border-color: transparent;
}

/* ====== ENRICHMENT ====== */
.whisky-archive__buyer-protection {
  margin-block: var(--space-6);
  padding-block: var(--space-6);
  border-block: solid var(--color-border) var(--line-thin);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.whisky-archive__buyer-protection h2 {
  margin-bottom: 0;
}

.whisky-archive__enrichment .whisky-archive__magazine-posts-grid {
  margin-block: var(--space-3);
}
.whisky-archive__enrichment .whisky-archive__magazine-posts-link {
  display: block;
  width: fit-content;
  margin-top: var(--space-2);
  margin-inline: auto;
}
.whisky-archive__enrichment .whisky-archive__featured-image img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}
.whisky-archive__enrichment .whisky-archive__details {
  display: flex;
  flex-direction: row;
  gap: var(--space-4);
}
@media (max-width: 800px) {
  .whisky-archive__enrichment .whisky-archive__details {
    flex-direction: column;
    gap: var(--space-2);
  }
}
.whisky-archive__enrichment .whisky-archive__details .whisky-archive__details-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 300px;
}
.whisky-archive__enrichment .whisky-archive__details .whisky-archive__details-section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.whisky-archive__enrichment .whisky-archive__details .whisky-archive__details-section ul > li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.whisky-archive__enrichment .whisky-archive__details .whisky-archive__article-section h2 {
  margin-top: 0;
}
.whisky-archive__enrichment .whisky-archive__description {
  margin-inline: auto;
}

/* ====== DESKTOP STYLING ====== */
@media (min-width: 800px) {
  .whisky-archive .with-sidebar.has-sidebar__left,
  .search-archive .with-sidebar.has-sidebar__left {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .whisky-archive .with-sidebar__sidebar,
  .search-archive .with-sidebar__sidebar {
    padding: 0;
  }
  .whisky-archive .with-sidebar__sidebar.is-open .ww-sidebar-mobile-panel,
  .search-archive .with-sidebar__sidebar.is-open .ww-sidebar-mobile-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }
  .whisky-archive .ww-sidebar-mobile-panel,
  .search-archive .ww-sidebar-mobile-panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(86vw, 380px);
    margin: 0;
    padding: 150px var(--space-3) 4rem;
    background: var(--color-bg);
    box-shadow: var(--shadow-lg);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(calc(-100% - 2px));
    transition: transform var(--transition-normal), opacity var(--transition-fast), visibility var(--transition-fast);
    z-index: 1980;
  }
  .whisky-archive .ww-sidebar-mobile-overlay,
  .search-archive .ww-sidebar-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    touch-action: none;
    overscroll-behavior: contain;
    z-index: 1970;
  }
  .whisky-archive .ww-sidebar-mobile-overlay[hidden],
  .search-archive .ww-sidebar-mobile-overlay[hidden] {
    display: none !important;
  }
  .whisky-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button,
  .search-archive .whisky-archive__toolbar-filters .ww-sidebar-mobile-toggle__button {
    height: 42px !important;
    padding-inline: var(--space-3) !important;
    font-weight: 800;
  }
}
/* ====== SELLER ARCHIVE ====== */
.seller-archive__header {
  margin-block-end: var(--space-2);
  text-align: center;
}

.seller-archive__intro {
  font-size: var(--font-size-sm);
  font-weight: bold;
  color: var(--color-text-muted);
  margin-bottom: var(--space-1);
  text-transform: uppercase;
}

.seller-archive__name {
  margin: 0;
}

@media (min-width: 800px) {
  .seller-archive .listing-archive-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4) var(--space-2);
  }
}
@media (min-width: 1300px) {
  .seller-archive .listing-archive-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* ====== GF GENERAL ====== */
.gform_wrapper .gform_heading {
  display: none;
}

.gform_wrapper form .gfield--type-html > hr {
  border-block-start: var(--line-thin) solid var(--color-border) !important;
  border-inline-end: none;
  border-block-end: none;
  border-inline-start: none;
  margin-block-start: 15px;
  padding-block-end: 10px;
}

.gform_wrapper form .gfield--type-html {
  color: var(--color-text-muted);
}

.gform_wrapper form .gfield--type-html p,
.gform_wrapper form .gfield .gfield_description {
  font-size: var(--font-size-sm) !important;
}

.gform_wrapper form .gfield--type-html > div.divider {
  margin: var(--space-1);
  width: 95%;
}

.gform_wrapper form .gfield--type-html > div.spacer {
  padding: var(--space-1);
}

/* ====== GF SECTION FIELDS ====== */
.gform_wrapper form .gfield--type-section {
  border-block-start: var(--line-thin) solid var(--color-border);
  border-block-end: none !important;
  margin-block-start: 20px;
  padding-block-start: 20px;
  padding-block-end: 0;
}

.gform_wrapper form .gfield--type-section p {
  font-size: var(--font-size-sm) !important;
}

.gform_wrapper form .gfield--type-section.hide-top-border {
  border-block-start: none !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* ====== GF STRUCTURE ====== */
.gform_wrapper .gform_page_footer {
  padding-block: 30px 60px;
}

.gform_wrapper .gfield.display-none {
  display: none !important;
}

/* ====== LEFT-ALIGNED FIELDS ====== */
/* Desktop View and Tablet View (Landscape) - Label Left */
@media screen and (min-width: 900px) {
  .gform_wrapper form .gform_page_fields > .left_label .gfield > .gfield_label {
    width: 29% !important;
    min-width: 160px !important;
  }
  .gform_wrapper form .gform_page_fields > .left_label .gfield > .ginput_container {
    width: 70% !important;
    max-width: calc(100% - 170px) !important;
  }
}
/* Tablet View (Portait) and Mobile View - Label on Top */
@media screen and (max-width: 900px) {
  .gform_wrapper form .gform_page_fields > .left_label .gfield > .gfield_label {
    width: 100% !important;
    min-width: 160px !important;
  }
  .gform_wrapper form .gform_page_fields > .left_label .gfield > .ginput_container {
    width: 100% !important;
    max-width: calc(100% - 10px) !important;
  }
}
/* ====== GF LABELS ====== */
.gfield > label.gfield_label,
.gfield > legend.gfield_label {
  color: var(--color-text) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: bold !important;
  letter-spacing: var(--letter-spacing-normal);
}

.gfield .gchoice > label {
  color: var(--color-text) !important;
  font-size: var(--font-size-sm) !important;
}

/* ====== GF INPUTS ====== */
/*.gfield > .ginput_container > .ts-wrapper, */
.gfield > .ginput_container > input,
.gfield > .ginput_container > textarea,
.gfield > .ginput_container > select,
.gfield > .ginput_container > .gchoice > input,
.gfield > .ginput_container > .ts-wrapper,
.gfield > .ginput_container > div > .gchoice > input,
.gfield > .ginput_container > .chosen-container {
  background: var(--color-form-bg) !important;
  color: var(--color-form-text-muted) !important;
  font-size: var(--font-size-sm) !important;
  border: solid var(--color-border) var(--line-thin) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}

.gfield > .ginput_container > input {
  padding-block: auto;
  padding-inline: 10px !important;
}

.gfield > .ginput_container > select:hover,
.gfield > .ginput_container > select:focus,
.gfield > .ginput_container .gchoice > input:hover,
.gfield > .ginput_container .gchoice > input:focus,
.gfield > .ginput_container > input:hover,
.gfield > .ginput_container > input:focus,
.gfield > .ginput_container > textarea:hover,
.gfield > .ginput_container > textarea:focus,
.gfield > .ginput_container > div > .gchoice > input:hover,
.gfield > .ginput_container > div > .gchoice > input:focus,
.gfield > .ginput_container > .chosen-container:hover,
.gfield > .ginput_container > .chosen-container:focus {
  color: var(--color-text) !important;
  border-color: var(--color-accent-1) !important;
}

.gfield.hide-desc > .ginput_container .gfield_description {
  display: none;
}

.gform_wrapper form .field-prefilled :is(input[readonly], select[readonly], textarea[readonly], input:disabled, select:disabled, textarea:disabled, .chosen-single[readonly], .gfield_checkbox[disabled], .gfield_radio[disabled]):hover {
  border: none !important;
}

/* ====== GF FIELD TYPES > NUMBER ====== */
.gfield.gfield--type-number.currency-before > .ginput_container input {
  position: relative;
  inset-inline-start: 20px;
}

.gfield.gfield--type-number.currency-before > .ginput_container input::before {
  content: "€";
  padding-inline-end: 5px;
  padding-inline-start: 0;
  display: inline-block;
}

/* ====== GF FIELD TYPES > SELECT / SELECT2 ====== */
.gfield > .ginput_container > select > option.gf_placeholder {
  color: var(--color-accent-5) !important;
}

/*
.gfield > .ginput_container .chosen-single {
	font-size: var(--font-size-sm) !important;
	border: solid #ccc 1px !important;
	box-shadow: none;
}

.gfield > .ginput_container .chosen-single:hover {
	border-color: var(--color-accent-5) !important;
}

.gfield > .ginput_container .chosen-drop {
	border-block-start: none !important;
	border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
	margin-block-start: -5px;
	box-shadow: 0px 5px 15px var(--color-accent-5) !important;
}

.gfield > .ginput_container .chosen-drop ul.chosen-results > li.result-selected {
	box-shadow: inset 3px 0px var(--color-accent-1) !important;
}


.gfield > .ginput_container .chosen-container-active {
	border-color: var(--color-accent-1) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li {
	color: var(--color-accent-2) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.gf_placeholder,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.gf_placeholder {
	color: var(--color-text-muted) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active .chosen-single,
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
	--gf-local-border-color: var(--color-accent-1) !important;
	--gf-local-outline-color: var(--color-accent-1) !important;
} */
/* ====== GF FIELD TYPES > CHECKBOX ====== */
.gfield > .ginput_container input[type=checkbox]::before,
.gfield > .copy_values_option_container input[type=checkbox]::before {
  content: "";
  border: solid var(--color-accent-1) 7px;
  margin: 0 !important;
  transform: none !important;
}

.ginput_container_checkbox input[type=checkbox]:checked::before,
.gfield > .copy_values_option_container input[type=checkbox]:checked::before {
  background: var(--color-accent-1) !important;
  border: solid 1px var(--color-accent-1) !important;
  border-radius: 1px;
  position: static !important;
  padding: 6px;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  content: "";
}

/* ====== GF FIELD TYPES > RADIO ====== */
.gfield > .ginput_container input[type=radio]::before {
  background-color: var(--color-accent-1);
  height: 1em;
  width: 1em;
}

.gfield > .ginput_container_radio > div > .gchoice > input {
  border-radius: var(--radius-full) !important;
}

/* ====== GF BUTTONS > SUBMIT ====== */
.gform_wrapper .gfield--type-submit > input[type=submit],
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button,
.gform_wrapper .gform-footer.gform_footer > input[type=submit].gform_button.button {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  padding-block: 18px;
  padding-inline: 30px !important;
  border-radius: var(--radius-full) !important;
  transform: none;
}

.gform_wrapper .gfield--type-submit > input[type=submit]:hover,
.gform_wrapper .gfield--type-submit > input[type=submit]:focus,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_button.button:focus,
.gform_wrapper .gform-footer.gform_footer > input[type=submit]:hover,
.gform_wrapper .gform-footer.gform_footer > input[type=submit]:focus {
  background: var(--color-accent-5) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > PREVIOUS ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button {
  background: var(--color-bg) !important;
  border: solid var(--color-accent-2) 1px !important;
  width: 120px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_previous_button:focus {
  color: var(--color-accent-1);
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > NEXT ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button {
  background: var(--color-accent-2) !important;
  width: 160px;
  margin-inline-end: calc(100% - 240px - 240px - 160px - 120px - 24px);
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_next_button:focus {
  background: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > BACK TO LAST PAGE ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button {
  background: var(--color-bg) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-text-muted) !important;
  width: 240px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=button].gform_last_page_button:focus {
  color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

/* ====== GF BUTTONS > SAVE AND CONTINUE LATER ====== */
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link {
  background: var(--color-bg) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-accent-5) !important;
  transform: none !important;
  width: 240px;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link:hover,
.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link:focus {
  color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  text-decoration: underline !important;
}

.gform_wrapper .gform_page_footer.gform-page-footer > input[type=submit].gform_save_link::before {
  display: none;
}

/* ====== GF BUTTONS > FILE UPLOAD ====== */
.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea {
  border-color: var(--color-accent-5) !important;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea:hover {
  background: var(--color-surface) !important;
  border-color: var(--color-accent-1) !important;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea span {
  color: var(--color-accent-5) !important;
  font-size: var(--font-size-sm) !important;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea > div > .gpfup__select-files-container > button {
  background: var(--color-accent-2) !important;
  font-size: var(--font-size-sm) !important;
  transform: none;
}

.gform_wrapper .gfield--type-fileupload > .ginput_container > .gform_fileupload_multifile > .gpfup > .gpfup__droparea > div > .gpfup__select-files-container > button:hover {
  background: var(--color-accent-1) !important;
}

/* ====== CREATE LISTING FORM > RESPONSIVE LAYOUT ====== */
/* Desktop View */
@media screen and (min-width: 1200px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 80%;
    padding-inline-start: 10%;
  }
}
/* Tablet View (Landscape) */
@media screen and (max-width: 1200px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 88%;
    padding-inline-start: 6%;
  }
}
/* Tablet View (Portrait) */
@media screen and (max-width: 900px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 94%;
    padding-inline-start: 3%;
  }
}
/* Mobile View */
@media screen and (max-width: 600px) {
  .create-listing-form form > .gform-body.gform_body .gform_page_fields {
    width: 98%;
    padding-inline-start: 1%;
  }
}
/* ====== CREATE LISTING FORM > FIELD STYLES ====== */
.create-listing-form .gform_wrapper form .gfield--type-text > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-number > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-select > .gfield_label,
.create-listing-form .gform_wrapper form .gfield--type-fileupload > .gfield_label {
  padding-block-start: 8px;
}

.create-listing-form .gform_wrapper form .checkbox-flex-columns .ginput_container > .gfield_checkbox {
  flex-direction: row;
  flex-wrap: wrap;
}

.create-listing-form .gform_wrapper form .checkbox-flex-columns .ginput_container > .gfield_checkbox > .gchoice {
  flex-basis: 120px !important;
}

.create-listing-form .gform_wrapper form .p-label {
  width: 162px;
}

.create-listing-form .gform_wrapper form .p-label p {
  font-size: var(--font-size-sm) !important;
  text-align: right;
}

.create-listing-form .gform_wrapper form .p-label p.p-label {
  font-weight: bold;
}

.create-listing-form .gform_wrapper form #field_22_81 .gfield_description,
.create-listing-form .gform_wrapper form #field_22_82 .gfield_description,
.create-listing-form .gform_wrapper form #field_22_83 .gfield_description {
  display: none;
}

.create-listing-form .gform_wrapper form span.pre-selected-read-only-proof {
  font-weight: bold;
}

.create-listing-form .gfield.pre-selected-read-only-proof > .ginput_container input[type=checkbox]::before {
  border: solid var(--green) 10px !important;
}

/* ====== CREATE LISTING FORM > PAGE STEPS STYLING ====== */
.create-listing-form .gform_wrapper form .gf_page_steps {
  display: flex;
  gap: 0 !important;
  flex-grow: 2;
  border-block-end: var(--line-thin) solid var(--color-accent-1);
}

.create-listing-form .gform_wrapper form .gf_step {
  flex: 25% !important;
  align-items: flex-end;
  gap: 0;
  padding-block-end: 5px;
  border-block-end: solid transparent 2px;
}

.create-listing-form .gform_wrapper form .gf_step.gf_step_active {
  background: var(--color-surface);
  color: var(--color-text);
  border: solid var(--color-accent-1) 1px;
  border-bottom: none;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.create-listing-form .gform_wrapper form .gf_step.gf_step_active .gf_step_number, .create-listing-form .gform_wrapper form .gf_step.gf_step_active .gf_step_label {
  color: var(--color-text) !important;
}

.create-listing-form .gform_wrapper form .gf_step.gpmpn-step-linked a {
  align-items: flex-end;
  gap: 0 !important;
}

.create-listing-form .gform_wrapper form .gf_step.gpmpn-step-linked a:hover {
  text-decoration: none;
}

.create-listing-form .gform_wrapper form .gf_step_completed .gf_step_number::after {
  display: none;
}

/* Step Number */
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step_number {
  background: none;
  color: black;
  font-size: var(--font-size-lg) !important;
  font-weight: 400;
  border: none;
  align-items: flex-end;
}

.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gpmpn-step-linked .gf_step_number {
  color: var(--color-accent-1);
}

/* Step Label */
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step_label {
  font-size: var(--font-size-sm) !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  padding-block-end: 6px;
}

.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_label,
.create-listing-form .gform_wrapper form .gf_page_steps .gf_step.gpmpn-step-linked .gf_step_label {
  color: var(--color-accent-1);
}

/* ====== CREATE LISTING FORM > PREFILLED FIELDS STYLING ====== */
.create-listing-form .gform_wrapper form .field-prefilled span.unlock-btn {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.create-listing-form .gform_wrapper form .field-prefilled span.unlock-btn:hover {
  background: var(--color-accent-1) !important;
}

.create-listing-form .gform_wrapper form .field-prefilled .ginput_container > input,
.create-listing-form .gform_wrapper form .field-prefilled .ginput_container > select,
.create-listing-form .gform_wrapper form .field-prefilled .ginput_container > textarea,
.create-listing-form .gform_wrapper form .field-prefilled .ginput_container > .chosen-container,
.create-listing-form .gform_wrapper form .field-prefilled .ginput_container > .ts-wrapper,
.create-listing-form .gform_wrapper form .field-prefilled .gfield_checkbox,
.create-listing-form .gform_wrapper form .field-prefilled .gfield_radio {
  color: var(--color-text-muted) !important;
  border-style: solid !important;
  border-radius: var(--radius-sm) !important;
  border-color: var(--color-form-prefilled) !important;
  border-width: 1px 35px 1px 1px !important;
  transition: var(--transition-normal) !important;
}

.create-listing-form .gform_wrapper form .field-prefilled > .ginput_container > input:hover,
.create-listing-form .gform_wrapper form .field-prefilled > .ginput_container > select:hover,
.create-listing-form .gform_wrapper form .field-prefilled > .ginput_container > .chosen-container-single > .chosen-single:hover,
.create-listing-form .gform_wrapper form .field-prefilled > .ginput_container > .gfield_checkbox:hover,
.create-listing-form .gform_wrapper form .field-prefilled > .ginput_container > .gfield_radio:hover {
  border-color: var(--color-accent-1) !important;
}

/* LOCK/UNLOCK ICON */
.field-prefilled .ginput_container {
  position: relative;
}

.field-prefilled .unlock-btn {
  background: transparent;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.2s ease;
  z-index: 10;
}

.field-prefilled .unlock-btn:hover {
  opacity: 1;
}

.field-prefilled .unlock-btn img {
  max-height: 16px;
  max-width: 16px;
  pointer-events: none;
  filter: invert(1);
}

/* PREFILL NOTICE HEADER */
#prefill-notice {
  /*background: var(--off-accent);*/
  text-align: center;
  padding: 20px;
  margin-bottom: 40px;
  border: solid var(--color-form-prefilled) 2px;
  border-right-width: 20px;
  border-radius: var(--radius-lg);
}

#prefill-notice h5 {
  font-weight: bold;
  font-size: var(--font-size-lg);
  margin-bottom: 10px;
}

#prefill-notice p {
  font-size: var(--font-size-md);
}

#prefill-notice #prefilled-field-counter {
  font-weight: bold;
}

/* TITLE PREVIEW */
.ww-title-preview-wrapper {
  color: var(--color-text) !important;
  font-size: var(--font-size-sm) !important;
  margin-block-end: var(--space-2) !important;
}

.ww-title-preview-display {
  display: block;
}

.ww-title-preview-label {
  display: flex;
  gap: var(--space-1);
}

.ww-title-preview-primary,
.ww-title-preview-secondary {
  font-weight: bold !important;
}

/* ====== ADDITIONAL GF STYLES ====== */
.gform-body .gfield > label,
.gform-body fieldset > legend.gfield_label {
  flex-direction: row !important;
}

.gform-theme--foundation .gform_fields {
  row-gap: var(--space-1) !important;
}

.gform-theme--foundation .gform-loader {
  block-size: var(--space-1) !important;
  inline-size: var(--space-1) !important;
}

/* Change Styles */
.gform-body span,
.gform-body label,
.gform-body input,
.gform-body button,
.gform-body textarea,
.gform-body .gfield_description,
.gform-body select {
  font-size: var(--font-size-sm) !important;
}

/*.gform-body label {
	color: var(--color-accent-2) !important;
	font-weight: bold !important;
	letter-spacing: 0.02em !important;
} */
.gform-body input,
.gform-body textarea,
.gform-body select {
  border: var(--line-thin) solid var(--color-border) !important;
}

/* ====== CALCULATED FIELDS ====== */
.gform-theme--foundation .gfield_calculation .ginput_container > input {
  border: none !important;
  padding-block: 0.75rem !important;
  padding-inline: 0 !important;
}

/* =============================================================================
 * ADVANCED SELECT FIELDS (Tom Select / gp-advanced-select)
 * =============================================================================
 * For styling advanced select fields with search and custom options.
 * Tom Select is used by GP Advanced Select plugin for complex dropdowns.
 */
/* ========== Container & Wrapper ========== */
.ts-wrapper {
  /* Root wrapper for Tom Select */
}

.ts-wrapper.single {
  /* Single-select Tom Select mode */
}

.ts-wrapper.multi {
  /* Multi-select Tom Select mode */
}

.ts-wrapper.focus {
  /* Tom Select has focus */
}

.ts-wrapper.disabled {
  /* Tom Select is disabled */
}

/* ========== Control (Main Input Area) ========== */
.ts-control {
  /* Main input container for Tom Select */
  color: var(--color-text-muted) !important;
  font-size: var(--font-size-sm) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  padding: var(--space-1) var(--space-2) !important;
}

.ts-control:hover, .ts-control:focus {
  /* Hover and focus states for control */
  border-color: var(--color-accent-1) !important;
}

.ts-control input {
  /* Input field inside Tom Select control */
  color: var(--color-text-muted) !important;
  border: none !important;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
}

.ts-control input[value] {
  color: var(--color-text-muted) !important;
}

.ts-control > input {
  /* Direct input child (width needs special handling) */
}

/* ========== Items / Selections ========== */
.ts-control .item {
  /* Individual selected item (in multi-select) */
}

.ts-control .item.active {
  /* Currently active/selected item */
}

.ts-control .item-text {
  /* Text of a selected item */
}

/* ========== Dropdown Menu ========== */
.ts-dropdown {
  /* Dropdown menu container */
}

.ts-dropdown-content {
  /* Content wrapper inside dropdown */
}

/* ========== Options ========== */
.ts-dropdown .option {
  /* Individual option in dropdown list */
  font-size: var(--font-size-sm) !important;
}

.ts-dropdown .option.selected {
  /* Currently selected option */
}

.ts-dropdown .option.active {
  /* Hovered/highlighted option */
}

.ts-dropdown .option.disabled {
  /* Disabled option */
}

/* ========== Optgroup (Option Groups) ========== */
.ts-dropdown .optgroup {
  /* Option group container */
}

.ts-dropdown .optgroup-header {
  /* Group header/label */
}

.ts-dropdown .optgroup.open {
  /* Open optgroup */
}

/* ========== Search Input in Dropdown ========== */
.ts-dropdown-input {
  /* Search input field in dropdown */
}

.ts-dropdown-input input {
  /* Input element for dropdown search */
}

/* ========== Clear Button ========== */
.ts-control .clear-button {
  /* Clear/reset button */
}

.plugin-clear_button .clear-button {
  /* Clear button when plugin is active */
}

.plugin-clear_button:hover .clear-button {
  /* Clear button on hover */
}

/* ========== Caret/Dropdown Arrow ========== */
.ts-control .caret {
  /* Dropdown arrow indicator */
}

.ts-control .caret-icon {
  /* Caret icon element */
}

/* ========== Images in Options ========== */
.gpadvs-image {
  /* Custom image in advanced select option */
}

.ts-dropdown .option .gpadvs-image {
  /* Image inside dropdown option */
}

/* ========== Placeholder ========== */
.ts-control .placeholder {
  /* Placeholder text color/styling */
}

/* ========== States ========== */
.ts-wrapper.has-items {
  /* When there are selected items */
}

.ts-wrapper.no-items {
  /* When no items are selected */
}

.ts-wrapper.open .ts-dropdown {
  /* Dropdown is visible */
}

.ts-wrapper:not(.disabled):hover {
  /* Hover state */
}

/* ========== Drag & Drop Support ========== */
.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  /* Placeholder during drag operation */
}

.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  /* Item being dragged */
}

/* ========== Checkbox Options Plugin ========== */
.plugin-checkbox_options .option input {
  /* Checkbox in option (when plugin enabled) */
}

/* ========== Focus State ========== */
.ts-wrapper.focus .ts-control {
  /* Control when focused */
}

.ts-wrapper.focus.dropdown-active .ts-control {
  /* Control when focused and dropdown open */
}

/* =============================================================================
 * MULTISELECT / CHOSEN FIELDS (Gravity Forms Built-in)
 * =============================================================================
 * For styling Chosen.js multiselect and dropdown fields.
 */
/* ========== Container & Wrapper ========== */
.chosen-container {
  /* Root container for Chosen select */
}

.chosen-container.chosen-with-drop {
  /* Chosen container when dropdown is active */
}

.chosen-container.chosen-disabled {
  /* Chosen container when disabled */
}

.chosen-container-single {
  /* Single-select Chosen mode */
}

.chosen-container-single .chosen-single {
  /* Single select main control */
}

.chosen-container-multi {
  /* Multi-select Chosen mode */
}

.chosen-container-multi .chosen-choices {
  /* Container for selected items in multiselect */
}

/* ========== Selections / Choices ========== */
.chosen-choices li {
  /* Individual selected choice in multiselect */
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  font-weight: 400 !important;
  padding-inline: 0 30px !important;
}

.field-prefilled .chosen-choices li {
  color: var(--color-text-muted) !important;
}

.chosen-choices li.search-field {
  /* Search field in multiselect choices */
}

.chosen-choices li.search-field input {
  /* Input inside search field */
}

.chosen-choices .search-choice {
  /* Selected item in multiselect */
}

.chosen-choices .search-choice span {
  /* Text of selected choice */
}

.chosen-choices .search-choice .group-name {
  /* Group name of selected choice */
}

.chosen-choices .search-choice-close {
  /* Remove button for selected choice */
}

.chosen-choices .search-choice-close:before {
  /* Background of remove button */
  color: var(--color-accent-1) !important;
}

.chosen-choices .search-choice:hover {
  /* Hover state of choice */
}

.chosen-choices .search-choice.ui-sortable-placeholder {
  /* Placeholder during drag in multiselect */
}

/* ========== Single Select ========== */
.chosen-container-single .chosen-single span {
  /* Text display in single select */
}

.chosen-container-single .chosen-single-with-deselect {
  /* Single select with clear/deselect option */
}

.chosen-container-single .chosen-single abbr {
  /* Clear/deselect button (X) */
}

.chosen-container-single .chosen-single abbr:hover {
  /* Hover state of clear button */
}

.chosen-container-single .chosen-default {
  /* Default/placeholder text color */
}

.chosen-container-single .chosen-single div {
  /* Dropdown arrow container */
}

.chosen-container-single .chosen-single div b {
  /* Dropdown arrow (caret) */
}

/* ========== Dropdown Menu ========== */
.chosen-drop {
  /* Dropdown menu container */
}

.chosen-drop.chosen-with-drop {
  /* When dropdown is visible */
}

/* ========== Search Input in Dropdown ========== */
.chosen-search {
  /* Search box in dropdown */
}

.chosen-search input {
  /* Search input field */
}

/* ========== Dropdown Results/Options ========== */
.chosen-results {
  /* Results list in dropdown */
}

.chosen-results li {
  /* Individual option/result in dropdown */
}

.chosen-results li.group-result {
  /* Optgroup in dropdown */
}

.chosen-results li.group-option {
  /* Option inside optgroup */
}

.chosen-results li.active-result {
  /* Selectable option */
}

.chosen-results li.highlighted,
.chosen-results li.result-selected {
  /* Hovered/highlighted/selected option */
  background: var(--color-surface) !important;
}

.chosen-results li.result-selected {
  /* Already selected option in dropdown */
}

.chosen-results li.disabled-result {
  /* Disabled option */
}

.chosen-results li.no-results {
  /* When no search results found */
}

.chosen-results li.group-name {
  /* Optgroup name/header */
}

/* ========== Placeholder & Default ========== */
.chosen-container-single .chosen-placeholder {
  /* Placeholder state */
}

.chosen-container-multi .chosen-placeholder {
  /* Placeholder state in multiselect */
}

/* ========== Dropdown Header ========== */
.chosen-drop .dropdown-header {
  /* Optional header in dropdown */
}

.chosen-drop .dropdown-header-close {
  /* Close button in dropdown header */
}

/* ========== Focus States ========== */
.chosen-container-single.chosen-container-active .chosen-single {
  /* Single select when focused */
}

.chosen-container-multi.chosen-container-active .chosen-choices {
  /* Multiselect when focused */
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  /* Single select focused with dropdown open */
}

/* ========== Disabled States ========== */
.chosen-container.chosen-disabled {
  /* Disabled Chosen container */
}

.chosen-container.chosen-disabled .chosen-single {
  /* Disabled single select */
}

.chosen-container.chosen-disabled .chosen-choices {
  /* Disabled multiselect */
}

.chosen-container.chosen-disabled .chosen-single abbr:hover {
  /* Disabled clear button hover (should not change) */
}

/* ========== Drag & Drop in Multiselect ========== */
.chosen-container-multi.sortable .chosen-choices {
  /* Multiselect with drag-and-drop enabled */
}

.chosen-choices li.ui-sortable-helper {
  /* Item being dragged */
}

.chosen-choices li.ui-sortable-placeholder {
  /* Placeholder during drag operation */
}

/* ========== Remove Button Styling ========== */
.chosen-container .search-choice-close {
  /* X button to remove choice */
}

.chosen-container .search-choice-close:hover {
  /* Hover state of remove button */
}

/* ========== Group Styles ========== */
.chosen-results li.group-option {
  /* Option inside a group */
}

.chosen-results li.group-option.highlighted {
  /* Highlighted option inside group */
}

/* =============================================================================
 * SHARED / FORM CONTEXT
 * =============================================================================
 * Use these for scoping to form containers
 */
/* Gfield wrapper context */
.gfield .ts-wrapper {
  /* Tom Select inside a Gravity Forms field */
}

.gfield .chosen-container {
  /* Chosen inside a Gravity Forms field */
}

/* Unlock button context (when field is locked) */
.gfield > .ginput_container:has(span.unlock-btn) .ts-wrapper {
  /* Tom Select in unlocked field state */
}

.gfield > .ginput_container:has(span.unlock-btn) .chosen-container {
  /* Chosen in unlocked field state */
}

/* Create listing form context */
.create-listing-form .ts-wrapper {
  /* Tom Select in listing creation form */
}

.create-listing-form .chosen-container {
  /* Chosen in listing creation form */
}

#chat-window-app .chat-bot-window-wrapper button {
  background: var(--color-accent-2) !important;
  border: solid var(--color-border) var(--line-thin) !important;
  border-radius: var(--radius-md) !important;
  height: calc(3.5em + 2px) !important;
  width: calc(3.5em + 2px) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
  transform: none !important;
}

#chat-window-app .chat-bot-window-wrapper button.chat-bot-button:hover {
  background: var(--color-accent-1) !important;
  scale: 1 !important;
}

#chat-window-app .chat-bot-window-wrapper button {
  transition: opacity 0.3s ease-in-out !important;
}

#chat-window-app .chat-bot-window-wrapper button.chat-bot-button-open {
  right: 2em !important;
}

#chat-window-app .chat-bot-window-wrapper button .chat-bot-button__container__logo img {
  filter: brightness(4);
}

#chat-window-app .chat-bot-window-wrapper button .chat-bot-button__container__chevron svg {
  color: var(--color-accent-6) !important;
}

/* ====== MAIN FILTER CONTAINER ====== */
.wpc-filters-main-wrap {
  font-size: var(--font-size-sm) !important;
}

/* ====== MOBILE FILTER BUTTON ====== */
/* ====== FILTER SECTIONS ====== */
/* ====== SEARCH FIELD ====== */
.wpc-filter-search-form .wpc-search-icon,
.wpc-filter-search-wrapper .wpc-search-icon {
  display: none !important;
}
.wpc-filter-search-form .wpc-search-field,
.wpc-filter-search-form .wpc-filter-search-field,
.wpc-filter-search-wrapper .wpc-search-field,
.wpc-filter-search-wrapper .wpc-filter-search-field {
  border-radius: var(--radius-sm) !important;
}
/* ====== CHECKBOXES ====== */
.wpc-term-item-content-wrapper {
  font-size: var(--font-size-sm) !important;
}
.wpc-term-item-content-wrapper label {
  font-size: var(--font-size-sm) !important;
}
/* ====== RANGE SLIDERS ====== */
/* ====== SUBMIT & RESET BUTTONS ====== */
/* ====== BOTTOM CONTROLS (MOBILE) ====== */
/* ====== FILTER CHIPS (ACTIVE FILTERS) ====== */
/* ====== POSTS FOUND COUNTER ====== */
/* ====== WIDGET CLOSE (MOBILE) ====== */
/* ====== SEE MORE / SEE LESS ====== */
/* ====== LOADING SPINNER ====== */
/* ====== ADMIN EDIT LINK ====== */
/* ====== UTILITY CLASSES ====== */
#stripe-onboarding-link a {
  background: var(--color-accent-1);
  color: var(--color-text-on-dark-bg);
  font-size: var(--font-size-lg);
  letter-spacing: var(--letter-spacing-relaxed);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  transition: var(--transition-normal);
}

#stripe-onboarding-link a:hover {
  background: var(--color-accent-2);
  text-decoration: none;
}

.stripe-onboarding-status.-complete {
  font-weight: bold;
  padding: var(--space-2);
  border: solid var(--color-success) var(--line-normal);
  border-radius: var(--radius-md);
}

/* ====== ADVANCED POSTS MODULE - WHISKY ARCHIVE ====== */
/* Hide Unavailable Whiskies */
.module-advanced-posts .loops-wrapper article.availability-unavailable {
  display: none !important;
}

.module-advanced-posts.account-my-listings .loops-wrapper article.availability-unavailable {
  display: block !important;
}

/* Hide Themify Headers */
#pagewrap.tf_box > #headerwrap {
  display: none !important;
}

/* Advanced Posts Module - Single Whisky */
.ap-row-single-whisky {
  position: relative;
  border: solid var(--color-border) var(--line-thin);
  border-radius: var(--radius-md);
}
.ap-row-single-whisky:hover {
  border-color: var(--color-accent-1);
  box-shadow: var(--shadow-md);
}

.ap-row-single-whisky .ap-info-container {
  padding: var(--space-2) var(--space-2) 0;
}

@media screen and (max-width: 600px) {
  .module-advanced-posts:has(article.whisky) .loops-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .loops-wrapper > article.whisky {
    max-width: calc((100% - var(--space-2)) / 2);
  }
  .account-my-listings > .loops-wrapper > article.whisky {
    max-width: 100%;
  }
}
.ap-row-single-whisky .ap-featured-image img {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.ap-row-single-whisky .ap-distillery {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ap-row-single-whisky .ap-title-primary,
.ap-row-single-whisky .ap-title-secondary {
  transition: var(--transition-normal);
}

.ap-row-single-whisky .ap-title-primary h3 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  font-family: var(--font-body);
  letter-spacing: var(--letter-spacing-relaxed);
  text-transform: uppercase;
  color: var(--color-text);
  /*	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.ap-row-single-whisky .ap-title-secondary h3 {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-accent-1);
}

.ap-row-single-whisky .ap-title-primary h3:hover,
.ap-row-single-whisky .ap-title-secondary h3:hover {
  white-space: normal;
  overflow: visible;
}

.ap-row-single-whisky:hover .ap-title-primary,
.ap-row-single-whisky:hover .ap-title-secondary {
  text-decoration: underline;
}

.ap-row-single-whisky:hover .details-box .module-text {
  color: var(--color-accent-2) !important;
}

.ap-row-single-whisky:hover .price-location-box .ap-shipping-from em {
  color: var(--color-accent-2) !important;
  margin-block-end: 5px;
}

/* ====== WHISKY INFO (VOLUME, ABV) ====== */
.ap-row-single-whisky .ap-volume,
.ap-row-single-whisky .ap-abv {
  font-size: var(--font-size-sm) !important;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-normal);
  color: var(--color-text-muted);
}

.ap-row-single-whisky .ap-abv {
  border-inline-start: var(--line-thin) solid var(--color-border);
  padding-inline-start: 8px;
  margin-inline-start: 8px;
}

/* ====== PRICE & LOCATION BOX ====== */
.ap-row-single-whisky .price-location-box {
  margin-block-start: 5px;
}

.ap-row-single-whisky .ap-price svg {
  color: var(--color-accent-1) !important;
  height: 1.2em !important;
  width: auto !important;
  margin-inline: 6px;
  margin-block-end: 3px;
  display: inline-block;
  vertical-align: middle;
}

.ap-row-single-whisky .ap-price .ww-listing-price-box {
  margin-block: var(--space-1);
}

.ap-row-single-whisky .ap-price .ww-listing-price-box,
.ap-row-single-whisky .ap-price .ww-listing-price-box .ww-price-shipping {
  font-size: var(--font-size-sm) !important;
  color: var(--color-text-muted) !important;
}

.ap-row-single-whisky .ap-price .ww-listing-price-box .price-asking-price,
.ap-row-single-whisky .ap-price .ww-listing-price-box .price-bid-minimum {
  font-weight: bold !important;
  font-size: var(--font-size-md) !important;
  color: var(--color-text) !important;
}

.ap-row-single-whisky .ap-shipping-from em {
  font-size: 1rem !important;
  color: var(--color-text-muted);
  padding: 0 !important;
}

.ap-row-single-whisky .ap-shipping-from span {
  font-size: 1.2em !important;
  font-weight: bold;
}

/* Edge-specific styling for flags */
@supports (-ms-ime-align: auto) {
  .ap-row-single-whisky .ap-shipping-from {
    width: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
}
/* ======== FULL LISTING PRICE BOX ======== */
.ww-full-listing-price-box {
  /*	background: var(--color-surface);
  	border: solid var(--color-accent-1) var(--line-thin);
  	border-radius: var(--radius-md);
  	padding: var(--space-2); */
}

.ww-full-listing-price-box .ww-price-icons-group {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  width: 45px;
  display: none;
}

.ww-full-listing-price-box svg {
  color: var(--color-accent-1);
  max-height: 1.4em;
  width: auto;
  margin-inline: 6px;
  margin-block-end: var(--space-1);
}

.ww-full-listing-price-box .ww-price-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.ww-full-listing-price-box .ww-price-primary-row {
  font-size: var(--font-size-md);
}

.ww-full-listing-price-box .ww-price-primary-row .price-primary {
  font-size: var(--font-size-xl);
  font-weight: 600;
}

.ww-full-listing-price-box .ww-price-secondary-row {
  font-size: var(--font-size-md);
  color: var(--color-text-muted);
}

.ww-full-listing-price-box .ww-price-shipping-notice {
  font-size: var(--font-size-md);
  color: var(--color-text-muted);
}

/* ====== ACCORDION MODULE ====== */
.module-accordion a {
  transition: var(--transition-normal) !important;
}

.module-accordion li:last-of-type {
  border-block-end: var(--line-thin) solid var(--color-border) !important;
}

.module-accordion li > div.accordion-title {
  font-size: 1.1em;
  font-weight: 400;
  padding-block: 10px;
  padding-inline: 0;
  border-block-start: var(--line-thin) solid var(--color-border);
  cursor: pointer;
}

.module-accordion li:hover div.accordion-title {
  color: var(--color-accent-1) !important;
}

.module-accordion li a > i {
  position: absolute;
  inset-inline-end: 0;
}

.module-accordion li > .accordion-content {
  font-size: 0.95em;
  padding-inline-start: 0;
}

/* ====== TABS MODULE ====== */
.tab-row .module-tab ul.tab-nav {
  display: flex;
  border: solid var(--color-accent-2) 1px;
  border-radius: var(--radius-lg);
  width: 100%;
}

.tab-row .module-tab ul.tab-nav > li {
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
}

.tab-row .onboarding-tabs ul.tab-nav > li {
  flex-basis: 50%;
}

.tab-row .module-tab ul.tab-nav > li > a {
  padding: 15px !important;
  width: calc(100% - 37px);
  margin: var(--radius-md);
  border-radius: var(--radius-md);
}

.tab-row .module-tab ul.tab-nav > li > a:hover {
  background: var(--color-surface);
}

.tab-row .module-tab ul.tab-nav > li.current {
  border-block-end: none !important;
}

.tab-row .module-tab ul.tab-nav > li.current > a {
  background: var(--color-accent-2) !important;
  color: var(--color-accent-2-text) !important;
}

.tab-row .module-tab .tab-content {
  padding-block: 40px;
  padding-inline: 5%;
  border-block-end: var(--line-thin) solid var(--color-border);
}

.tab-row .tab-content ul {
  list-style: square !important;
  margin-block: 0;
  margin-inline: 0 0 0 1.6em !important;
}

.tab-row .tab-content ul > li {
  margin-block-end: 0.33em;
}

/* ====== FEATURE MODULE ====== */
.module-feature em {
  color: var(--color-accent-1);
  font-size: 4em !important;
}

/* ====== COLUMN MODULES ====== */
/* Feature Column */
.module_column.feature-column > div {
  border-radius: var(--radius-md);
  padding-block: 0;
  padding-inline: 20px;
}

/* Button Column */
.module_column.button-column > div {
  border: solid var(--color-border) 1px;
  border-radius: var(--radius-md);
  transition: var(--transition-normal);
}

.module_column.button-column > div:hover {
  box-shadow: var(--shadow-md);
}

/* Counter Column */
.module_column.counter-column .module-counter span {
  font-size: 3rem;
  font-weight: 600;
}

.module_column.counter-column .module-counter .counter-text {
  margin-block-start: -20px;
}

/* Icon Column */
.module_column.icon-column .module-icon-item em {
  color: var(--color-success);
  font-size: 4em !important;
  padding: 10px !important;
}

/* ====== BUTTONS MODULE ====== */
.module-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: var(--font-size-md) !important;
  font-weight: 400 !important;
  letter-spacing: var(--letter-spacing-relaxed) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding-block: var(--space-2) !important;
  padding-inline: var(--space-4) !important;
  border: solid transparent var(--line-thin) !important;
  transition: filter var(--transition-fast) !important;
}

.module-buttons.solid a {
  background: var(--color-accent-1) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-1) !important;
  border-radius: var(--radius-full) !important;
}

.module-buttons.outline a,
.module-buttons.solid a.transparent {
  background: transparent !important;
  color: var(--color-accent-2) !important;
  border-color: var(--color-accent-2) !important;
  border-radius: var(--radius-full) !important;
}

.module-buttons.squared a {
  background: var(--color-accent-2) !important;
  color: var(--color-text-on-dark-bg) !important;
  border-color: var(--color-accent-2) !important;
  border-radius: var(--radius-md) !important;
}

.module-buttons a:hover {
  filter: brightness(0.9) !important;
}

@media (max-width: 800px) {
  .module-buttons.outline a {
    width: calc(100% - 55px) !important;
    justify-content: center !important;
  }
}
.module-login form .tb_login_remember input[type=checkbox]:before {
  margin: none !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-block: 0px !important;
  margin-inline: 0px !important;
  padding: 3px !important;
  height: 10px !important;
  width: 10px !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  transform: none !important;
}

.module-login form .tb_login_remember input[type=checkbox]:checked:before {
  background: var(--color-accent-1) !important;
  margin: 2px !important;
}

/* ====== PAGE BUILDER FLOW (FALLBACK) ====== */
body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner > .module_column,
body > #pagewrap > #body main > div > .module_row > .row_inner > .module_column,
body > #pagewrap > #body > .ww-layout .section .stack {
  display: flex !important;
  flex-direction: column;
  gap: var(--space-section-gap);
}

@media screen and (min-width: 800px) {
  body main > div > .page-content > div > .section:first-of-type,
  body main.tbp_template > div > .section:first-of-type {
    padding-block-start: var(--space-section-start) !important;
  }
}
/*
@media screen and (max-width: 800px) {
	body main > div > .page-content > div > .section:first-of-type,
	body main.tbp_template > div > .section:first-of-type {
		margin-block-start: 0px !important;
	}
} */
/* ====== PAGE BUILDER CONTAINERS (FALLBACK) ====== */
body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
body > #pagewrap > #body main > div > .module_row > .row_inner,
body > #pagewrap > #body > .ww-layout .container {
  width: var(--container-width) !important;
  max-width: var(--container-max-width) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

@media screen and (min-width: 600px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .container {
    width: var(--container-width) !important;
    max-width: var(--container-max-width) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }
}
@media screen and (min-width: 850px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .container {
    width: var(--container-width) !important;
    max-width: var(--container-max-width) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }
}
@media screen and (min-width: 1100px) {
  body > #pagewrap > #body main > .type-page > .page-content > div > .module_row > .row_inner,
  body > #pagewrap > #body main > div > .module_row > .row_inner,
  body > #pagewrap > #body > .ww-layout .container {
    width: var(--container-width) !important;
    max-width: var(--container-max-width) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }
}
/* ====== TAXONOMY LIST VIEW ====== */
.dynamic-template-row .module-taxonomy.loops-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.dynamic-template-row .module-taxonomy.loops-wrapper a {
  background: var(--color-accent-2);
  color: var(--color-text-on-dark-bg);
  font-size: var(--font-size-sm);
  font-weight: normal;
  padding-block: 0.5em;
  padding-inline: 2em;
  border-radius: var(--radius-md);
}

.dynamic-template-row .module-taxonomy.loops-wrapper a:hover {
  color: var(--color-accent-1);
  text-decoration: none;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post {
  width: calc(25% - 15px) !important;
  margin: 0px 15px 15px 0px;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post h3 {
  display: flex;
  margin: 0;
  text-align: center;
}

.dynamic-template-row .module-taxonomy.loops-wrapper .post a {
  flex-basis: 100% !important;
}

/* ====== DISTILLERY TEMPLATE ====== */
.dynamic-template-row.distillery-template .dynamic-template-taxonomy-list-view .module-taxonomy.loops-wrapper {
  display: flex;
}

/* ====== TYPE OF WHISKY TEMPLATE ====== */
.dynamic-template-row.category-template .dynamic-template-taxonomy-list-view .dynamic-template-taxonomy-overview {
  padding: 0;
}

/* ====== COUNTRY TEMPLATE ====== */
.dynamic-template-row.country-template .dynamic-template-taxonomy-list-view.country-template .dynamic-template-taxonomy-overview {
  padding: 0;
}

/* Other Temporary Fixes */
#body.tf_box .policy-page .module-text {
  max-width: var(--content-narrow);
}
#body.tf_box .policy-page h2 {
  color: var(--color-text);
  font-family: var(--font-family-body);
  font-size: var(--font-size-xl) !important;
}
#body.tf_box .policy-page h3 {
  font-size: var(--font-size-lg) !important;
}
#body.tf_box #body {
  width: var(--container-width);
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-block: var(--space-2) var(--space-6);
  box-sizing: border-box;
}
#body.tf_box #sidebar ul > li {
  font-size: var(--font-size-sm);
}
#body.tf_box #sidebar ul > li > a {
  color: var(--color-text-muted);
}
#body.tf_box #sidebar ul > li > a:hover {
  color: var(--color-text);
  text-decoration: underline;
}
#body.tf_box #sidebar ul > li.new-menu-section {
  border-top: solid 1px var(--color-border);
  padding-top: var(--space-2);
  margin-top: var(--space-1);
}
#body.tf_box #sidebar ul .current_page_item a {
  font-weight: bold;
  color: var(--color-text) !important;
}

/* OVERRIDES */
dt, dd {
  margin-bottom: var(--space-1) !important;
}

/* ====== SPACING OVERRIDES ====== */
.m-b-0 {
  margin-block-end: 0 !important;
  margin-bottom: 0 !important;
}

.m-t-0 {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* ====== BORDER UTILITIES ====== */
.line-above {
  border-block-start: solid var(--color-border) 1px;
  padding-block-start: 20px;
}

/* ====== IMAGES & VIDEOS ====== */
.default-image img {
  border-radius: var(--radius-md);
}

.rounded-image img {
  border-radius: var(--radius-md);
}

.default-video video {
  border-radius: var(--radius-lg);
}

/* ====== LISTS ====== */
.has-ul ul {
  list-style: square !important;
  margin-block: 0 !important;
  margin-left: 1.6em !important;
}

/* ====== DARK THEME - System Preference ====== 
@media (prefers-color-scheme: dark) {
	:root {
		--color-bg: color-mix(in srgb, var(--color-accent-2), var(--color-darken));
		--color-surface: color-mix(in srgb, var(--color-accent-2), var(--color-lighten));
		--color-text: var(--color-accent-2-text);
		--color-text-muted: #b3b3b3;
		--color-border: #555555;

		/* Optional shadows tuned for dark UI 
		--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
		--shadow-md: 0 2px 4px rgba(0, 0, 0, 0.45);
		--shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.5);
	}

	main .inverted.module_row {
		background: black !important;
	}
}*/
/* ====== THEME OVERRIDE - Explicit Light/Dark ====== 
[data-theme="light"] {
	--color-bg: #FBF5E9;
	--color-surface: #fffdf9;
	--color-text: #0d0d0d;
	--color-text-muted: #666666;
	--color-border: #e1e1e1;
}

[data-theme="dark"] {
	--color-bg: color-mix(in srgb, var(--color-accent-2), var(--color-darken));
	--color-surface: color-mix(in srgb, var(--color-bg), var(--color-lighten));
	--color-text: var(--color-accent-2-text);
	--color-text-muted: #b3b3b3;
	--color-border: #2a2a2a;
} */
/* ====== HIGH CONTRAST MODE ====== */
@media (prefers-contrast: more) {
  :root {
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-text: #000000;
    --color-text-muted: #000000;
    --color-accent-1: #0000ff;
    --color-accent-1-hover: #0000aa;
    --color-border: #000000;
    /* Avoid subtle shadows in high-contrast mode */
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
  }
}
/* ====== FORCED COLORS MODE - Windows High Contrast ====== */
@media (forced-colors: active) {
  :root {
    --color-bg: Canvas;
    --color-text: CanvasText;
    --color-accent-1: Highlight;
    --color-accent-1-hover: HighlightText;
    --color-border: CanvasText;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
  }
  /* Ensure outlines are visible */
  *:focus {
    outline: 2px solid Highlight !important;
  }
}
/* ====== REDUCED MOTION ====== */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms linear;
    --transition-normal: 0ms linear;
    --transition-slow: 0ms linear;
    /* Optionally reduce parallax or large movement scales */
    --motion-scale: 0;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}
/* ====== REDUCED TRANSPARENCY ====== */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --backdrop-opacity: 1;
    --background-blur: 0;
  }
}
/*# sourceMappingURL=main.css.map */