/* VartoModa Ukrainian light theme v4.6.8
   Built for Cyrillic readability: lighter surfaces, calmer blue hierarchy,
   restrained orange highlights, and less aggressive letter spacing. */
:root {
  --ink: #172033;
  --ink-soft: #344054;
  --muted: #667085;
  --line: #e3e8f0;
  --paper: #ffffff;
  --paper-soft: #f8fafc;
  --cream: #f4f7fb;
  --cream-2: #edf2f8;
  --plum: #1f4fa3;
  --plum-2: #16366f;
  --rose: #2f6cc5;
  --rose-2: #5b8bd8;
  --apricot: #f28c28;
  --mint: #e8f5ef;
  --success: #18794e;
  --warning: #b35c00;
  --danger: #b42318;
  --shadow-sm: 0 10px 28px rgba(23, 48, 88, .07);
  --shadow-md: 0 22px 58px rgba(23, 48, 88, .11);
  --shadow-lg: 0 32px 86px rgba(23, 48, 88, .14);
  --font: "Manrope", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --vm-bg: #f6f8fc;
  --vm-paper: #ffffff;
  --vm-paper-2: #f8fafc;
  --vm-ink: #172033;
  --vm-muted: #667085;
  --vm-plum: #1f4fa3;
  --vm-plum-2: #16366f;
  --vm-rose: #2f6cc5;
  --vm-coral: #f28c28;
  --vm-gold: #d97706;
  --vm-line: rgba(31, 79, 163, .13);
  --vm-shadow: 0 26px 76px rgba(23, 48, 88, .12);
  --vm-shadow-soft: 0 14px 38px rgba(23, 48, 88, .08);
}

