/* T35 Ukrainian homepage - page layout only; visual tokens come from css/v2.
   The marquee is rendered inside <main> (front matter marquee:false) because
   the shared marquee partial is English-only. */
.ua > .psb-marquee { border-top: 0; }

.ua-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 56px 0 72px; }
.ua-hero__body { display: grid; gap: 20px; justify-items: start; }
.psb .ua-hero h1 { font-size: clamp(3rem, 1.6rem + 5.6vw, 7.25rem); line-height: .98; color: var(--text-display); text-transform: uppercase; letter-spacing: -0.01em; }
.ua-hero .psb-lead { max-width: 560px; }
.ua-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; }

.ua-hero__art { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1 / .92; justify-self: end; }
.ua-hero__sun { position: absolute; left: 7%; top: 0; width: 86%; aspect-ratio: 1; border: 3px solid var(--ink-900); border-radius: 50%; background: var(--butter-500); }
.ua-hero__ground { position: absolute; left: 0; right: 0; bottom: 3%; height: 6px; border-radius: 3px; background: var(--border-ink); }
.ua-hero__i { position: absolute; height: auto; }
.ua-hero__i--chanterelle { left: 8%; bottom: 8%; width: 30%; }
.ua-hero__i--oyster { left: 34%; bottom: 22%; width: 42%; }
.ua-hero__i--cep { right: 4%; bottom: 3.5%; width: 36%; }

.ua-species, .ua-tools, .ua-posts { list-style: none; margin: 0; padding: 0; }
.ua-species .psb-species { height: 100%; align-content: start; }
.ua-species .psb-species__disc img { width: 64%; height: auto; }
.ua-species .psb-species strong { font-size: 17px; }
.ua-species .psb-chip { font-size: 10px; padding: 2px 6px; }

.ua-tools .psb-tool { height: 100%; box-shadow: 4px 4px 0 0 var(--ink-900); }
.ua-tool__h { font: 700 var(--fs-h5)/1.35 var(--font-body); }
.ua-tools .psb-tool__value { font-size: 36px; }

.ua-posts .psb-article { height: 100%; align-content: start; }
.ua-media { --media-ratio: 16 / 9; }
.ua-media img { width: auto; height: 62%; padding: 0; object-fit: contain; }
.ua-post__h { font: 700 var(--fs-h5)/1.35 var(--font-body) !important; letter-spacing: 0 !important; }
.psb-article:hover .ua-post__h { text-decoration: underline; }
.ua-en-note { margin-top: 28px !important; }

.ua-money { background: var(--sky-100); color: var(--ink-900); border-top: var(--stroke); }
.ua-money__row { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 24px; align-items: center; padding-block: 36px; font-size: var(--fs-body-s); font-weight: 500; }
.ua-money__tag { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--sky-600); }

@media (max-width: 900px) {
    .ua-hero { grid-template-columns: 1fr; padding: 40px 0 56px; }
    .ua-hero__art { justify-self: center; max-width: 420px; }
    .ua-money__row { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 600px) {
    .psb .ua-hero h1 { font-size: clamp(2.5rem, 12.5vw, 3.5rem); }
    .psb .psb-grid.ua-species { --cols: 2 !important; gap: 14px; }
    .ua-species .psb-species__disc { width: 110px; }
}