:root {
  --buyzenia-navy: #03172f;
  --buyzenia-navy-soft: #0c2945;
  --buyzenia-orange: #ff5a00;
  --buyzenia-gold: #e7aa28;
  --buyzenia-cream: #f7f0e5;
  --buyzenia-paper: #fffaf3;
  --buyzenia-ink: #0b1a2e;
  --buyzenia-muted: #596272;
  --buyzenia-border: #ded5c7;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--buyzenia-cream); color: var(--buyzenia-ink); margin: 0; text-rendering: optimizeLegibility; }
a { text-underline-offset: 0.18em; }
img { height: auto; max-width: 100%; }

.buyzenia-header { background: var(--buyzenia-navy); color: #fff; padding: 13px 32px; }
.buyzenia-header-main { align-items: center; display: flex; gap: 1.35rem; margin: 0 auto; max-width: 1480px; width: 100%; }
.buyzenia-brand { align-items: center; display: flex; flex: 0 0 auto; gap: 1rem; }
.buyzenia-wordmark { font-size: 0; line-height: 1; margin: 0; white-space: nowrap; }
.buyzenia-wordmark a { text-decoration: none; }
.buyzenia-wordmark a::before { color: #fff; content: "BUY"; font-size: 2.35rem; font-weight: 900; letter-spacing: -0.04em; }
.buyzenia-wordmark a::after { color: var(--buyzenia-orange); content: "ZENIA"; font-size: 2.35rem; font-weight: 900; letter-spacing: -0.04em; }
.buyzenia-tagline { color: #ffd56c; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.04em; line-height: 1.18; margin: 0; text-transform: uppercase; }
.buyzenia-search { flex: 1 1 520px; margin: 0; max-width: 640px; }
.buyzenia-search .wp-block-search__inside-wrapper { align-items: center; background: #fff; border: 0; border-radius: 10px; display: flex; min-height: 46px; padding: 4px 6px 4px 17px; }
.buyzenia-search input { border: 0; color: var(--buyzenia-ink); flex: 1 1 auto; font: inherit; min-width: 0; outline: 0; }
.buyzenia-search button { align-items: center; background: transparent; border: 0; color: var(--buyzenia-navy); cursor: pointer; display: inline-flex; font-size: 1.15rem; height: 38px; justify-content: center; width: 42px; }
.buyzenia-utilities { align-items: center; display: flex; flex: 0 0 auto; gap: 1.3rem; white-space: nowrap; }
.buyzenia-utilities p { margin: 0; }
.buyzenia-header .affiliaos-mobile-controls { margin-left: 0; }
.buyzenia-header .affiliaos-language-switcher summary { border-color: #e5a82d; color: #fff; }

.buyzenia-section-nav { background: var(--buyzenia-cream); border-bottom: 1px solid var(--buyzenia-border); color: var(--buyzenia-ink); padding: 11px 34px; }
.buyzenia-section-nav > .wp-block-group { align-items: center; display: flex; gap: 1.4rem; justify-content: space-between; margin: 0 auto; max-width: 1380px; width: 100%; }
.buyzenia-section-nav p { margin: 0; white-space: nowrap; }
.buyzenia-section-nav a { color: var(--buyzenia-ink); font-size: 0.88rem; font-weight: 750; text-decoration: none; }
.buyzenia-section-nav a:hover, .buyzenia-section-nav a:focus-visible { color: var(--buyzenia-orange); }

.buyzenia-home { background: var(--buyzenia-cream); }
.buyzenia-hero {
  align-items: center;
  background-color: var(--buyzenia-navy);
  background-image: linear-gradient(90deg, rgba(3,23,47,1) 0%, rgba(3,23,47,.98) 28%, rgba(3,23,47,.58) 50%, rgba(3,23,47,.03) 76%), image-set(url("../images/buyzenia-hero-marketplace-v1.avif") type("image/avif"), url("../images/buyzenia-hero-marketplace-v1.webp") type("image/webp"));
  background-position: center;
  background-size: cover;
  color: #fff;
  display: flex;
  min-height: 305px;
  padding: 28px max(5.8vw, 42px) 22px;
}
.buyzenia-hero-copy { max-width: 520px; }
.buyzenia-eyebrow { display: none; }
.buyzenia-hero h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.75rem, 3vw, 3.1rem); letter-spacing: -0.045em; line-height: 0.98; margin: 0 0 0.9rem; max-width: 560px; }
.buyzenia-hero-copy > p:not(.buyzenia-eyebrow) { font-size: 1.05rem; line-height: 1.42; margin: 0 0 0.9rem; max-width: 400px; }
.buyzenia-primary-action { background: var(--buyzenia-orange); border-radius: 7px; color: #fff; display: inline-block; font-size: 0.82rem; font-weight: 850; padding: 0.65rem 1rem; text-decoration: none; }
.buyzenia-primary-action:hover, .buyzenia-primary-action:focus-visible { background: #ff7226; }
.buyzenia-hero-trust { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 1.05rem 0 0; max-width: 560px; padding: 0; }
.buyzenia-hero-trust li { align-items: flex-start; display: flex; font-size: 0.7rem; gap: 0.5rem; line-height: 1.16; }
.buyzenia-hero-trust strong { color: #ffc655; font-size: 1.15rem; }
.buyzenia-hero-trust small { color: #d7e1eb; font-size: 0.62rem; }

.buyzenia-dashboard { display: grid; grid-template-columns: 1.02fr 0.76fr 1.35fr; margin: 0 auto; max-width: 1536px; }
.buyzenia-dashboard > section { border-bottom: 1px solid var(--buyzenia-border); border-right: 1px solid var(--buyzenia-border); min-width: 0; padding: 15px 20px; }
.buyzenia-dashboard h2 { font-size: 1.02rem; margin: 0 0 0.75rem; }
.buyzenia-dashboard h2::before { color: var(--buyzenia-orange); content: "│"; margin-right: 0.35rem; }
.buyzenia-desk-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.buyzenia-desk-grid article { background: rgba(255,255,255,.42); border: 1px solid #e5ddd2; border-radius: 8px; display: grid; grid-template-rows: 112px auto auto 1fr; min-width: 0; overflow: hidden; padding-bottom: 0.55rem; position: relative; text-align: center; }
.buyzenia-desk-grid picture, .buyzenia-desk-grid img { display: block; height: 112px; object-fit: cover; width: 100%; }
.buyzenia-desk-grid h3 { font-family: Georgia, "Times New Roman", serif; font-size: 0.9rem; margin: 0.75rem 0 0.25rem; }
.buyzenia-desk-grid p { color: #3f4855; font-size: 0.67rem; line-height: 1.35; margin: 0; padding: 0 0.45rem; }
.buyzenia-desk-grid a { bottom: 0.45rem; color: var(--buyzenia-navy); font-size: 1.2rem; position: absolute; right: 0.55rem; text-decoration: none; }

.buyzenia-section-heading { align-items: center; display: flex; gap: 0.75rem; justify-content: space-between; }
.buyzenia-section-heading h2 { margin-bottom: 0.7rem; }
.buyzenia-section-heading a { color: var(--buyzenia-ink); font-size: 0.63rem; text-decoration: none; }
.buyzenia-signals ul { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
.buyzenia-signals li { align-items: center; background: rgba(255,255,255,.42); border: 1px solid #e3dbcf; border-radius: 8px; display: grid; gap: 0.65rem; grid-template-columns: 38px 1fr auto; min-height: 47px; padding: 0.38rem; }
.buyzenia-signals li > strong { align-items: center; border-radius: 7px; color: #fff; display: flex; font-size: 1.15rem; height: 36px; justify-content: center; }
.buyzenia-signals .is-orange { background: var(--buyzenia-orange); }
.buyzenia-signals .is-gold { background: #ca8b19; }
.buyzenia-signals .is-navy { background: var(--buyzenia-navy); }
.buyzenia-signals .is-slate { background: #536578; }
.buyzenia-signals b, .buyzenia-signals small { display: block; }
.buyzenia-signals b { font-size: 0.69rem; }
.buyzenia-signals small { color: var(--buyzenia-muted); font-size: 0.59rem; }
.buyzenia-signals em { color: #376a48; font-size: 0.56rem; font-style: normal; font-weight: 800; }
.buyzenia-method-note, .buyzenia-table-note { color: var(--buyzenia-muted); font-size: 0.59rem; margin: 0.65rem 0 0; }

.buyzenia-route-comparison { grid-column: 3; grid-row: 1 / span 2; }
.buyzenia-table-wrap { overflow-x: auto; }
.buyzenia-route-comparison table { border-collapse: collapse; font-size: 0.59rem; min-width: 560px; width: 100%; }
.buyzenia-route-comparison th, .buyzenia-route-comparison td { border: 1px solid #e4dbce; padding: 0.52rem 0.55rem; text-align: center; }
.buyzenia-route-comparison thead th { background: var(--buyzenia-navy); color: #fff; }
.buyzenia-route-comparison thead th:nth-child(2) { background: var(--buyzenia-orange); }
.buyzenia-route-comparison thead th:nth-child(3) { background: #c48c1c; }
.buyzenia-route-comparison tbody th { text-align: left; }

.buyzenia-guides { grid-column: 1 / span 2; }
.buyzenia-guide-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.buyzenia-guide-grid article { align-items: stretch; background: rgba(255,255,255,.42); border: 1px solid #e3dbcf; border-radius: 8px; display: grid; grid-template-columns: 88px 1fr; min-width: 0; overflow: hidden; }
.buyzenia-guide-grid picture, .buyzenia-guide-grid img { height: 100%; min-height: 86px; object-fit: cover; width: 88px; }
.buyzenia-guide-grid div { padding: 0.55rem; }
.buyzenia-guide-grid h3 { font-size: 0.69rem; line-height: 1.15; margin: 0 0 0.35rem; }
.buyzenia-guide-grid h3 a { color: var(--buyzenia-ink); text-decoration: none; }
.buyzenia-guide-grid p { color: var(--buyzenia-muted); font-size: 0.58rem; line-height: 1.3; margin: 0; }

.buyzenia-editions { background: #fff8ec; border-bottom: 1px solid #d7c9b6; border-top: 1px solid #d7c9b6; padding: 10px 28px; }
.buyzenia-editions > .wp-block-group { align-items: center; display: flex; gap: 1.4rem; justify-content: space-between; margin: 0 auto; max-width: 1420px; }
.buyzenia-editions p { font-size: 0.66rem; margin: 0; }
.buyzenia-editions small { color: var(--buyzenia-muted); display: block; font-size: 0.54rem; margin-left: 1.35rem; }
.buyzenia-editions a { color: var(--buyzenia-ink); text-decoration: none; }

.buyzenia-footer { background: var(--buyzenia-navy); color: #fff; padding: 24px 32px; }
.buyzenia-footer-grid { display: grid; gap: 2rem; grid-template-columns: 1.1fr 2.6fr 1.1fr; margin: 0 auto; max-width: 1420px; }
.buyzenia-footer h2 { font-size: 0.9rem; margin: 0 0 0.55rem; }
.buyzenia-footer p { color: #d2dce5; font-size: 0.64rem; line-height: 1.45; }
.buyzenia-footer a { color: #ffc95f; }
.buyzenia-metrics { align-items: stretch; display: grid; grid-template-columns: repeat(4, 1fr); }
.buyzenia-metrics p { border-left: 1px solid rgba(255,255,255,.25); margin: 0; padding: 0 1rem; }
.buyzenia-metrics strong, .buyzenia-metrics span { display: block; }
.buyzenia-metrics strong { color: #ffc95f; font-size: 1.3rem; }
.buyzenia-metrics span { margin-top: 0.3rem; }
.buyzenia-newsletter > div { display: flex; }
.buyzenia-newsletter input { border: 0; border-radius: 7px 0 0 7px; font-size: 0.65rem; min-width: 0; padding: 0.65rem; width: 100%; }
.buyzenia-newsletter button { background: var(--buyzenia-orange); border: 0; border-radius: 0 7px 7px 0; color: #fff; font-size: 0.62rem; padding: 0 0.8rem; }
.buyzenia-newsletter input:disabled, .buyzenia-newsletter button:disabled { cursor: not-allowed; opacity: 0.72; }

@media (max-width: 1180px) {
  .buyzenia-tagline, .buyzenia-utilities { display: none; }
  .buyzenia-dashboard { grid-template-columns: 1fr 1fr; }
  .buyzenia-route-comparison { grid-column: 1 / span 2; grid-row: auto; }
  .buyzenia-guides { grid-column: 1 / span 2; }
  .buyzenia-footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .buyzenia-header { padding: 12px; }
  .buyzenia-header-main { gap: 0.75rem; }
  .buyzenia-wordmark a::before, .buyzenia-wordmark a::after { font-size: 1.65rem; }
  .buyzenia-search { flex-basis: 100%; max-width: none; order: 4; }
  .buyzenia-header .affiliaos-mobile-controls { margin-left: auto; }
  .buyzenia-section-nav { padding: 7px 18px; }
  body .buyzenia-section-nav.is-open { padding: 7px 18px; }
  .buyzenia-hero { background-image: linear-gradient(90deg, rgba(3,23,47,.98), rgba(3,23,47,.72)), image-set(url("../images/buyzenia-hero-marketplace-v1.avif") type("image/avif"), url("../images/buyzenia-hero-marketplace-v1.webp") type("image/webp")); min-height: 510px; padding: 40px 22px; }
  .buyzenia-eyebrow { display: block; }
  .buyzenia-hero h1 { font-size: 2.6rem; }
  .buyzenia-hero-trust { grid-template-columns: repeat(2, 1fr); }
  .buyzenia-dashboard { display: block; }
  .buyzenia-dashboard > section { border-right: 0; padding: 20px 14px; }
  .buyzenia-desk-grid { grid-template-columns: repeat(2, 1fr); }
  .buyzenia-guide-grid { grid-template-columns: 1fr; }
  .buyzenia-editions > .wp-block-group { align-items: flex-start; flex-direction: column; gap: 0.6rem; }
  .buyzenia-metrics { grid-template-columns: repeat(2, 1fr); row-gap: 1rem; }
}

@media (max-width: 430px) {
  .buyzenia-brand { max-width: 145px; }
  .buyzenia-wordmark a::before, .buyzenia-wordmark a::after { font-size: 1.35rem; }
  .buyzenia-desk-grid { grid-template-columns: 1fr; }
  .buyzenia-desk-grid article { grid-template-rows: 180px auto auto 1fr; }
  .buyzenia-desk-grid picture, .buyzenia-desk-grid img { height: 180px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
