/*
Агростандарт — стили сайта.
Взято 1:1 из согласованного макета новой структуры сайта (много страниц:
главная + страницы направлений + карточка продукта) — заказчику нравится
этот баланс цветов, поэтому палитра и типографика не менялись.
Единственная правка — вставлен настоящий логотип вместо текстового
плейсхолдера в шапке и подвале.
*/
.as-agrostandart{
--ground:#FBF2E3; --paper:#FFFFFF; --paper-2:#F3E7D2;
--ink:#1C1712; --ink-soft:#5B534A; --ink-faint:#948C7E;
--rule:#E7DBC4; --rule-soft:#F0E6D4;
--brand:#DD6229; --brand-2:#C4531F; --brand-bright:#FF8A47;
--band-dark-bg:#211C17; --band-dark-panel:rgba(251,242,227,.06); --band-dark-panel-b:rgba(251,242,227,.16);
--amber:#B5741A; --amber-soft:#F5E9D5;
--on-brand:#FBF2E3; --on-brand-soft:#CDC2AF;
--shadow:0 1px 2px rgba(20,16,10,.08), 0 10px 26px -16px rgba(20,16,10,.32);
}
@media (prefers-color-scheme: dark){
.as-agrostandart:not([data-theme="light"]){
--ground:#15110D; --paper:#1C1712; --paper-2:#241E16;
--ink:#F4ECDD; --ink-soft:#BBB09D; --ink-faint:#83786A;
--rule:#342C21; --rule-soft:#292219;
--brand:#F2793A; --brand-2:#FF8A47; --brand-bright:#FFA05C;
--band-dark-bg:#211C17; --band-dark-panel:rgba(251,242,227,.06); --band-dark-panel-b:rgba(251,242,227,.18);
--amber:#DDA353; --amber-soft:#2A2013;
--on-brand:#FBF2E3; --on-brand-soft:#CDC2AF;
--shadow:0 1px 2px rgba(0,0,0,.5);
}
}
.as-agrostandart[data-theme="dark"]{
--ground:#15110D; --paper:#1C1712; --paper-2:#241E16;
--ink:#F4ECDD; --ink-soft:#BBB09D; --ink-faint:#83786A;
--rule:#342C21; --rule-soft:#292219;
--brand:#F2793A; --brand-2:#FF8A47; --brand-bright:#FFA05C;
--band-dark-bg:#211C17; --band-dark-panel:rgba(251,242,227,.06); --band-dark-panel-b:rgba(251,242,227,.18);
--amber:#DDA353; --amber-soft:#2A2013;
--on-brand:#FBF2E3; --on-brand-soft:#CDC2AF;
--shadow:0 1px 2px rgba(0,0,0,.5);
}
.as-agrostandart *{box-sizing:border-box;}
html{scroll-padding-top:84px;}
@media (max-width:400px){ html{scroll-padding-top:132px;} }
.as-agrostandart{
margin:0; background:var(--ground); color:var(--ink);
font-family:"Golos Text","Helvetica Neue",Arial,sans-serif;
font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
.as-agrostandart img{max-width:100%;}
.as-agrostandart h1,.as-agrostandart h2,.as-agrostandart h3,.as-agrostandart h4{
font-family:"Oswald","Golos Text",Arial,sans-serif; text-wrap:balance; margin:0;
text-transform:uppercase; letter-spacing:-.01em; font-weight:700;
}
.as-agrostandart p{margin:0;}
.as-agrostandart a{color:inherit;}
.as-agrostandart button{font:inherit; color:inherit;}
.as-agrostandart :focus-visible{outline:2px solid var(--brand); outline-offset:2px;}
.as-agrostandart .wrapc{max-width:1240px; margin:0 auto; padding:0 28px;}
.as-agrostandart .eyebrow{
font-family:"Oswald",sans-serif; font-size:12.5px; font-weight:600;
letter-spacing:.1em; text-transform:uppercase; color:var(--brand); margin:0;
padding-left:14px; position:relative;
}
.as-agrostandart .eyebrow::before{content:""; position:absolute; left:0; top:1px; bottom:1px; width:3px; background:var(--brand);}
.as-agrostandart .eyebrow.on-dark{color:var(--brand-bright);}
.as-agrostandart .eyebrow.on-dark::before{background:var(--brand-bright);}
.as-agrostandart .lede{font-size:17px; color:var(--ink-soft); max-width:62ch;}
/* photo slots */
.as-agrostandart .shot{
position:relative; overflow:hidden; background:var(--paper-2);
border:1.5px dashed var(--rule); display:flex; align-items:center; justify-content:center;
padding:16px; text-align:center;
}
.as-agrostandart .shot-tag{
font-family:"Golos Text",sans-serif; font-size:12.5px; line-height:1.4;
color:var(--ink-faint); background:var(--paper); border:1px solid var(--rule); border-radius:4px;
padding:8px 12px 8px 30px; max-width:92%; position:relative;
}
.as-agrostandart .shot-tag::before{
content:""; position:absolute; left:11px; top:50%; margin-top:-8px; width:16px; height:16px;
background:var(--ink-faint);
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.as-agrostandart .shot.has-img{border:0; padding:0; background:none; display:block;}
.as-agrostandart .shot.has-img img{width:100%; height:100%; object-fit:cover; display:block;}
/* ================= header ================= */
.as-agrostandart .util{background:var(--ground); border-bottom:1px solid var(--rule);}
.as-agrostandart .util .wrapc{display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:flex-end; padding-top:8px; padding-bottom:8px;}
.as-agrostandart .util a{
font-family:"Oswald",sans-serif; font-size:11.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
color:var(--ink-soft); text-decoration:none;
}
.as-agrostandart .util a:hover{color:var(--brand);}
.as-agrostandart .nav{position:sticky; top:0; z-index:80; background:var(--band-dark-bg); border-bottom:1px solid rgba(251,242,227,.1);}
/* шесть пунктов меню + телефон + кнопка шире, чем общий .wrapc(1240px) —
отдельный, более широкий предел именно для навигации, чтобы не срезало
кнопку на широких мониторах ещё до включения гамбургера */
.as-agrostandart .nav .wrapc{display:flex; align-items:center; gap:26px; padding-top:12px; padding-bottom:12px; max-width:1600px;}
.as-agrostandart .logo{display:flex; align-items:center; text-decoration:none; margin-right:6px;}
.as-agrostandart .logo .mark-svg{height:84px; width:auto; flex:none;}
.as-agrostandart .nav ul{display:flex; gap:22px; list-style:none; margin:0; padding:0; flex:1;}
.as-agrostandart .nav ul a{
text-decoration:none; font-size:13.5px; font-weight:600; letter-spacing:.03em; text-transform:uppercase;
color:var(--on-brand); padding:6px 0 6px 12px; border-bottom:2px solid transparent; position:relative;
white-space:nowrap;
}
.as-agrostandart .nav ul a::before{content:""; position:absolute; left:0; top:3px; bottom:3px; width:3px; background:var(--brand);}
.as-agrostandart .nav ul a:hover{color:var(--brand-bright);}
.as-agrostandart .nav .tel{font-family:"Oswald",sans-serif; font-size:13px; font-weight:500; color:var(--on-brand); text-decoration:none; white-space:nowrap;}
.as-agrostandart .burger{display:none;}
.as-agrostandart .btn{
display:inline-flex; align-items:center; gap:7px; text-decoration:none; cursor:pointer;
font-family:"Golos Text",sans-serif; font-size:14.5px; font-weight:600; line-height:1;
padding:13px 20px; border-radius:3px; border:1.5px solid transparent; white-space:nowrap;
transition:background .16s ease, color .16s ease, border-color .16s ease;
}
.as-agrostandart .btn-primary{background:transparent; color:var(--ink); border-color:var(--brand);}
.as-agrostandart .btn-primary:hover{background:var(--brand); color:var(--on-brand);}
/* .btn-primary по умолчанию рассчитан на светлый фон (тёмный текст) — на тёмных
секциях/шапке до наведения его почти не видно, поэтому здесь цвет текста
меняется на светлый и без наведения */
.as-agrostandart .nav .btn-primary,.as-agrostandart .band-dark .btn-primary{color:var(--on-brand);}
.as-agrostandart .btn-solid{background:var(--brand); color:var(--on-brand); border-color:var(--brand);}
.as-agrostandart .btn-solid:hover{background:var(--brand-2); border-color:var(--brand-2);}
.as-agrostandart .btn-ghost{background:transparent; color:var(--ink); border-color:var(--rule);}
.as-agrostandart .btn-ghost:hover{border-color:var(--brand); color:var(--brand);}
.as-agrostandart .btn-on-dark{background:transparent; color:var(--on-brand); border-color:rgba(251,242,227,.42);}
.as-agrostandart .btn-on-dark:hover{background:rgba(251,242,227,.12); border-color:var(--on-brand);}
.as-agrostandart .btn-sm{padding:9px 14px; font-size:13px;}
.as-agrostandart .btn-primary::before,.as-agrostandart .btn-on-dark::before{content:"+"; font-weight:700; color:var(--brand);}
.as-agrostandart .btn-on-dark:hover::before{color:var(--on-brand);}
.as-agrostandart .btn-primary:hover::before{color:var(--on-brand);}
/* ================= sections ================= */
.as-agrostandart .band{padding:76px 0;}
.as-agrostandart .band-paper{background:var(--paper);}
.as-agrostandart .band-dark{background:var(--band-dark-bg); color:var(--on-brand);}
.as-agrostandart .band-dark h2, .as-agrostandart .band-dark h3{color:var(--on-brand);}
.as-agrostandart .band-dark .lede{color:var(--on-brand-soft);}
.as-agrostandart .band-orange{background:var(--brand); color:#241205;}
.as-agrostandart .band-orange h2, .as-agrostandart .band-orange h3{color:#241205;}
.as-agrostandart .band-orange .eyebrow{color:#241205; opacity:.68;}
.as-agrostandart .band-orange .eyebrow::before{background:#241205;}
.as-agrostandart .band-orange .lede{color:#3B2308;}
.as-agrostandart .band-orange .check li{color:#3B2308;}
.as-agrostandart .band-orange .check li::before{color:#241205;}
.as-agrostandart .band-orange .consent{color:#4A2C0C;}
.as-agrostandart .band-orange .f label{color:#4A2C0C;}
.as-agrostandart .band-orange .f input,.as-agrostandart .band-orange .f select,.as-agrostandart .band-orange .f textarea{background:var(--ground); border-color:rgba(36,18,5,.3);}
.as-agrostandart .band-orange .btn-primary{background:#241205; color:var(--on-brand); border-color:#241205;}
.as-agrostandart .band-orange .btn-primary:hover{background:#100801; border-color:#100801;}
.as-agrostandart .band-tight{padding:52px 0;}
.as-agrostandart .sec-head{display:flex; flex-direction:column; gap:12px; margin-bottom:34px; max-width:70ch;}
.as-agrostandart h2.sec-t{font-size:clamp(25px,3.2vw,36px); font-weight:700; letter-spacing:-.02em; line-height:1.12;}
.as-agrostandart h3.sub-t{font-size:19px; font-weight:700; letter-spacing:-.01em;}
/* hero */
.as-agrostandart .hero{position:relative; min-height:600px; display:flex; align-items:flex-end;}
.as-agrostandart .hero .shot{position:absolute; inset:0; border:0; border-radius:0; align-items:flex-start; justify-content:flex-end; padding:28px;}
.as-agrostandart .hero-scrim{position:absolute; inset:0; background:linear-gradient(94deg, rgba(10,8,5,.88) 0%, rgba(10,8,5,.68) 44%, rgba(10,8,5,.24) 100%);}
.as-agrostandart .hero-in{position:relative; z-index:2; width:100%; padding:96px 0 96px;}
.as-agrostandart .hero h1{
font-size:clamp(34px,5.6vw,66px); font-weight:700; line-height:1.02; letter-spacing:-.01em;
color:#FBF2E3; max-width:17ch; margin:16px 0 20px;
}
.as-agrostandart .hero h1 em{font-style:normal; color:var(--brand-bright);}
.as-agrostandart .hero p{color:#D9CFBE; font-size:17.5px; max-width:56ch; text-transform:none;}
.as-agrostandart .hero-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:30px;}
/* floating pill dock */
.as-agrostandart .pill-dock{position:relative; z-index:6; margin-top:-54px;}
.as-agrostandart .pill-wrap{
background:var(--paper); border-radius:8px; box-shadow:var(--shadow);
padding:10px; display:flex; gap:8px; flex-wrap:wrap;
}
.as-agrostandart .pill{
flex:1 1 150px; display:flex; align-items:center; gap:10px; justify-content:center;
background:transparent; border:1px solid var(--rule); border-radius:5px; padding:13px 12px;
cursor:pointer; text-decoration:none; color:var(--ink); white-space:nowrap;
transition:border-color .16s ease, background .16s ease;
}
.as-agrostandart .pill:hover{border-color:var(--brand); background:var(--paper-2);}
.as-agrostandart .pill .ic{
width:26px; height:26px; flex:none; background:var(--brand);
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
-webkit-mask-position:center; mask-position:center;
-webkit-mask-size:contain; mask-size:contain;
}
/* силуэты животных по видам поголовья — иконки, нарисованные заказчиком вручную */
/* КРС — дойное стадо */
.as-agrostandart .pill:nth-child(1) .ic{
-webkit-mask-image:url('../icons/icon-dairy-cow.png');
mask-image:url('../icons/icon-dairy-cow.png');
}
/* КРС — откорм */
.as-agrostandart .pill:nth-child(2) .ic{
-webkit-mask-image:url('../icons/icon-cattle.png');
mask-image:url('../icons/icon-cattle.png');
}
/* свиньи */
.as-agrostandart .pill:nth-child(3) .ic{
-webkit-mask-image:url('../icons/icon-pig.png');
mask-image:url('../icons/icon-pig.png');
}
/* индейка */
.as-agrostandart .pill:nth-child(4) .ic{
-webkit-mask-image:url('../icons/icon-turkey.png');
mask-image:url('../icons/icon-turkey.png');
}
/* другое поголовье */
.as-agrostandart .pill:nth-child(5) .ic{
-webkit-mask-image:url('../icons/icon-other.png');
mask-image:url('../icons/icon-other.png');
}
.as-agrostandart .pill strong{font-family:"Oswald",sans-serif; font-weight:600; font-size:13.5px; letter-spacing:.01em; text-transform:uppercase;}
.as-agrostandart .pill.soon{opacity:.65;}
.as-agrostandart .statrow{background:var(--band-dark-bg); color:var(--on-brand); padding-top:20px;}
.as-agrostandart .statrow .wrapc{display:flex; justify-content:center; flex-wrap:wrap;}
.as-agrostandart .stat{padding:18px 30px; text-align:center; border-right:1px solid rgba(251,242,227,.14);}
.as-agrostandart .stat:last-child{border-right:0;}
.as-agrostandart .stat b{
display:block; font-family:"Oswald",sans-serif; font-weight:700; font-size:22px;
letter-spacing:-.01em; color:var(--brand-bright); font-variant-numeric:tabular-nums; text-transform:uppercase;
}
.as-agrostandart .stat span{font-size:12.5px; color:var(--on-brand-soft); line-height:1.4; display:block; margin-top:3px;}
/* species strip */
.as-agrostandart .species{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
.as-agrostandart .sp-card{
display:flex; flex-direction:column; gap:0; text-decoration:none; cursor:pointer;
background:var(--paper); border:1px solid var(--rule); border-radius:5px; overflow:hidden;
text-align:left; padding:0; transition:border-color .16s ease, transform .16s ease;
}
.as-agrostandart .sp-card:hover{border-color:var(--brand); transform:translateY(-2px);}
.as-agrostandart .sp-card .shot{height:104px;}
.as-agrostandart .sp-card .body{padding:14px 15px 17px;}
.as-agrostandart .sp-card strong{display:block; font-family:"Oswald",sans-serif; font-weight:700; font-size:16px; letter-spacing:-.01em; text-transform:uppercase;}
.as-agrostandart .sp-card em{
font-style:normal; display:block; font-family:"Oswald",sans-serif; font-size:10.5px;
letter-spacing:.09em; text-transform:uppercase; color:var(--ink-faint); margin-top:5px;
}
.as-agrostandart .sp-card.soon{opacity:.72;}
/* фото-полоса: несколько живых кадров без заголовка, для страниц, где ещё мало фото */
.as-agrostandart .photoband{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:8px 0;}
.as-agrostandart .photoband img{width:100%; height:180px; object-fit:cover; border-radius:3px; display:block;}
@media (max-width:640px){.as-agrostandart .photoband{grid-template-columns:1fr;}}
/* task groups */
.as-agrostandart .task-group{margin-bottom:34px;}
.as-agrostandart .task-group:last-child{margin-bottom:0;}
.as-agrostandart .group-t{
font-family:"Oswald",sans-serif; font-size:13px; font-weight:600; letter-spacing:.08em;
text-transform:uppercase; color:var(--brand); margin:0 0 14px;
}
/* task grid: borders live on the cards themselves (not the grid container),
so an under-filled row never draws a line or box past the last real card */
.as-agrostandart .tasks{display:grid; grid-template-columns:repeat(3,1fr);}
.as-agrostandart .task{
background:var(--ground); padding:22px 22px 24px; cursor:pointer; text-align:left;
border:1px solid var(--rule);
display:flex; flex-direction:column; gap:8px; transition:background .16s ease;
text-decoration:none; color:inherit;
}
.as-agrostandart .task:not(:nth-child(3n+1)){margin-left:-1px;}
.as-agrostandart .task:nth-child(n+4){margin-top:-1px;}
.as-agrostandart .task:hover{background:var(--paper);}
.as-agrostandart .task .k{
font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.1em;
text-transform:uppercase; color:var(--amber);
}
.as-agrostandart .task strong{font-family:"Oswald",sans-serif; font-weight:700; font-size:16.5px; letter-spacing:-.01em;}
.as-agrostandart .task span{font-size:14px; color:var(--ink-soft); line-height:1.5;}
/* two executions */
.as-agrostandart .exec{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.as-agrostandart .exec-c{
border:1px solid var(--band-dark-panel-b); border-radius:3px; padding:28px 26px 30px;
display:flex; flex-direction:column; gap:14px; background:var(--band-dark-panel);
}
.as-agrostandart .exec-c .tag{
align-self:flex-start; font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.1em;
text-transform:uppercase; background:var(--brand-bright); color:#241205; padding:4px 9px; border-radius:2px;
}
.as-agrostandart .exec-c h3{font-size:22px; font-weight:700; letter-spacing:-.02em;}
.as-agrostandart .exec-c p{color:var(--on-brand-soft); font-size:15px;}
.as-agrostandart .exec-c ul{margin:0; padding-left:17px; color:var(--on-brand-soft); font-size:14.5px; display:flex; flex-direction:column; gap:6px;}
/* program cycle */
.as-agrostandart .cycle{display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--rule); background:var(--ground);}
.as-agrostandart .cycle.three{grid-template-columns:repeat(3,1fr);}
.as-agrostandart .cyc{padding:20px 20px 22px; border-right:1px solid var(--rule); display:flex; flex-direction:column; gap:7px;}
.as-agrostandart .cyc:last-child{border-right:0;}
.as-agrostandart .cyc.on{background:var(--amber-soft);}
.as-agrostandart .cyc .n{
font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.11em;
text-transform:uppercase; color:var(--ink-faint);
}
.as-agrostandart .cyc .p{font-family:"Oswald",sans-serif; font-weight:700; font-size:17px; letter-spacing:-.01em; color:var(--brand);}
.as-agrostandart .cyc .d{font-size:13.5px; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.as-agrostandart .cyc .w{
margin-top:auto; padding-top:8px; font-family:"Oswald",sans-serif; font-size:10px;
letter-spacing:.1em; text-transform:uppercase; color:var(--amber);
}
.as-agrostandart .cyc a.cyc-link{display:block; text-decoration:none; color:inherit;}
/* proof */
.as-agrostandart .proof{display:grid; grid-template-columns:1.1fr 1fr; gap:44px; align-items:center;}
.as-agrostandart .bignums{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:26px;}
.as-agrostandart .bignum b{
display:block; font-family:"Oswald",sans-serif; font-weight:700; font-size:clamp(26px,3.4vw,40px);
letter-spacing:-.03em; color:var(--amber); font-variant-numeric:tabular-nums; line-height:1;
}
.as-agrostandart .bignum span{display:block; margin-top:9px; font-size:12.5px; color:var(--ink-soft); line-height:1.4;}
.as-agrostandart .band-dark .bignum b{color:var(--brand-bright);}
.as-agrostandart .band-dark .bignum span{color:var(--on-brand-soft);}
/* three col */
.as-agrostandart .trio{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.as-agrostandart .trio-4{grid-template-columns:repeat(4,1fr);}
.as-agrostandart .tri{display:flex; flex-direction:column; gap:11px;}
.as-agrostandart .tri::after{content:""; margin-top:auto; padding-top:15px; border-top:1px solid var(--rule);}
.as-agrostandart .band-dark .tri::after{border-top-color:var(--band-dark-panel-b);}
.as-agrostandart .tri .num{
font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.12em; color:var(--amber);
}
.as-agrostandart .tri h3{font-size:19px; font-weight:700; letter-spacing:-.01em;}
.as-agrostandart .tri p{font-size:15px; color:var(--ink-soft);}
.as-agrostandart .band-dark .tri p{color:var(--on-brand-soft);}
/* products */
.as-agrostandart .prods{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.as-agrostandart .prod{
background:var(--ground); border:1px solid var(--rule); border-radius:3px;
display:flex; flex-direction:column; overflow:hidden; text-align:left;
cursor:pointer; padding:0; text-decoration:none; color:inherit;
transition:border-color .16s ease, box-shadow .16s ease;
}
.as-agrostandart .prod:hover{border-color:var(--brand); box-shadow:var(--shadow);}
.as-agrostandart .prod .shot{height:320px;}
.as-agrostandart .prod .body{padding:18px 19px 21px; display:flex; flex-direction:column; gap:9px; flex:1;}
.as-agrostandart .prod .code{font-family:"Oswald",sans-serif; font-weight:700; font-size:19px; letter-spacing:-.02em; color:var(--brand);}
.as-agrostandart .prod .ph{font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-faint);}
.as-agrostandart .prod .txt{font-size:14px; color:var(--ink-soft); flex:1;}
.as-agrostandart .prod .meta{display:flex; gap:8px; flex-wrap:wrap; margin-top:3px;}
.as-agrostandart .chip{
font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.06em;
background:var(--paper-2); color:var(--ink-soft); padding:4px 8px; border-radius:2px;
font-variant-numeric:tabular-nums;
}
.as-agrostandart .chip.hot{background:var(--amber-soft); color:var(--amber);}
/* expert band */
.as-agrostandart .expert{display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; border:1px solid var(--rule); background:var(--ground);}
.as-agrostandart .expert .shot{min-height:300px;}
.as-agrostandart .expert .body{padding:44px 42px; display:flex; flex-direction:column; gap:16px; justify-content:center;}
/* faq */
.as-agrostandart .faq{border-top:1px solid var(--rule); max-width:88ch;}
.as-agrostandart .faq details{border-bottom:1px solid var(--rule);}
.as-agrostandart .faq summary{
cursor:pointer; list-style:none; padding:19px 40px 19px 0; position:relative;
font-family:"Oswald",sans-serif; font-weight:700; font-size:17px; letter-spacing:-.01em;
}
.as-agrostandart .faq summary::-webkit-details-marker{display:none;}
.as-agrostandart .faq summary::after{
content:"+"; position:absolute; right:6px; top:16px; font-family:"Oswald",sans-serif;
font-size:20px; color:var(--amber); transition:transform .18s ease;
}
.as-agrostandart .faq details[open] summary::after{transform:rotate(45deg);}
.as-agrostandart .faq .a{padding:0 40px 22px 0; color:var(--ink-soft); font-size:15.5px; max-width:74ch;}
/* downloads */
.as-agrostandart .dl{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.as-agrostandart .dl-item{
display:flex; align-items:center; gap:18px; padding:18px 20px; background:var(--ground);
border:1px solid var(--rule); border-radius:3px;
}
.as-agrostandart .dl-item .ic{
font-family:"Oswald",sans-serif; font-size:10px; letter-spacing:.08em; color:var(--amber);
border:1px solid var(--amber); border-radius:2px; padding:9px 8px; line-height:1;
}
.as-agrostandart .dl-item .t{flex:1;}
.as-agrostandart .dl-item .t b{display:block; font-family:"Oswald",sans-serif; font-weight:700; font-size:15.5px;}
.as-agrostandart .dl-item .t span{font-size:13px; color:var(--ink-faint);}
.as-agrostandart .dl-item.pending{opacity:.7;}
/* form */
.as-agrostandart .formband{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;}
.as-agrostandart .form{display:grid; grid-template-columns:1fr 1fr; gap:13px;}
.as-agrostandart .f{display:flex; flex-direction:column; gap:6px;}
.as-agrostandart .f.wide{grid-column:1/-1;}
.as-agrostandart .f label{font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-faint);}
.as-agrostandart .f input,.as-agrostandart .f select,.as-agrostandart .f textarea{
font:inherit; font-size:15px; padding:11px 13px; border:1px solid var(--rule);
background:var(--ground); color:var(--ink); border-radius:2px; width:100%;
}
.as-agrostandart .f textarea{min-height:82px; resize:vertical;}
.as-agrostandart .form .btn{grid-column:1/-1; justify-content:center; margin-top:4px;}
.as-agrostandart .consent{grid-column:1/-1; font-size:12.5px; color:var(--ink-faint);}
.as-agrostandart .consent a{color:var(--ink-soft); text-decoration:underline;}
/* checklist */
.as-agrostandart .check{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
.as-agrostandart .check li{display:flex; gap:11px; font-size:15.5px; color:var(--ink-soft);}
.as-agrostandart .check li::before{content:"—"; color:var(--amber); flex:none;}
/* footer */
.as-agrostandart footer{background:var(--band-dark-bg); color:var(--on-brand); padding:56px 0 26px;}
.as-agrostandart .fcols{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:34px;}
.as-agrostandart .fcols h4{
font-family:"Oswald",sans-serif; font-size:10.5px; letter-spacing:.13em;
text-transform:uppercase; color:var(--on-brand-soft); font-weight:500; margin-bottom:14px;
}
.as-agrostandart .fcols ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px;}
.as-agrostandart .fcols a{text-decoration:none; font-size:14px; color:var(--on-brand-soft);}
.as-agrostandart .fcols a:hover{color:var(--brand-bright);}
.as-agrostandart .fcols p{font-size:14px; color:var(--on-brand-soft); line-height:1.65;}
.as-agrostandart .fbot{
margin-top:40px; padding-top:20px; border-top:1px solid rgba(251,242,227,.16);
display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
font-family:"Oswald",sans-serif; font-size:11px; color:var(--ink-faint);
}
.as-agrostandart .flogo{display:flex; align-items:center; margin-bottom:14px;}
.as-agrostandart .flogo .mark-svg{height:40px; width:auto;}
/* breadcrumbs + product page */
.as-agrostandart .crumb{
font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.06em;
color:var(--ink-faint); padding:16px 0; border-bottom:1px solid var(--rule-soft);
}
.as-agrostandart .crumb a{text-decoration:none; color:var(--ink-soft);}
.as-agrostandart .phead{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
.as-agrostandart .spec{width:100%; border-collapse:collapse; font-size:14px;}
.as-agrostandart .spec th,.as-agrostandart .spec td{text-align:left; padding:10px 13px; border-bottom:1px solid var(--rule-soft); font-variant-numeric:tabular-nums;}
.as-agrostandart .spec thead th{
font-family:"Oswald",sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase;
color:var(--ink-faint); font-weight:500; background:var(--paper); border-bottom:1px solid var(--rule); white-space:nowrap;
}
.as-agrostandart .tscroll{overflow-x:auto; border:1px solid var(--rule); border-radius:3px; background:var(--ground);}
.as-agrostandart .split{display:grid; grid-template-columns:1fr 1fr; gap:34px;}
.as-agrostandart .feat{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule); border:1px solid var(--rule);}
.as-agrostandart .feat > div{background:var(--ground); padding:20px 21px 22px; display:flex; flex-direction:column; gap:8px;}
.as-agrostandart .feat h4{font-family:"Oswald",sans-serif; font-size:15.5px; font-weight:700; letter-spacing:-.01em;}
.as-agrostandart .feat p{font-size:14px; color:var(--ink-soft);}
.as-agrostandart .callout{
border-left:3px solid var(--amber); background:var(--amber-soft); padding:18px 20px;
display:flex; gap:20px; align-items:center;
}
.as-agrostandart .callout b{font-family:"Oswald",sans-serif; font-weight:700; font-size:26px; color:var(--amber); letter-spacing:-.02em; flex:none;}
.as-agrostandart .callout span{font-size:14.5px; color:var(--ink-soft);}
/* заметка о статусе контента — видна посетителю, тон дружелюбный */
.as-agrostandart .gapnote{
border:1px dashed var(--amber); background:var(--amber-soft); border-radius:3px;
padding:22px 24px; display:flex; flex-direction:column; gap:8px; max-width:74ch;
}
.as-agrostandart .gapnote .k{
font-family:"Oswald",sans-serif; font-size:11px; font-weight:600; letter-spacing:.08em;
text-transform:uppercase; color:var(--amber);
}
.as-agrostandart .gapnote p{color:var(--ink-soft); font-size:14.5px;}
.as-agrostandart .gapnote ul{margin:4px 0 0; padding-left:18px; color:var(--ink-soft); font-size:14.5px; display:flex; flex-direction:column; gap:5px;}
/* липкая мобильная панель звонка/расчёта */
.as-agrostandart .mobbar{display:none;}
@media (max-width:640px){
.as-agrostandart .mobbar{
display:flex; position:fixed; left:0; right:0; bottom:0; z-index:95; gap:1px;
background:var(--rule);
}
.as-agrostandart .mobbar a{flex:1; text-align:center; padding:14px 10px; font-family:"Golos Text",sans-serif; font-weight:600; font-size:14px; text-decoration:none;}
.as-agrostandart .mobbar a.call{background:var(--band-dark-bg); color:var(--on-brand);}
.as-agrostandart .mobbar a.calc{background:var(--brand); color:var(--on-brand);}
.as-agrostandart .mobbar-spacer{height:50px;}
}
/* нав из 6 пунктов + лого + телефон + кнопка физически не помещаются в одну
строку без переноса слов раньше, чем на ~1550px (при 6-м пункте «Визит
технолога» контенту нужно ~1450px, плюс поля .wrapc) — поэтому гамбургер
включается заметно выше типичного "мобильного" брейкпоинта */
@media (max-width:1550px){
.as-agrostandart .nav .tel{display:none;}
.as-agrostandart .nav .wrapc{gap:14px; flex-wrap:wrap;}
.as-agrostandart .logo{margin-right:0; flex:1;}
.as-agrostandart .logo .mark-svg{height:58px;}
.as-agrostandart .burger{
display:flex; align-items:center; justify-content:center; width:40px; height:40px;
background:transparent; border:1px solid rgba(251,242,227,.35); border-radius:3px;
cursor:pointer; order:3;
}
.as-agrostandart .burger span{position:relative; display:block; width:18px; height:2px; background:var(--on-brand);}
.as-agrostandart .burger span::before,.as-agrostandart .burger span::after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--on-brand);}
.as-agrostandart .burger span::before{top:-6px;}
.as-agrostandart .burger span::after{top:6px;}
.as-agrostandart .nav ul{
order:5; flex-basis:100%; display:none; flex-direction:column; gap:0;
margin-top:6px; border-top:1px solid rgba(251,242,227,.12);
}
.as-agrostandart .nav ul.open{display:flex;}
.as-agrostandart .nav ul a{padding:13px 0 13px 12px; border-bottom:1px solid rgba(251,242,227,.1); white-space:normal;}
.as-agrostandart .nav ul a:last-child{border-bottom:0;}
.as-agrostandart .nav .btn{order:4;}
}
@media (max-width:1000px){
.as-agrostandart .species{grid-template-columns:repeat(3,1fr);}
.as-agrostandart .tasks,.as-agrostandart .trio,.as-agrostandart .prods{grid-template-columns:repeat(2,1fr);}
.as-agrostandart .task{margin-left:0;}
.as-agrostandart .task:nth-child(2n){margin-left:-1px;}
.as-agrostandart .task:nth-child(n+3){margin-top:-1px;}
.as-agrostandart .stat{border-right:0;}
.as-agrostandart .proof,.as-agrostandart .exec,.as-agrostandart .expert,.as-agrostandart .formband,.as-agrostandart .phead,.as-agrostandart .split,.as-agrostandart .dl{grid-template-columns:1fr;}
.as-agrostandart .cycle,.as-agrostandart .cycle.three{grid-template-columns:1fr 1fr;}
.as-agrostandart .fcols{grid-template-columns:1fr 1fr;}
.as-agrostandart .pill-wrap{flex-wrap:wrap;}
.as-agrostandart .pill{flex:1 1 30%;}
}
@media (max-width:640px){
.as-agrostandart .wrapc{padding:0 18px;}
.as-agrostandart .band{padding:52px 0;}
.as-agrostandart .logo .mark-svg{height:46px;}
.as-agrostandart .species,.as-agrostandart .tasks,.as-agrostandart .trio,.as-agrostandart .prods,.as-agrostandart .feat{grid-template-columns:1fr;}
.as-agrostandart .task{margin-left:0;}
.as-agrostandart .task:nth-child(n+2){margin-top:-1px;}
.as-agrostandart .cycle,.as-agrostandart .cycle.three{grid-template-columns:1fr;}
.as-agrostandart .cyc{border-right:0; border-bottom:1px solid var(--rule);}
.as-agrostandart .form{grid-template-columns:1fr;}
.as-agrostandart .util .wrapc{justify-content:flex-start; gap:12px 16px;}
.as-agrostandart .fcols{grid-template-columns:1fr;}
.as-agrostandart .expert .body{padding:30px 22px;}
.as-agrostandart .stat{flex:1 1 45%; padding:16px;}
.as-agrostandart .pill-dock{margin-top:-34px;}
.as-agrostandart .pill{flex:1 1 100%; padding:11px 12px;}
.as-agrostandart .hero-in{padding:118px 0 70px;}
.as-agrostandart .hero .shot{padding:16px; align-items:flex-start; justify-content:center;}
.as-agrostandart .hero .shot-tag{font-size:11px; padding:6px 10px 6px 26px; max-width:100%;}
.as-agrostandart .hero .shot-tag::before{width:13px; height:13px; left:8px; margin-top:-6.5px;}
}
@media (prefers-reduced-motion:reduce){.as-agrostandart *{transition:none !important; animation:none !important;}}