.topbar{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;padding:14px 0;min-height:76px;align-items:center}
.topbar .brand{font-size:1rem;letter-spacing:-.025em}
.topbar .nav{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:0;padding:0;overflow:visible;width:auto;min-width:0;max-width:calc(100vw - 56px)}
.topbar .nav a{white-space:nowrap;font-size:.875rem;line-height:1.4;padding:10px 0;font-weight:500}
.topbar .toolbar{width:auto;margin:0;overflow:visible;flex-wrap:nowrap}
.topbar .account-links{display:flex;gap:8px;margin:0;align-items:center}
.topbar .account-links a{font-size:.875rem;white-space:nowrap;padding:10px 14px;line-height:1.4}
.topbar .account-links .account-login{color:var(--text)}
.topbar .account-links .install-app{min-height:44px;padding:10px 14px;border-radius:10px;font-size:.875rem;line-height:1.4;white-space:nowrap;box-shadow:none;color:var(--accent)}
.topbar .account-links .install-app:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@container(max-width:700px){.topbar .account-links{flex-wrap:wrap}.topbar .account-links .install-app{flex:1 0 100%;width:100%}}
.navigation-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;min-height:44px;padding:8px 12px;font-size:.875rem;cursor:pointer}
.topbar a:focus-visible,.navigation-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#farmerAuth{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}
main [id],main[id]{scroll-margin-top:var(--agro-anchor-offset,100px)!important}
@container(max-width:1500px){
 .topbar{grid-template-columns:1fr auto auto;gap:12px}
 .topbar .nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid var(--line);padding-top:6px;gap:24px}
}
@container(max-width:700px){
 .topbar{grid-template-columns:minmax(0,1fr) auto;position:relative;top:auto;padding:10px 0;gap:10px}
 .topbar .brand{font-size:.9375rem;gap:8px}
 .topbar .logo{width:32px;height:32px;border-radius:10px}
 .navigation-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px}
 .topbar .toolbar{grid-column:1/-1;grid-row:2;justify-self:stretch;flex-wrap:wrap;min-width:0}
 .topbar .toolbar .segment:has([data-view-choice]){display:flex;flex-wrap:nowrap;width:100%;min-width:0}
 .topbar [data-view-choice]{flex:1;min-width:0;padding:7px 4px!important;font-size:12px!important;white-space:nowrap}
 .topbar .account-links{grid-column:1/-1;grid-row:3;gap:8px;min-width:0}
 .topbar .account-links a{flex:1;text-align:center;min-width:0}
 .topbar .account-links a{padding:9px 10px;font-size:.875rem}
 .topbar .nav{display:none!important;grid-column:1/-1;grid-row:4;gap:4px;padding:10px 0 2px;flex-direction:column;align-items:stretch}
 .topbar.navigation-open .nav{display:flex!important}
 .topbar .nav a{font-size:1rem;padding:10px 12px;border-radius:8px}
 .topbar .nav a:hover{background:var(--surface-2)}
}
@container(max-width:360px){.topbar .account-links a{font-size:.8125rem;padding:10px 7px}.topbar .segment button{padding:7px}.navigation-toggle{padding:8px}.topbar .brand{font-size:.875rem}}
.agro-brand-mark{display:block;position:relative;flex:none;width:40px;height:40px;overflow:hidden;border-radius:10px;background:#fff}
.agro-brand-mark img{position:absolute;max-width:none;width:98px;height:98px;left:-29px;top:-8px}
@container(max-width:700px){
 .comparison-panel .table-wrap{overflow:visible}
 .irrigation-table,.irrigation-table tbody{display:block;width:100%}
 .irrigation-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .irrigation-table tr{display:block;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
 .irrigation-table td{display:block;padding:6px 0;border:0;font-size:.9rem;overflow-wrap:normal;word-break:normal}
 .irrigation-table td:first-child{font-size:1rem;margin-bottom:6px}
 .irrigation-table td:not(:first-child)::before{display:block;color:var(--muted);font-size:.75rem;margin-bottom:3px}
 .irrigation-table td:nth-child(2)::before{content:'Рӯизаминӣ'}
 .irrigation-table td:nth-child(3)::before{content:'Қатрагӣ'}
 html[lang=ru] .irrigation-table td:nth-child(2)::before{content:'Поверхностный'}
 html[lang=ru] .irrigation-table td:nth-child(3)::before{content:'Капельный'}
}