/*
Theme Name: Vse Nado
Version: 0.1.0
Requires PHP: 7.4
Text Domain: vse-nado
*/
:root{--ink:#412019;--lime:#a2d624;--pale:#f1f8d9;--orange:#a94000}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:16px/1.6 system-ui,sans-serif}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1200px;margin:auto;padding:0 20px}.site-head{border-bottom:1px solid #eee}.bar,nav ul,.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bar{justify-content:space-between;padding-block:12px}.logo{width:170px;display:block}nav ul{list-style:none;padding:0;margin:0 0 12px}nav a{text-decoration:none;font-weight:650}main{padding-block:24px 48px!important}h1,h2,h3{line-height:1.13}h1{font-size:clamp(2rem,5vw,4rem);margin:.35em 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;background:var(--pale);border-radius:26px;padding:clamp(22px,5vw,64px);min-height:320px}.hero[hidden]{display:none}.hero img{max-height:310px;object-fit:contain;border-radius:16px}.controls{display:flex;justify-content:center;gap:12px;margin:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tile{background:#fff1df;padding:20px;border-radius:16px;text-decoration:none;font-weight:700}.tile:nth-child(odd){background:var(--pale)}.button,button,input[type=submit]{background:var(--orange);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.footer{background:var(--pale);padding:24px 0}.note{padding:12px 16px;background:var(--pale);border-left:4px solid var(--lime)}input,textarea,select{max-width:100%;font:inherit;padding:8px}.entry{max-width:860px}form.vn-form label{display:block;margin:10px 0}form.vn-form input:not([type=checkbox]),form.vn-form textarea{display:block;width:100%}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip-path:none;width:auto;height:auto;background:white;z-index:10}
@media(max-width:700px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.bar{gap:10px}.bar form{order:3;width:100%}nav ul{gap:8px 14px}.tile{padding:12px}}
[hidden]{display:none!important}.custom-logo{width:170px}