body {
  font-weight: 500;
  background:
    radial-gradient(circle at 10% -8%, rgba(47, 108, 197, .10), transparent 34vw),
    radial-gradient(circle at 92% 2%, rgba(242, 140, 40, .08), transparent 30vw),
    linear-gradient(180deg, #f9fbff 0%, #ffffff 47%, #f6f8fc 100%);
}

h1, h2, h3, h4, h5, h6,
.brand, .footer-brand,
.btn, .site-nav a,
.badge, .deal, .rank-badge {
  font-family: var(--font);
}

.hero-copy h1,
.lux-copy h1,
.detail-title,
.page-hero h1,
.intro-grid h1 {
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: .98;
}

.section-head h2,
.split-head h2,
.method-card h2,
.guide-band h2,
.review-section h2 {
  font-weight: 800;
  letter-spacing: -.035em;
}

.product-body h3,
.product-card.large h3,
.review-row h2,
.review-row h3 {
  font-weight: 800;
  letter-spacing: -.022em;
}

.site-header {
  background: rgba(249, 251, 255, .90);
  border-bottom-color: rgba(31, 79, 163, .12);
}
.pro-header { box-shadow: 0 10px 34px rgba(23, 48, 88, .055); }
.brand { color: #172033; }
.brand-mark {
  background: linear-gradient(145deg, #1f4fa3, #3f78cc);
  box-shadow: 0 12px 28px rgba(31, 79, 163, .24);
}
.brand-text small { color: #667085; font-weight: 650; }
.site-nav {
  border-color: rgba(31, 79, 163, .12);
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 30px rgba(23, 48, 88, .07);
}
.site-nav a { color: #475467; font-weight: 700; }
.site-nav a:hover,
.site-nav a.active { color: #16366f; background: #eef4ff; }
.site-nav .nav-cta,
.nav-toggle { background: #16366f; color: #fff; }
.site-nav .nav-cta:hover { background: #0f2a5a; }

.btn { font-weight: 800; }
.btn.primary,
.btn.dark {
  background: linear-gradient(135deg, #1f4fa3, #326fc8);
  box-shadow: 0 16px 34px rgba(31, 79, 163, .22);
}
.btn.primary:hover,
.btn.dark:hover { box-shadow: 0 20px 42px rgba(31, 79, 163, .28); }
.btn.secondary,
.btn.ghost { color: #1f4fa3; border-color: #d9e2ef; }
.btn.card-btn { background: #173b78; }
.btn.card-btn:hover { background: #102f63; }
.text-link { color: #1f4fa3; }
.kicker,
.eyebrow { color: #1f4fa3; font-weight: 800; }

.hero::after {
  background: radial-gradient(circle, rgba(47,108,197,.12), transparent 68%);
}
.trust-row span,
.mini-metric,
.editorial-proof div,
.showcase-label,
.showcase-mini {
  border-color: rgba(31,79,163,.12);
  background: rgba(255,255,255,.90);
}
.mini-metric strong,
.editorial-proof strong,
.showcase-mini strong { color: #1f4fa3; }
.hero-panel::before {
  background: linear-gradient(135deg, rgba(47,108,197,.18), rgba(242,140,40,.12));
}
.hero-note { border-color: #e3e8f0; background: rgba(255,255,255,.94); }
.hero-note strong { color: #1f4fa3; }

.section.soft,
.reviews-shell {
  background: linear-gradient(180deg, rgba(238,244,255,.62), rgba(255,255,255,0));
  border-block-color: rgba(31,79,163,.09);
}

.product-card,
.pro-product-card,
.review-row,
.pro-review-row,
.detail-card,
.review-section,
.aside-card,
.intro-card,
.pro-filter,
.pro-toolbar,
.pro-text-page,
.guide-side,
.contact-form,
.mini-panel {
  border-color: #e3e8f0;
  background: #ffffff;
  box-shadow: var(--vm-shadow-soft);
}
.product-card:hover,
.review-row:hover {
  border-color: rgba(31,79,163,.30);
  box-shadow: var(--vm-shadow);
}
.pro-product-card { background: linear-gradient(180deg,#fff,#fbfcff); }

.badge { color: #173b78; background: #fff; }
.deal { background: #f28c28; color: #fff; }
.rank-badge { background: #173b78; color: #fff; }
.rating { color: #d97706; }

.card-proof,
.decision-grid div {
  border-color: rgba(31,79,163,.13);
  background: #f7faff;
}
.card-proof span,
.decision-grid span { color: #667085; font-weight: 800; }
.card-proof strong,
.decision-grid strong { color: #173b78; }

.category-tile,
.pro-category-tile {
  border-color: #e3e8f0;
  background: linear-gradient(145deg, #ffffff, #f3f7fd);
}
.pro-category-tile::after { background: rgba(47,108,197,.08); }
.pro-category-tile small { color: #1f4fa3; }
.category-tile em { color: #1f4fa3; }

.editorial-strip div,
.comparison-strip a {
  border-color: #e3e8f0;
  background: #fff;
}
.editorial-strip span {
  background: #eef4ff;
  color: #1f4fa3;
}
.comparison-strip span { color: #1f4fa3; }
.comparison-strip em { color: #d97706; }

.method-card { background: #fff; }
.guide-band,
.premium-cta,
.verdict-block,
.score-card {
  background: linear-gradient(135deg, #16366f, #1f4fa3 62%, #326fc8);
}
.guide-band p,
.verdict-block .eyebrow,
.verdict-block p,
.score-card p { color: #dbe7f8; }

.intro-card strong,
.guide-side strong { color: #1f4fa3; }
.featured-toggle input { accent-color: #1f4fa3; }
.article-nav {
  border-color: rgba(31,79,163,.13);
  background: rgba(255,255,255,.93);
}
.article-nav a { color: #173b78; background: #eef4ff; }
.detail-meta span {
  background: #eef4ff;
  color: #173b78;
  border-color: rgba(31,79,163,.16);
}
.pros-cons li { background: #f8fafc; }
.faq-list details { border-color: #e3e8f0; }

.contact-form label { color: #173b78; }
.contact-form input,
.contact-form textarea { border-color: #d9e2ef; color: #172033; }
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #2f6cc5;
  box-shadow: 0 0 0 4px rgba(47,108,197,.12);
}
.mini-panel span { background: #eef4ff; color: #1f4fa3; }
.mini-panel strong { color: #173b78; }
.mini-panel.muted { background: #f8fafc; }

/* Neutral product-image fallback. Auto-detected/manual image colors still override this value. */
.product-card .product-image,
.review-row .product-image,
.detail-gallery,
.pro-gallery,
.preview-image,
.product-thumb {
  background: var(--product-image-bg, linear-gradient(135deg, #ffffff, #f2f5f9)) !important;
}
.detail-gallery > img,
.pro-gallery > img,
.gallery-thumbs img,
.gallery-thumb {
  background: var(--product-image-bg, #f7f9fc) !important;
}
.gallery-thumbs::-webkit-scrollbar-thumb { background: rgba(31,79,163,.22); }
.gallery-thumb {
  border-color: #d9e2ef;
}
.gallery-thumb:hover,
.gallery-thumb:focus-visible {
  border-color: rgba(47,108,197,.58);
  box-shadow: 0 12px 28px rgba(23,48,88,.11);
}
.gallery-thumb.active {
  border-color: #2f6cc5;
  box-shadow: 0 0 0 3px rgba(47,108,197,.14), 0 16px 34px rgba(23,48,88,.11);
}

.site-footer {
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.footer-brand-block p,
.footer-col a,
.footer-bottom { line-height: 1.65; }

@media (max-width: 760px) {
  .hero-copy h1,
  .lux-copy h1,
  .detail-title,
  .page-hero h1,
  .intro-grid h1 {
    letter-spacing: -.035em;
    line-height: 1.02;
  }
  .site-nav.open { box-shadow: 0 24px 56px rgba(23,48,88,.15); }
}