/* Start:/b2b/assets/css/disable-oneclick.css?1793890856285*/ /* Покупка в один клик отключена отдельно от окна проверки заказа. */ .oneclickbuy, .one_click, .one_click_buy, [onclick*="oneClickBuy"], [data-name="one_click_buy"], [data-name="one_click_buy_basket"] { display: none !important; } /* End */ /* Start:/OrangeSeed/assets/landing.css?179388120653244*/ /* Посадочная /OrangeSeed/ — стили макета маркетинга в области #orange-landing (tools/landings/build_dieci.py, docs/DIECI_LANDING.md). Не править руками: правки — в макете или в сборщике. */ #orange-landing{ --y:#F9DC54;--y2:#EFD047;--g:#1F2124;--g2:#2A2D31;--g3:#34383D; --t2:#5B6066;--t3:#6B7075;--bg:#fff;--bg2:#F3F4F5; --line:rgba(31,33,36,.10);--lined:rgba(255,255,255,.10); --lime:#99E132;--red:#E2001A;--ok:#2E9B47; --ease:cubic-bezier(.32,.72,0,1); color-scheme:light; scroll-padding-top:24px; } #orange-landing{background:var(--bg);color-scheme:light} #orange-landing{margin:0;background:var(--bg);color:var(--g)} #orange-landing{font-family:"Onest Local","Onest",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5; -webkit-text-size-adjust:100%; letter-spacing:-.011em;-webkit-font-smoothing:antialiased;color:var(--g);background:var(--bg)} #orange-landing *{box-sizing:border-box} #orange-landing :where(h1,h2,h3,h4,p,figure){margin:0} #orange-landing p,#orange-landing li,#orange-landing span,#orange-landing figcaption{text-wrap:pretty} #orange-landing h1,#orange-landing h2,#orange-landing h3,#orange-landing h4{text-wrap:balance} #orange-landing a{text-decoration:none;color:inherit} #orange-landing a.btn-y,#orange-landing a.btn-o{color:var(--g)} #orange-landing a.btn-g,#orange-landing a.btn-glass{color:#fff} #orange-landing button{font:inherit;color:inherit;border:0;background:none;cursor:pointer} #orange-landing :where(ul){margin:0;padding:0;list-style:none} #orange-landing img{max-width:100%} #orange-landing .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #orange-landing a:focus-visible,#orange-landing button:focus-visible,#orange-landing input:focus-visible,#orange-landing select:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px} #orange-landing .wrap{max-width:1120px;margin:0 auto;padding:0 22px} #orange-landing .sec{padding-block:88px} #orange-landing .grey{background:var(--bg2)} #orange-landing .dark{background:var(--g);color:#F5F5F6} #orange-landing .h2{font-size:clamp(28px,3.8vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.03em;text-wrap:balance} #orange-landing .h3{font-size:clamp(20px,2.2vw,26px);line-height:1.18;font-weight:600;letter-spacing:-.02em;text-wrap:balance} #orange-landing .lead{text-wrap:pretty;font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--t2);letter-spacing:-.012em;max-width:62ch} #orange-landing .dark .lead{color:#A9ADB2} #orange-landing .kick{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--t3); margin-bottom:14px;display:flex;align-items:center;gap:10px} #orange-landing .kick::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--y)} #orange-landing .dark .kick{color:#A9ADB2} #orange-landing .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap} #orange-landing .sec-head.stack{display:block} #orange-landing .sec-head.stack .lead{max-width:640px;margin-top:20px;padding-left:18px;border-left:2px solid var(--y); text-wrap:pretty} #orange-landing .sec-head.stack .lead b{display:block;color:var(--g);font-weight:500} #orange-landing .num{font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum" 1;font-feature-settings:"tnum" 1} #orange-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px; border-radius:10px;font-size:17px;font-weight:500;letter-spacing:-.01em;white-space:nowrap; transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s} #orange-landing .btn:active{transform:scale(.97)} #orange-landing .btn-y{background:var(--y);color:var(--g)}#orange-landing .btn-y:hover{background:var(--y2)} #orange-landing .btn-g{background:var(--g);color:#fff}#orange-landing .btn-g:hover{background:#000} #orange-landing .btn-o{border:1px solid rgba(31,33,36,.22);color:var(--g)}#orange-landing .btn-o:hover{border-color:var(--g);background:#fff} #orange-landing .btn-glass{color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);backdrop-filter:blur(8px)} #orange-landing .btn-glass:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.55)} #orange-landing .btn .arr{transition:transform .2s}#orange-landing .btn:hover .arr{transform:translateX(3px)} #orange-landing .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center} #orange-landing .hero{position:relative;overflow:hidden;background:#17191B;color:#fff;display:flex;flex-direction:column; min-height:clamp(680px,88vh,900px);min-height:clamp(680px,88svh,900px)} #orange-landing .hero picture{position:absolute;inset:0;z-index:0} #orange-landing .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 56%;z-index:0} #orange-landing .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(90deg,rgba(14,15,17,.92) 0%,rgba(14,15,17,.78) 34%,rgba(14,15,17,.30) 62%,rgba(14,15,17,.05) 86%), linear-gradient(180deg,rgba(14,15,17,.42) 0%,rgba(14,15,17,0) 24%,rgba(14,15,17,0) 52%,rgba(14,15,17,.88) 100%)} #orange-landing .hero>.wrap{position:relative;z-index:2;width:100%;margin-top:auto} #orange-landing .hero-in{max-width:760px;padding:120px 0 92px} #orange-landing .hk{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.14em; text-transform:uppercase;color:rgba(255,255,255,.80);margin-bottom:44px} #orange-landing .hk::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--red)} #orange-landing .hero-logo{display:block;height:clamp(44px,4.8vw,62px);width:auto;margin-bottom:52px} #orange-landing .h1{font-size:clamp(40px,6.4vw,78px);line-height:.96;font-weight:600;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:26px} #orange-landing .h1-claim{font-size:clamp(30px,4.2vw,50px);line-height:1.14;letter-spacing:-.032em;font-weight:700;margin-bottom:40px} #orange-landing .h1-claim .mdl{font-weight:800;letter-spacing:-.035em} #orange-landing .h1 span{display:block} #orange-landing .h1 .mdl{color:var(--y)} #orange-landing .hero-lead{max-width:660px;font-size:clamp(17px,1.9vw,21px);line-height:1.52;font-weight:500;color:#fff; text-shadow:0 1px 14px rgba(0,0,0,.4);margin-bottom:56px} #orange-landing .trust{position:relative;z-index:2;border-top:1px solid var(--lined)} #orange-landing .treg{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;padding:26px 0 28px; border-top:1px solid var(--lined);font-size:14px;line-height:1.45;color:#A9ADB2} #orange-landing .treg b{display:inline-flex;align-items:center;gap:8px;color:var(--y);font-weight:600;white-space:nowrap} #orange-landing .treg b svg{flex:0 0 auto} #orange-landing .treg span{min-width:0} #orange-landing .jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #orange-landing .job{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:14px;background:#fff; border:1px solid var(--line);min-width:0; transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)} #orange-landing .job-i{width:42px;height:42px;border-radius:10px;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--g); transition:background .3s var(--ease),color .3s var(--ease),transform .35s var(--ease)} @media (hover:hover){ #orange-landing .job:hover{border-color:var(--y);box-shadow:0 10px 28px rgba(249,220,84,.3);transform:translateY(-3px)} #orange-landing .job:hover .job-i{background:var(--y);transform:translateY(-1px) scale(1.04)} } @media (prefers-reduced-motion:reduce){#orange-landing .job,#orange-landing .job-i{transition:none}#orange-landing .job:hover{transform:none}#orange-landing .job:hover .job-i{transform:none}} #orange-landing .job b{font-size:17px;font-weight:600;letter-spacing:-.012em} #orange-landing .job span{font-size:14px;color:var(--t2);line-height:1.4} #orange-landing .seg{display:inline-flex;background:#E6E8EA;border-radius:10px;padding:4px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none} #orange-landing .seg::-webkit-scrollbar{display:none} #orange-landing .seg button{min-height:40px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:500;color:var(--t2);white-space:nowrap} #orange-landing .seg button[aria-pressed="true"]{background:#fff;color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.08)} #orange-landing .mgh{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)} #orange-landing .mgh-2{margin-top:48px} #orange-landing .mgh-t{font-size:22px;font-weight:600;letter-spacing:-.02em} #orange-landing .mgh-s{font-size:14px;color:var(--t2)} #orange-landing .mg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #orange-landing .mg-2{grid-template-columns:repeat(2,minmax(0,1fr))} #orange-landing .mg-sl{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth; scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-4px;padding:4px} #orange-landing .mg-sl::-webkit-scrollbar{display:none} #orange-landing .mg-sl .mc{flex:0 0 calc((min(1120px, 100vw - 60px) - 108px)/3);scroll-snap-align:start} #orange-landing .mnav{display:flex;gap:8px;margin-left:auto} #orange-landing .mnav button{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff; display:flex;align-items:center;justify-content:center;color:var(--g);transition:border-color .2s,opacity .2s} #orange-landing .mnav button:hover:not(:disabled){border-color:var(--g)} #orange-landing .mnav button:disabled{opacity:.3;cursor:default} #orange-landing .mc-ph{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#fff} #orange-landing .mc-ph.empty{display:flex;align-items:center;justify-content:center;background:#FBFBFC; border:1px dashed rgba(31,33,36,.18);color:#A7ABB0;font-size:12px;letter-spacing:.04em} #orange-landing .mc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:0;transition:transform .6s var(--ease)} #orange-landing .mc:hover .mc-ph img{transform:scale(1.04)} #orange-landing .mc{display:flex;flex-direction:column;gap:16px;padding:24px 22px 22px;border-radius:14px;background:#fff; border:1px solid var(--line);min-width:0;transition:transform .35s var(--ease),box-shadow .35s,border-color .2s} #orange-landing .mc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.07);border-color:rgba(31,33,36,.18)} #orange-landing .mc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #orange-landing .mc-n{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15} #orange-landing .mc-n i{display:block;font-style:normal;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:6px} #orange-landing .tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:5px 8px;white-space:nowrap} #orange-landing .tag-y{background:var(--y);color:var(--g)} #orange-landing .tag-g{background:var(--bg2);color:var(--t2)} #orange-landing .mc p{font-size:15px;color:var(--t2);line-height:1.45} #orange-landing .mspec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);gap:0} #orange-landing .mspec div{padding-top:16px;min-width:0} #orange-landing .mspec div+div{padding-left:14px;border-left:1px solid var(--line)} #orange-landing .mspec b{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap} #orange-landing .mspec b u{text-decoration:none;font-size:.52em;color:var(--t2);font-weight:500;margin-left:.12em} #orange-landing .mspec b.na{color:#B5B9BD;font-size:20px} #orange-landing .mspec span{display:block;font-size:11px;color:var(--t2);margin-top:7px;line-height:1.3; -webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal} #orange-landing .mc .row{margin-top:auto} #orange-landing .mc .btn{min-height:46px;padding:0 13px;font-size:14px} #orange-landing .mc .row{gap:10px} #orange-landing .mc-order{border-style:dashed;background:var(--bg2)} #orange-landing .mnote{margin-top:18px;font-size:14px;color:var(--t2)} #orange-landing .sp-tog{gap:7px} #orange-landing .sp-tog .chev{transition:transform .35s var(--ease)} #orange-landing .sp-tog[aria-expanded="true"]{background:var(--y);border-color:transparent} #orange-landing .sp-tog[aria-expanded="true"] .chev{transform:rotate(180deg)} #orange-landing .specwrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)} #orange-landing .specwrap>.specinner{overflow:hidden;min-height:0} #orange-landing .open>.specwrap{grid-template-rows:1fr} #orange-landing .sp-bar{height:3px;border-radius:2px;background:var(--y);margin:18px 0 2px;transform:scaleX(0);transform-origin:left; transition:transform .55s var(--ease) .05s} #orange-landing .open .sp-bar{transform:scaleX(1)} #orange-landing .sp-list{display:grid} #orange-landing .sp-r{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0; border-bottom:1px solid var(--line);opacity:0;transform:translateY(8px); transition:opacity .4s ease,transform .4s var(--ease);transition-delay:calc(var(--i)*32ms + 120ms)} #orange-landing .open .sp-r{opacity:1;transform:none} #orange-landing .sp-r span{font-size:14px;color:var(--t2);min-width:0} #orange-landing .sp-r b{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){ #orange-landing .specwrap,#orange-landing .sp-bar,#orange-landing .sp-r,#orange-landing .sp-tog .chev{transition:none} #orange-landing .sp-r{opacity:1;transform:none} } #orange-landing .cmpfull{margin-top:30px} #orange-landing .cmpfull .sp-tog{min-height:52px;padding:0 24px;font-size:16px;font-weight:600;background:var(--y);border-color:transparent;color:var(--g)} #orange-landing .cmpfull .sp-tog:hover{background:var(--y2)} #orange-landing .cmpfull.open .sp-tog{background:#fff;border:1px solid rgba(31,33,36,.22);font-weight:500} #orange-landing .cmp-tog{position:relative;overflow:hidden;isolation:isolate} #orange-landing .cmp-tog::before{content:"";position:absolute;top:0;bottom:0;left:0;width:52%;z-index:-1;pointer-events:none; background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 100%); transform:translateX(-130%);animation:orange-cmpFlash 4.2s ease-in-out 1.2s infinite} #orange-landing .cmpfull.open .cmp-tog::before{animation:none;opacity:0} #orange-landing .cmp-tog .chev{animation:orange-chevNudge 2.8s ease-in-out infinite} #orange-landing .cmpfull.open .cmp-tog .chev{animation:none} @keyframes orange-cmpFlash{0%{transform:translateX(-130%)}36%,100%{transform:translateX(230%)}} @keyframes orange-chevNudge{0%,72%,100%{transform:translateY(0)}82%{transform:translateY(3px)}} @media (prefers-reduced-motion:reduce){#orange-landing .cmp-tog::before{animation:none;opacity:0}#orange-landing .cmp-tog .chev{animation:none}} #orange-landing .cmpfull .tbl-wrap{margin-top:20px} #orange-landing .mc .specwrap{display:none} #orange-landing .modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px} #orange-landing .modal[hidden]{display:none} #orange-landing .modal-back{position:absolute;inset:0;background:rgba(14,15,17,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); opacity:0;transition:opacity .3s} #orange-landing .modal.on .modal-back{opacity:1} #orange-landing .modal-win{position:relative;width:min(560px,100%);max-height:min(84vh,780px);overflow:auto;background:#fff; border-radius:18px;padding:30px 32px 28px;box-shadow:0 30px 80px rgba(0,0,0,.38); transform:translateY(16px) scale(.98);opacity:0;transition:transform .35s var(--ease),opacity .28s; -webkit-overflow-scrolling:touch} #orange-landing .modal.on .modal-win{transform:none;opacity:1} #orange-landing .modal-x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center; justify-content:center;color:var(--t2)} #orange-landing .modal-x:hover{background:var(--bg2);color:var(--g)} #orange-landing .modal-win.has-ph .modal-x{background:rgba(255,255,255,.92);box-shadow:0 1px 8px rgba(0,0,0,.1)} #orange-landing .modal-win.has-ph .modal-x:hover{background:#fff;color:var(--g)} #orange-landing .modal-ph{margin:-30px -32px 22px;border-bottom:1px solid var(--line);background:#fff; border-radius:18px 18px 0 0;overflow:hidden} #orange-landing .modal-ph[hidden]{display:none} #orange-landing .modal-ph img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain} #orange-landing .modal-kick{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)} #orange-landing .modal-t{font-size:clamp(21px,2.4vw,26px);font-weight:600;letter-spacing:-.02em;margin-top:8px;padding-right:44px} #orange-landing .modal .sp-bar{margin:20px 0 2px} @media (max-width:600px){ #orange-landing .modal{padding:0;align-items:flex-end} #orange-landing .modal-win{width:100%;max-height:88vh;border-radius:18px 18px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px)); transform:translateY(100%) scale(1)} #orange-landing .modal-ph{margin:-24px -20px 18px} } @media (prefers-reduced-motion:reduce){#orange-landing .modal-back,#orange-landing .modal-win{transition:none}} #orange-landing .cmp{display:grid;gap:10px;margin-top:26px} #orange-landing .bar{display:grid;grid-template-columns:168px minmax(0,1fr) 96px;align-items:center;gap:14px} #orange-landing .bar-n{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #orange-landing .bar-t{position:relative;height:30px;border-radius:7px;background:#E6E8EA;overflow:hidden} #orange-landing .bar-f{position:absolute;inset:0 auto 0 0;border-radius:7px;background:var(--g);transition:width .5s var(--ease)} #orange-landing .bar.ps .bar-f{background:var(--y)} #orange-landing .bar-v{font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} #orange-landing .bar-v u{text-decoration:none;font-size:.78em;color:var(--t2);font-weight:500;margin-left:.15em} #orange-landing .lgnd{display:flex;gap:18px;margin-top:22px;font-size:13px;color:var(--t2);flex-wrap:wrap} #orange-landing .lgnd span{display:inline-flex;align-items:center;gap:8px} #orange-landing .lgnd i{width:12px;height:12px;border-radius:3px;background:var(--g)} #orange-landing .lgnd i.y{background:var(--y)} #orange-landing .tbl-wrap{margin-top:34px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch} #orange-landing table.tbl{border-collapse:collapse;width:100%;min-width:720px;font-size:15px} #orange-landing .tbl th,#orange-landing .tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap} #orange-landing .tbl thead th{font-size:13px;font-weight:600;color:var(--g);background:#fff;position:sticky;top:0;z-index:2} #orange-landing .tbl thead th:first-child{left:0;z-index:4;box-shadow:1px 0 0 var(--line);white-space:normal;min-width:190px} #orange-landing .tbl tbody th{font-weight:400;color:var(--t2);position:sticky;left:0;background:#fff;z-index:1; box-shadow:1px 0 0 var(--line);white-space:normal;min-width:190px} #orange-landing .tbl td{font-variant-numeric:tabular-nums;font-weight:500} #orange-landing .tbl tbody tr:last-child th,#orange-landing .tbl tbody tr:last-child td{border-bottom:0} #orange-landing .tbl tbody tr:hover td,#orange-landing .tbl tbody tr:hover th{background:#FBFBFC} #orange-landing .tbl thead th{background:var(--y);color:var(--g);font-weight:700;border-bottom:1px solid rgba(31,33,36,.16)} #orange-landing .tbl tbody tr:first-child th,#orange-landing .tbl tbody tr:first-child td{background:var(--bg2);font-weight:600} #orange-landing .tbl tbody tr:first-child th{color:var(--t2);font-weight:400} #orange-landing .tbl tbody tr:first-child:hover th,#orange-landing .tbl tbody tr:first-child:hover td{background:#EAEBED} #orange-landing .eg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #orange-landing .ec{padding:24px 22px;border-radius:14px;background:var(--g2);border:1px solid var(--lined);min-width:0} #orange-landing .ec b{display:block;font-size:17px;font-weight:600;color:#fff;margin-bottom:8px} #orange-landing .ec p{font-size:15px;color:#A9ADB2;line-height:1.45} #orange-landing .ec-y{background:var(--y);border-color:transparent} #orange-landing .ec-y b{color:var(--g)} #orange-landing .ec-y p{color:rgba(31,33,36,.78)} #orange-landing .ecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px} #orange-landing .ecard{display:flex;flex-direction:column;gap:12px;padding:30px 28px} #orange-landing .ecard-logo{height:24px;width:auto;align-self:flex-start;color:#fff;opacity:.9;margin-bottom:6px} #orange-landing .ecard b{font-size:19px} #orange-landing .ecard p{font-size:15px} #orange-landing .ecard .btn{align-self:flex-start;margin-top:auto;padding-top:0} #orange-landing .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #orange-landing .tc{display:flex;flex-direction:column;gap:14px;padding:28px 26px;border-radius:14px;background:#fff;border:1px solid var(--line);min-width:0} #orange-landing .tc-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #orange-landing .tc ul{display:grid;gap:9px} #orange-landing .tc li{position:relative;padding-left:22px;font-size:15px;color:var(--t2);line-height:1.45} #orange-landing .tc li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--y)} #orange-landing .tc-f{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--t2)} #orange-landing .tc .btn{align-self:flex-start;min-height:46px;padding:0 18px;font-size:15px} #orange-landing .tc-f b{color:var(--g);font-weight:600} #orange-landing .cab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center} #orange-landing .cabout{font-size:16px;line-height:1.5;color:var(--t2);margin-top:26px;max-width:52ch} #orange-landing .cabshot{aspect-ratio:3/4;background:var(--g2)} #orange-landing .cabshot img{object-position:50% 46%} #orange-landing .cablist{display:grid;gap:10px;margin-top:24px} #orange-landing .cablist li{position:relative;padding-left:24px;font-size:16px;color:var(--t2);line-height:1.45} #orange-landing .cablist li::before{content:"";position:absolute;left:0;top:.62em;width:13px;height:2px;background:var(--y)} #orange-landing .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px} #orange-landing .chip{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid var(--line); border-radius:9px;font-size:15px;font-weight:500;background:#fff} #orange-landing .chip.base{background:var(--y);border-color:transparent} #orange-landing .chip-b{position:relative;cursor:pointer; transition:border-color .25s var(--ease),background .25s var(--ease),transform .18s var(--ease)} #orange-landing .chip-b::after{content:"";position:absolute;inset:-2px;border-radius:11px;border:2px solid var(--y); opacity:0;pointer-events:none;animation:orange-tapPulse 2.8s var(--ease) infinite} #orange-landing .chip-b:hover{border-color:var(--g)} #orange-landing .chip-b:active{transform:scale(.96)} #orange-landing .chip-b.tapped::after,#orange-landing .chip-b:hover::after{animation:none;opacity:0} #orange-landing .chip-b[aria-pressed="true"]{background:var(--y);border-color:transparent} @keyframes orange-tapPulse{ 0%{opacity:0;transform:scale(1)} 10%{opacity:.85;transform:scale(1)} 55%{opacity:0;transform:scale(1.16)} 100%{opacity:0;transform:scale(1.16)}} @media (prefers-reduced-motion:reduce){#orange-landing .chip-b::after{animation:none}#orange-landing .chip-b:active{transform:none}} #orange-landing .cabshot img{transition:opacity .3s var(--ease)} #orange-landing .cabshot.fade img{opacity:0} #orange-landing .ag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} #orange-landing .ag-sl{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none; -webkit-overflow-scrolling:touch;margin:-4px;padding:4px} #orange-landing .ag-sl::-webkit-scrollbar{display:none} #orange-landing .ag-sl .at{flex:0 0 calc((min(1120px, 100vw - 60px) - 114px)/4);scroll-snap-align:start} #orange-landing .at{display:flex;flex-direction:column;gap:9px;padding:14px 14px 18px;border-radius:14px;background:#fff; border:1px solid var(--line);min-width:0;position:relative;transition:transform .35s var(--ease),box-shadow .35s} #orange-landing .at:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07)} #orange-landing .at-ph{position:relative;aspect-ratio:1/1;border-radius:11px;background:var(--bg2);display:flex;align-items:center; justify-content:center;overflow:hidden} #orange-landing .at-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px} #orange-landing .at-ph.empty{background:#fff;border:1px dashed rgba(31,33,36,.2);color:#A7ABB0;font-size:11px;letter-spacing:.04em;text-align:center;padding:8px} #orange-landing .at-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px} #orange-landing .at b{font-size:16px;font-weight:600;letter-spacing:-.012em;line-height:1.2} #orange-landing .at span{font-size:13px;color:var(--t2);line-height:1.4} #orange-landing .at i{position:absolute;top:22px;right:22px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em; text-transform:uppercase;background:var(--y);color:var(--g);border-radius:5px;padding:4px 7px;z-index:2} #orange-landing .acard{padding:28px 26px;border-radius:14px;background:#fff;border:1px solid var(--line);min-width:0} #orange-landing .acard .mnote{margin-top:16px} #orange-landing .shot{position:relative;border-radius:14px;overflow:hidden;background:var(--g2);aspect-ratio:4/5} #orange-landing .shot.wide{aspect-ratio:21/8;margin-top:14px} #orange-landing .shot.wide img{object-position:50% 34%} #orange-landing .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #orange-landing .shot figcaption{position:absolute;left:14px;right:14px;bottom:14px;font-size:13px;font-weight:500;color:#fff; background:rgba(20,21,23,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;padding:8px 11px;width:max-content;max-width:calc(100% - 28px)} #orange-landing .sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} #orange-landing .sc{padding:22px;border-radius:14px;background:var(--g);border:1px solid transparent;min-width:0} #orange-landing .sc b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--y)} #orange-landing .sc b u{text-decoration:none;font-size:.46em;color:#A9ADB2;font-weight:500;margin-left:.12em} #orange-landing .sc span{display:block;font-size:14px;color:#C9CCD0;margin-top:10px;line-height:1.35} #orange-landing .terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px} #orange-landing .tm{display:flex;gap:13px;align-items:flex-start;padding:20px 22px;border-radius:14px;background:#fff;border:1px solid var(--line);min-width:0} #orange-landing .tm svg{flex:0 0 auto;margin-top:2px;color:var(--g)} #orange-landing .tm b{display:block;font-size:16px;font-weight:600} #orange-landing .tm span{display:block;font-size:14px;color:var(--t2);margin-top:3px;line-height:1.4} #orange-landing .order{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:52px;align-items:start; background:var(--g);color:#fff;border-radius:22px;padding:44px 48px;position:relative;overflow:hidden} #orange-landing .order::before{content:"";position:absolute;right:-130px;top:-170px;width:430px;height:430px;border-radius:50%; background:radial-gradient(circle,rgba(249,220,84,.22) 0%,rgba(249,220,84,0) 68%);pointer-events:none} #orange-landing .order>*{position:relative;min-width:0} #orange-landing .ophone{margin-top:26px;padding-top:22px;border-top:1px solid var(--lined)} #orange-landing .ophone b{display:block;font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.03em;color:var(--y);font-variant-numeric:tabular-nums} #orange-landing .ophone span{display:block;font-size:14px;color:#A9ADB2;margin-top:6px} #orange-landing .copy{margin-top:14px;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 16px;border-radius:9px; border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500;color:#fff;background:rgba(255,255,255,.05)} #orange-landing .copy:hover{background:rgba(255,255,255,.12)} #orange-landing .frm{display:grid;gap:12px} #orange-landing .fld{display:grid;gap:7px;min-width:0} #orange-landing .fld label{font-size:13px;font-weight:500;color:#A9ADB2} #orange-landing .fld input,#orange-landing .fld select{width:100%;min-height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px;padding:0 15px; -webkit-appearance:none;appearance:none} #orange-landing .fld select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23A9ADB2' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 13px center;padding-right:42px} #orange-landing .fld select option{color:#1F2124} #orange-landing .fld input::placeholder{color:#7C8086} #orange-landing .fld input:focus,#orange-landing .fld select:focus{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1);outline:none} #orange-landing .frm-2{display:grid;grid-template-columns:1fr 1fr;gap:12px} #orange-landing .frm .btn{width:100%;margin-top:4px} #orange-landing .fine{font-size:12px;color:#8E9297;line-height:1.45} #orange-landing .done{display:none;gap:12px;align-items:flex-start;padding:20px;border-radius:12px;background:rgba(46,155,71,.14); border:1px solid rgba(46,155,71,.5);font-size:15px;line-height:1.45} #orange-landing .done b{display:block;font-weight:600;margin-bottom:3px;color:#fff} #orange-landing .done.on{display:flex} #orange-landing .geo{background:#fff;overflow:hidden} #orange-landing .geo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:34px} #orange-landing .geo-head>div:first-child{max-width:600px;min-width:0} #orange-landing .geo-note{font-size:15px;line-height:1.45;color:var(--t2);margin-top:12px;max-width:470px} #orange-landing .geo-call{display:flex;flex-direction:column;gap:10px;align-items:flex-end;text-align:right} #orange-landing .geo-call b{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums} #orange-landing .geo-call span{font-size:13px;color:var(--t2)} #orange-landing .map-shell{position:relative;max-width:1040px;margin:0 auto} #orange-landing #orange-rusMap{width:100%;height:auto;display:block;overflow:visible} #orange-landing #orange-rusMap circle{transition:fill .5s ease,r .5s ease} #orange-landing .d0{fill:#E4E5E7} #orange-landing .don{fill:var(--y)} #orange-landing .dhi{fill:#E8C01F} #orange-landing .borders path{fill:rgba(249,220,84,0);stroke:none;cursor:pointer;transition:fill .45s} #orange-landing #orange-rusMap.lit .borders path{fill:rgba(249,220,84,.12)} #orange-landing #orange-rusMap .borders path.hi{fill:rgba(224,176,16,.34)} #orange-landing .pins{position:absolute;inset:0;pointer-events:none} #orange-landing .pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;width:14px;height:18px} #orange-landing .pin svg{width:14px;height:18px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28)); transition:transform .25s var(--ease)} #orange-landing .pin svg path{fill:var(--g);transition:fill .25s} #orange-landing .pin svg circle{fill:var(--y)} #orange-landing .pin:hover svg,#orange-landing .pin.hi svg{transform:scale(1.22) translateY(-2px)} #orange-landing .pin .plab{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:1px;font-size:11px;font-weight:500; letter-spacing:-.012em;white-space:nowrap;color:var(--g);transition:color .2s,opacity .2s; text-shadow:0 1px 3px #fff,0 0 6px #fff,0 0 10px #fff} #orange-landing .pin .plab.t{top:auto;bottom:100%;margin:0 0 2px} #orange-landing .pin .plab.r{left:100%;top:50%;transform:translateY(-50%);margin:0 0 0 6px} #orange-landing .pin .plab.l{left:auto;right:100%;top:50%;transform:translateY(-50%);margin:0 6px 0 0} #orange-landing .pin .plab.hid{opacity:0} #orange-landing .pin:hover .plab.hid,#orange-landing .pin.hi .plab.hid{opacity:1} #orange-landing .pin:hover,#orange-landing .pin.hi{z-index:5} #orange-landing .pin.hq svg{width:17px;height:22px} #orange-landing .geo-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;font-size:13px;color:var(--t2)} #orange-landing .geo-legend span{display:flex;align-items:center;gap:8px} #orange-landing .geo-legend i{width:10px;height:10px;border-radius:50%;flex:0 0 auto} #orange-landing .lg-y{background:var(--y)} #orange-landing .lg-g{background:#E4E5E7} #orange-landing .lg-p{background:var(--g)} #orange-landing .treg a{display:inline-flex;align-items:center;gap:7px;color:#fff;border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:1px;transition:border-color .2s,color .2s} #orange-landing .treg a:hover{color:var(--y);border-color:var(--y)} #orange-landing .treg a svg{flex:0 0 auto;opacity:.7} #orange-landing .fact{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center} #orange-landing .fact-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:16px} #orange-landing .fact-t b{font-size:clamp(50px,6vw,76px);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--y); font-variant-numeric:tabular-nums} #orange-landing .fact-t u{text-decoration:none;font-size:clamp(20px,2.2vw,28px);font-weight:600;color:var(--y)} #orange-landing .fact-t span{font-size:14px;color:#A9ADB2;flex-basis:100%;margin-top:2px} #orange-landing .factlist{display:grid;gap:11px;margin-top:24px} #orange-landing .factlist li{position:relative;padding-left:26px;font-size:16px;line-height:1.45;color:#C9CCD0} #orange-landing .factlist li::before{content:"";position:absolute;left:0;top:.66em;width:14px;height:2px;background:var(--y)} #orange-landing .factshot{aspect-ratio:4/3;background:var(--g2)} #orange-landing .ploc{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--y)} #orange-landing .ploc svg{flex:none;width:16px;height:16px} #orange-landing .ft{border-top:1px solid var(--line);padding-block:34px;font-size:14px;color:var(--t2)} #orange-landing .ft-in{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center} #orange-landing .arr-l{margin-right:-2px} #orange-landing .ft b{color:var(--g);font-weight:600} #orange-landing .swipe{display:none} #orange-landing .bar-act{display:none} @media (max-width:1000px){ #orange-landing .jobs,#orange-landing .eg,#orange-landing .ag{grid-template-columns:repeat(2,minmax(0,1fr))} #orange-landing .ecards{grid-template-columns:1fr} #orange-landing .mg{grid-template-columns:repeat(2,minmax(0,1fr))} #orange-landing .sg{grid-template-columns:repeat(2,minmax(0,1fr))} #orange-landing .terms{grid-template-columns:1fr} #orange-landing .cab,#orange-landing .order,#orange-landing .fact{grid-template-columns:1fr;gap:28px} #orange-landing .order{padding:32px 28px} #orange-landing .shot{aspect-ratio:16/10} #orange-landing .cabshot{aspect-ratio:4/5} } @media (max-width:760px){ #orange-landing .two{grid-template-columns:1fr} #orange-landing .bar{grid-template-columns:120px minmax(0,1fr) 84px;gap:10px} } @media (max-width:600px){ #orange-landing .wrap{padding:0 16px} #orange-landing .sec{padding-block:56px} #orange-landing .hero{min-height:620px;min-height:92svh} #orange-landing .hero-photo{object-position:65% 55%} #orange-landing .hero-shade{background:linear-gradient(180deg,rgba(14,15,17,.42) 0%,rgba(14,15,17,.18) 22%,rgba(14,15,17,.62) 52%,rgba(14,15,17,.9) 78%,rgba(14,15,17,.96) 100%)} #orange-landing .hero-in{padding:220px 0 40px;max-width:none} #orange-landing .mspec{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px} #orange-landing .mspec div:nth-child(2n+1){border-left:0;padding-left:0} #orange-landing .mspec span{font-size:11px} #orange-landing .h1{font-size:clamp(32px,9.4vw,46px);line-height:.98;margin-bottom:18px} #orange-landing .h1-claim{font-size:clamp(24px,6.6vw,34px);line-height:1.16;margin-bottom:22px} #orange-landing .hero-logo{height:42px;margin-bottom:30px} #orange-landing .hero-lead{font-size:16px;line-height:1.5;margin-bottom:28px} #orange-landing .hk{margin-bottom:24px} #orange-landing .hero .row{display:grid;grid-template-columns:1fr;gap:10px} #orange-landing .hero .row .btn,#orange-landing .order .btn{width:100%} #orange-landing .treg{font-size:13px;padding:20px 0 24px} #orange-landing .jobs,#orange-landing .mg,#orange-landing .eg,#orange-landing .sg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch} #orange-landing .jobs::-webkit-scrollbar,#orange-landing .mg::-webkit-scrollbar,#orange-landing .eg::-webkit-scrollbar,#orange-landing .sg::-webkit-scrollbar{display:none} #orange-landing .job,#orange-landing .ec{flex:0 0 76%;scroll-snap-align:start} #orange-landing .ecards{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 0} #orange-landing .ecards .ec{flex:none} #orange-landing .ecard{padding:24px 22px} #orange-landing .ecard .btn{width:100%} #orange-landing .mc{flex:0 0 86%;scroll-snap-align:start} #orange-landing .sc{flex:0 0 58%;scroll-snap-align:start} #orange-landing .swipe{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;color:var(--t3)} #orange-landing .swipe i{display:block;width:26px;height:3px;border-radius:2px;background:var(--y)} #orange-landing .mspec b{font-size:22px} #orange-landing .bar{grid-template-columns:116px minmax(0,1fr) 72px;gap:9px} #orange-landing .bar-n{font-size:13px} #orange-landing .bar-t{height:26px} #orange-landing .bar-v{font-size:14px} #orange-landing .sec-head{margin-bottom:24px;gap:16px} #orange-landing .seg{width:100%} #orange-landing .seg button{flex:1;padding:0 10px;font-size:14px} #orange-landing .order{padding:26px 20px;border-radius:18px} #orange-landing .geo-head{margin-bottom:24px} #orange-landing .geo-call{width:100%;align-items:flex-start;text-align:left} #orange-landing .geo-call .btn{width:100%} #orange-landing .pin svg{width:11px;height:14px} #orange-landing .pin.hq svg{width:13px;height:17px} #orange-landing .pin .plab{font-size:9.5px;display:none} #orange-landing .pin.hi .plab{display:block} #orange-landing .map-shell{margin:0 -4px} #orange-landing .acard{padding:22px 20px} #orange-landing .ag,#orange-landing .ag-sl{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px; padding:2px 16px 6px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch} #orange-landing .ag::-webkit-scrollbar{display:none} #orange-landing .at,#orange-landing .ag-sl .at{flex:0 0 62%;scroll-snap-align:start} #orange-landing .mgh{margin-bottom:14px} #orange-landing .mg-sl{gap:12px;margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px} #orange-landing .mg-sl .mc{flex:0 0 86%} #orange-landing .mnav{display:none} #orange-landing .mgh-2{margin-top:36px} #orange-landing .mgh-t{font-size:20px} #orange-landing .mgh-s{font-size:13px} #orange-landing .regions p{font-size:12px;padding:9px 0} #orange-landing .shot.wide{aspect-ratio:16/10} #orange-landing .factshot{aspect-ratio:4/3} #orange-landing .frm-2{grid-template-columns:1fr} #orange-landing .ft{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))} #orange-landing .bar-act{display:grid;grid-template-columns:1fr auto;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60; background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line); padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))} #orange-landing .bar-act .btn{min-height:50px;width:100%} #orange-landing .bar-act .btn-o{padding:0 18px} } @media (prefers-reduced-motion:reduce){ #orange-landing .mc,#orange-landing .bar-f,#orange-landing .btn{transition:none} } #orange-landing{--os:#F07D1A} #orange-landing .nw{white-space:nowrap} #orange-landing .treg-dealer{padding:22px 0 14px;font-size:16px} #orange-landing .treg-dealer b{font-size:16px} #orange-landing .treg-dealer a{color:#fff;font-weight:600} #orange-landing .treg-sub{border-top:0!important;padding:0 0 24px;font-size:13px} #orange-landing .treg-sub b{color:#A9ADB2;font-weight:500} #orange-landing .treg-sub b svg{opacity:.8} #orange-landing .treg-sub a{font-weight:400;color:#D6D8DB} #orange-landing .offices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px} #orange-landing .of{padding:22px 22px 8px;border-radius:14px;border:1px solid var(--line);background:#fff;min-width:0} #orange-landing .of-r{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--y);color:var(--g);border-radius:6px;padding:5px 9px;margin-bottom:6px} #orange-landing .of li{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)} #orange-landing .of li:last-child{border-bottom:0} #orange-landing .of li b{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3} #orange-landing .of-h{font-size:14px;color:var(--t2)} #orange-landing .of-c{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--t3)} #orange-landing .of-map{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;font-size:14px;font-weight:500;color:var(--g);border-bottom:1px solid rgba(31,33,36,.25);padding-bottom:1px;transition:border-color .2s} #orange-landing .of-map:hover{border-color:var(--g)} #orange-landing .of-map svg{color:#C9A400} @media (max-width:1000px){#orange-landing .offices{grid-template-columns:1fr}} #orange-landing .geo-regs{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} #orange-landing .geo-regs li{display:flex;flex-direction:column;gap:2px;padding:12px 16px 13px;border-radius:12px;background:var(--y);min-width:0} #orange-landing .geo-regs b{font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--g)} #orange-landing .geo-regs span{font-size:13px;color:rgba(31,33,36,.72)} @media (max-width:600px){#orange-landing .treg-dealer{padding:18px 0 10px;font-size:15px}#orange-landing .treg-dealer b{font-size:15px}#orange-landing .treg-sub{padding-bottom:20px;font-size:12px}#orange-landing .geo-regs li{flex:1 1 100%}} #orange-landing .lead>.l1{display:block} #orange-landing span.nw{display:inline;margin:0;font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap} #orange-landing .sc b{white-space:nowrap} #orange-landing .hk::before{background:var(--os)} #orange-landing .hk{margin-bottom:28px} #orange-landing .hero .hero-logo{height:clamp(56px,6vw,80px);margin-bottom:36px} #orange-landing .jobs-gap{margin-top:14px} #orange-landing .job span,#orange-landing .sc span,#orange-landing .ec p,#orange-landing .mc p,#orange-landing .tm span,#orange-landing .rv span,#orange-landing .cablist li,#orange-landing .factlist li,#orange-landing .mspec span,#orange-landing .vid figcaption span,#orange-landing .mnote,#orange-landing .chip{text-wrap:balance} #orange-landing .mc-ph.photo{background:var(--g2)} #orange-landing .mc-ph.photo img{object-fit:cover} #orange-landing .comb{margin-top:16px} #orange-landing .comb .chips{margin-top:16px} #orange-landing .calc .ophone b{color:var(--y)} #orange-landing .calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px} #orange-landing .calc-out div{padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--lined);min-width:0} #orange-landing .calc-out span{display:block;font-size:13px;color:#A9ADB2} #orange-landing .calc-out b{display:block;margin-top:6px;font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.03em;color:var(--y);white-space:nowrap;line-height:1.1} #orange-landing .calc-out i{display:block;font-style:normal;font-size:13px;color:#A9ADB2;margin-top:4px} #orange-landing .fld input[type=number]{-moz-appearance:textfield} #orange-landing .fld input::-webkit-outer-spin-button,#orange-landing .fld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #orange-landing .eg4{grid-template-columns:repeat(4,minmax(0,1fr))} #orange-landing .eg4 .ec{padding:12px 12px 20px;display:flex;flex-direction:column} #orange-landing .eg4 .ec b,#orange-landing .eg4 .ec p{padding:0 6px} #orange-landing .ec-ph{aspect-ratio:3/2;border-radius:10px;overflow:hidden;margin-bottom:16px;background:var(--g3)} #orange-landing .ec-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} @media (hover:hover){#orange-landing .eg4 .ec:hover .ec-ph img{transform:scale(1.05)}} #orange-landing .vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #orange-landing .vid{min-width:0} #orange-landing .vid-main{grid-column:1/-1} #orange-landing .revs-btn{margin-top:32px} #orange-landing .vid-main .vid-p{width:84px;height:84px;margin:-42px 0 0 -42px} #orange-landing .vid-main figcaption b{font-size:clamp(19px,2vw,22px)} #orange-landing .vid-tag{position:absolute;left:16px;top:16px;z-index:2;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase; background:var(--y);color:var(--g);border-radius:6px;padding:6px 9px} #orange-landing .vid-b{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--g)} #orange-landing .vid-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} #orange-landing .vid-b::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,17,0) 50%,rgba(14,15,17,.35) 100%)} #orange-landing .vid-p{position:absolute;left:50%;top:50%;z-index:2;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--y);color:var(--g); display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .25s var(--ease)} #orange-landing .vid-b:hover .vid-p{transform:scale(1.08)} #orange-landing .vid-b:hover img{transform:scale(1.03)} #orange-landing .vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000} #orange-landing .vid figcaption{margin-top:14px} #orange-landing .vid figcaption b{display:block;font-size:17px;font-weight:600;letter-spacing:-.012em} #orange-landing .vid figcaption span{display:block;font-size:14px;color:var(--t2);margin-top:3px} #orange-landing .revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px} #orange-landing .rv{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:#fff;min-width:0; transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)} #orange-landing .rv b{font-size:16px;font-weight:600;letter-spacing:-.012em} #orange-landing .rv span{font-size:14px;color:var(--t2);line-height:1.4} @media (hover:hover){#orange-landing .rv:hover{border-color:var(--y);box-shadow:0 10px 28px rgba(249,220,84,.3);transform:translateY(-2px)}} #orange-landing .factshot img{object-position:50% 60%} @media (max-width:1000px){ #orange-landing .eg4{grid-template-columns:repeat(2,minmax(0,1fr))} #orange-landing .revs{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ #orange-landing .vids{grid-template-columns:1fr} } @media (max-width:600px){ #orange-landing .hk{margin-bottom:18px} #orange-landing .job b{font-size:16px} #orange-landing .sc{flex:0 0 72%} #orange-landing .eg4 .ec{flex:0 0 88%} #orange-landing .job{flex:0 0 86%} #orange-landing .eg4 .ec{scroll-snap-align:start} #orange-landing .mg-2{display:flex} #orange-landing .revs{grid-template-columns:1fr;margin-top:24px} #orange-landing .calc-out{grid-template-columns:1fr} #orange-landing .vid-p,#orange-landing .vid-main .vid-p{width:56px;height:56px;margin:-28px 0 0 -28px} #orange-landing .vid-tag{left:10px;top:10px;font-size:11px;padding:5px 8px} #orange-landing .comb{padding:22px 20px} } @media (max-width:360px){ #orange-landing .sc span{font-size:13px} #orange-landing .job b{font-size:15px} #orange-landing .eg4 .ec b{font-size:16px} #orange-landing .job span,#orange-landing .mc p,#orange-landing .ec p{font-size:14px} #orange-landing .mg-2 .mc{flex-basis:90%} #orange-landing .of{padding:18px 16px 6px} #orange-landing .of li b{font-size:16px} } /* Форма — шаблон сайта am (bitrix:form.result.new, шаблон agromaster), вид — по макету на тёмном блоке. */ #orange-landing #orange-native-form{margin-top:4px} #orange-landing #orange-native-form .amt-form{max-width:none;color:#fff} #orange-landing #orange-native-form .amt-form-h{display:none} #orange-landing #orange-native-form .amt-form-f{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px} #orange-landing #orange-native-form .amt-field:has(input[type=email]){grid-column:1/-1} #orange-landing #orange-native-form .amt-field{gap:7px} #orange-landing #orange-native-form .amt-field label,#orange-landing #orange-native-form .amt-field-l{color:#C9CCD0;font-size:13px;line-height:1.4;font-weight:400} #orange-landing #orange-native-form .amt-field :is(input,textarea){min-height:52px;color-scheme:dark;padding:12px 15px;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:10px;font:inherit;font-size:16px;box-shadow:none} #orange-landing #orange-native-form .amt-field textarea{min-height:118px;resize:vertical} #orange-landing #orange-native-form .amt-field :is(input,textarea):focus{outline:0;border-color:var(--y);box-shadow:0 0 0 3px rgba(249,220,84,.22)} #orange-landing #orange-native-form .amt-req,#orange-landing #orange-native-form .amt-field-e{color:#FF9B9B} #orange-landing #orange-native-form .amt-field.is-error :is(input,textarea){border-color:#FF6B6B} #orange-landing #orange-native-form .amt-consent{margin:4px 0;color:#C9CCD0;font-size:13px} #orange-landing #orange-native-form .amt-consent input{accent-color:var(--y)} #orange-landing #orange-native-form .amt-consent a{color:var(--y);text-decoration:underline} #orange-landing #orange-native-form .amt-form-send{width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:10px;background:var(--y);color:var(--g);font-size:17px;font-weight:500;text-transform:none} #orange-landing #orange-native-form .amt-form-error{background:rgba(255,107,107,.12);color:#FFC2C2} #orange-landing #orange-native-form .amt-form-done{padding:18px;border:1px solid #2E9B47;border-radius:10px} #orange-landing #orange-native-form .amt-form-done svg{color:#5BC97A} #orange-landing #orange-native-form .amt-form-done .am-h3{color:#fff;font-size:20px;font-weight:600} #orange-landing #orange-native-form .amt-form-done p{color:#C9CCD0} #orange-landing #orange-native-form [data-amt-inline-form].is-loading{opacity:.6;pointer-events:none} @media(max-width:600px){#orange-landing #orange-native-form .amt-form-f{grid-template-columns:minmax(0,1fr)}#orange-landing #orange-native-form .amt-consent{font-size:12px}} /* Нижняя панель макета на телефоне — над нижним меню сайта (.amt-tabbar, 64px), не поверх него. */ @media(max-width:600px){#orange-landing .bar-act{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:10px;border-bottom:1px solid var(--line)}} /* End */ /* Start:/include/fonts/onest/onest.css?17937059871010*/ /* Onest заказчика: локальный файл, кириллица, все веса 100–900. */ @font-face { font-family: "Onest Local"; src: url("/include/fonts/onest/Onest-VariableFont_wght.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; } /* Переопределяется только семейство; размеры, веса и начертания сохраняются. Шрифтовые иконки и панель Bitrix используют собственные шрифты. */ html body, html body :where(*):not(:where( #bx-panel, #bx-panel *, .fa, .fas, .far, .fal, .fab, .fad, [class^="fa-"], [class*=" fa-"], .glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"], .material-icons, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, [class^="icon-"], [class*=" icon-"] )) { font-family: "Onest Local", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important; } /* End */ /* Start:/include/brand/tokens.css?17937059873264*/ /* Брендбук Агро-Мастер — токены (docs/BRANDBOOK.md). Источник — макет главной от маркетинга (agro-master-site.zip, 03.11.2026). Только переменные: файл ничего не меняет на странице, пока токены не использованы. Брейкпоинты в переменные не выносятся (CSS их не поддерживает в @media): 1000px — планшет горизонтально, 900px — планшет, 600px — телефон. */ :root { /* Цвет: бренд */ --am-yellow: #FFD200; --am-yellow-hover: #F2C200; --am-yellow-soft: rgba(255, 210, 0, .12); --am-graphite: #1F2124; --am-graphite-hover: #000; --am-graphite-2: #2A2D31; --am-graphite-3: #34383D; --am-ink: #17191B; /* Цвет: текст */ --am-text: #1F2124; --am-text-2: #5B6066; --am-text-3: #6B7075; --am-text-placeholder: #7A7F85; --am-text-disabled: #B5B9BD; --am-text-on-dark: #F5F5F6; --am-text-on-dark-2: #A9ADB2; /* Цвет: фон, линии, состояния */ --am-bg: #fff; --am-bg-2: #F3F4F5; --am-bg-3: #E6E8EA; --am-line: rgba(31, 33, 36, .10); --am-line-strong: rgba(31, 33, 36, .20); --am-line-on-dark: rgba(255, 255, 255, .10); --am-success: #2E9B47; /* Золото — только для программы лояльности и кабинета */ --am-gold: #E2B54B; --am-gold-light: #F7DC8A; --am-gold-dark: #B9852C; /* Типографика */ --am-font: "Onest Local", "Onest", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; --am-fw-regular: 400; --am-fw-medium: 500; --am-fw-semibold: 600; --am-fs-h1: clamp(40px, 6.2vw, 76px); --am-fs-h2: clamp(30px, 4vw, 48px); --am-fs-h3: clamp(22px, 2.4vw, 28px); --am-fs-lead: clamp(17px, 1.6vw, 20px); --am-fs-body: 17px; --am-fs-ui: 15px; --am-fs-small: 14px; --am-fs-caption: 13px; --am-fs-kicker: 12px; --am-lh-h1: 1.04; --am-lh-h2: 1.08; --am-lh-h3: 1.16; --am-lh-body: 1.5; --am-ls-h1: -.035em; --am-ls-h2: -.03em; --am-ls-h3: -.02em; --am-ls-body: -.011em; --am-ls-kicker: .16em; /* Отступы и сетка */ --am-space-1: 4px; --am-space-2: 8px; --am-space-3: 12px; --am-space-4: 16px; --am-space-5: 20px; --am-space-6: 24px; --am-space-7: 32px; --am-space-8: 40px; --am-space-9: 48px; --am-space-10: 56px; --am-space-11: 72px; --am-space-12: 96px; --am-container: 1120px; --am-gutter: 22px; --am-gutter-mobile: 16px; --am-section-y: 96px; --am-section-y-mobile: 68px; --am-grid-gap: 20px; --am-card-gap: 16px; /* Формы элементов */ --am-radius-xs: 6px; --am-radius-sm: 8px; --am-radius-md: 10px; --am-radius-lg: 14px; --am-radius-xl: 18px; --am-radius-2xl: 20px; --am-control-h: 50px; --am-control-h-sm: 44px; --am-control-h-xs: 36px; --am-shadow-hover: 0 12px 30px rgba(0, 0, 0, .07); --am-shadow-lift: 0 14px 38px rgba(0, 0, 0, .08); --am-shadow-float: 0 18px 50px rgba(31, 33, 36, .06); --am-focus-ring: 0 0 0 3px rgba(255, 210, 0, .55); /* Движение */ --am-ease: cubic-bezier(.32, .72, 0, 1); --am-dur-fast: .2s; --am-dur: .35s; } /* End */ /* Start:/include/brand/components.css?17937059874953*/ /* Брендбук Агро-Мастер — компоненты для новых страниц и лендингов (docs/BRANDBOOK.md). Подключаются только классами .am-*: штатные блоки шаблона сайта не затрагиваются. Требует tokens.css. Образец — главная (#am-home, site/include/mainpage/home-v2/landing.css). */ .am-wrap{max-width:var(--am-container);margin:0 auto;padding:0 var(--am-gutter);box-sizing:border-box} .am-sec{padding:var(--am-section-y) 0} .am-sec--grey{background:var(--am-bg-2)} .am-sec--dark{background:var(--am-graphite);color:var(--am-text-on-dark)} .am-h1,.am-h2,.am-h3{margin:0;font-family:var(--am-font);font-weight:var(--am-fw-semibold);color:inherit} .am-h1{font-size:var(--am-fs-h1);line-height:var(--am-lh-h1);letter-spacing:var(--am-ls-h1)} .am-h2{font-size:var(--am-fs-h2);line-height:var(--am-lh-h2);letter-spacing:var(--am-ls-h2)} .am-h3{font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3)} .am-lead{margin:0;font-size:var(--am-fs-lead);line-height:var(--am-lh-body);color:var(--am-text-2);letter-spacing:-.012em} .am-sec--dark .am-lead{color:var(--am-text-on-dark-2)} .am-kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:var(--am-ls-kicker);text-transform:uppercase;color:var(--am-text-3)} .am-kicker::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--am-yellow)} .am-sec--dark .am-kicker{color:var(--am-text-on-dark-2)} .am-mark{background:linear-gradient(transparent 62%,var(--am-yellow) 62%,var(--am-yellow) 92%,transparent 92%);padding:0 .06em} .am-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--am-control-h);padding:0 26px;border:1px solid transparent;border-radius:var(--am-radius-md);font-family:var(--am-font);font-size:var(--am-fs-body);font-weight:var(--am-fw-medium);letter-spacing:-.01em;line-height:1.2;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;transition:transform var(--am-dur-fast) var(--am-ease),background-color var(--am-dur-fast),border-color var(--am-dur-fast),color var(--am-dur-fast)} .am-btn:active{transform:scale(.97)} .am-btn:focus-visible{outline:none;box-shadow:var(--am-focus-ring)} .am-btn--yellow{background:var(--am-yellow);color:var(--am-graphite)!important} .am-btn--yellow:hover{background:var(--am-yellow-hover)} .am-btn--graphite{background:var(--am-graphite);color:#fff!important} .am-btn--graphite:hover{background:var(--am-graphite-hover)} .am-btn--outline{border-color:var(--am-graphite);color:var(--am-graphite)!important;background:transparent} .am-btn--outline:hover{background:var(--am-graphite);color:#fff!important} .am-btn--glass{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff!important} .am-btn--glass:hover{background:rgba(255,255,255,.14)} .am-btn--sm{min-height:var(--am-control-h-sm);padding:0 18px;font-size:var(--am-fs-ui)} .am-more{display:inline-flex;align-items:center;gap:6px;padding-bottom:2px;border-bottom:2px solid var(--am-yellow);font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);color:var(--am-graphite);text-decoration:none} .am-sec--dark .am-more{color:#fff} .am-card{display:flex;flex-direction:column;overflow:hidden;background:var(--am-bg);border:1px solid var(--am-line);border-radius:var(--am-radius-lg);color:var(--am-text);transition:transform var(--am-dur) var(--am-ease),box-shadow var(--am-dur)} a.am-card:hover,.am-card--hover:hover{transform:translateY(-3px);box-shadow:var(--am-shadow-hover)} .am-card__body{display:flex;flex-direction:column;gap:var(--am-space-5);padding:28px} .am-chip{display:inline-flex;align-items:center;height:var(--am-control-h-xs);padding:0 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-sm);background:var(--am-bg);font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);color:var(--am-graphite);text-decoration:none;transition:border-color var(--am-dur-fast)} .am-chip:hover{border-color:var(--am-graphite)} .am-tag{display:inline-block;padding:5px 9px;border-radius:5px;background:var(--am-yellow);color:var(--am-graphite);font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:.12em;text-transform:uppercase} .am-grid{display:grid;gap:var(--am-grid-gap);grid-template-columns:repeat(var(--am-cols,3),minmax(0,1fr))} @media (max-width:1000px){ .am-grid{grid-template-columns:repeat(min(var(--am-cols,3),2),minmax(0,1fr))} } @media (max-width:600px){ .am-wrap{padding:0 var(--am-gutter-mobile)} .am-sec{padding:var(--am-section-y-mobile) 0} .am-grid{grid-template-columns:1fr} .am-card__body{padding:22px} } @media (prefers-reduced-motion:reduce){ .am-btn,.am-card,.am-chip{transition:none} .am-btn:active,a.am-card:hover,.am-card--hover:hover{transform:none} } /* End */ /* Start:/local/templates/agromaster/css/mobile-bottom-menu.css?17938882614519*/ /* Нижнее меню по макету заказчика bottom-menu.html; только мобильный шаблон agromaster. */ .amt-mnav,.amt-msheet{ --y:#F7D347;--g:#1F2124;--t2:#5B6066;--line:#E4E6E8;--bg2:#F3F4F5;--ease:cubic-bezier(.22,1,.36,1); font-family:var(--am-font,system-ui,sans-serif);line-height:normal;box-sizing:border-box;-webkit-font-smoothing:antialiased } .amt-mnav *,.amt-msheet *{box-sizing:border-box} .amt-mnav a,.amt-msheet a{text-decoration:none;-webkit-tap-highlight-color:transparent} .amt-msheet p{margin:0} .amt-mnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(31,33,36,.06)} .amt .amt-mnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:4px 0;font-size:12px;font-weight:500;color:var(--t2)} .amt-mnav a.on{color:var(--g);font-weight:600} .amt-mnav .tb-logo{display:block;width:29px;height:25px;margin:-1px 0 0;fill:currentColor} .amt-mnav .badge{position:absolute;top:0;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--y);color:var(--g);font-size:11px;font-style:normal;font-weight:600;line-height:18px;text-align:center} .amt-mnav .tb-call{color:var(--g);font-weight:600} .amt-mnav .tb-c{width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(242,194,0,.5),0 0 0 4px #fff} .amt-mnav .tb-call:not(.seen) .tb-c{animation:amt-mobile-ring 2.4s ease-in-out 2s 2} @keyframes amt-mobile-ring{0%,100%{transform:none}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:none}} .amt-msheet{display:none;flex-direction:column;gap:10px;position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border:0;background:#fff;color:var(--g);border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.2);overflow:auto;overscroll-behavior:contain} .amt-msheet[open]{display:flex;animation:amt-mobile-sheet-in .35s var(--ease)} .amt-msheet::backdrop{background:rgba(14,15,17,.5)} @keyframes amt-mobile-sheet-in{from{transform:translateY(105%)}to{transform:none}} .amt-msheet[hidden],.amt-mnav [hidden]{display:none} .amt-msheet .sh-grip{align-self:center;width:44px;height:5px;border-radius:3px;background:#D5D8DB;margin-bottom:8px} .amt-msheet .sh-t{font-size:22px;font-weight:600;letter-spacing:-.02em} .amt-msheet .sh-s{font-size:15px;color:var(--t2);margin:-4px 0 6px!important} .amt-msheet .sh-a{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 14px;border-radius:16px;background:var(--bg2);font-size:15px;color:var(--t2)} .amt-msheet .sh-a b{display:block;font-size:18px;font-weight:600;color:var(--g)} .amt-msheet .sh-main{background:var(--y);color:var(--g)} .amt-msheet .sh-i{flex:none;width:46px;height:46px;border-radius:12px;background:#fff;color:var(--g);display:flex;align-items:center;justify-content:center} .amt-msheet .sh-x{width:100%;min-height:54px;margin-top:4px;border:1px solid var(--g);border-radius:14px;background:#fff;color:var(--g);font:500 17px var(--am-font,system-ui,sans-serif);cursor:pointer} .amt-mnav a:active,.amt-msheet .sh-a:active,.amt-msheet .sh-x:active{opacity:.75} /* На сайте меню только на телефоне; странице нужен отступ снизу: padding-bottom:calc(76px + env(safe-area-inset-bottom)) */ .amt-mnav{display:none} .amt-msheet .sh-grip{touch-action:none;position:relative} .amt-msheet .sh-grip::before{content:"";position:absolute;inset:-8px -25px} .amt-msheet .sh-a{flex-shrink:0;text-decoration:none} .amt-msheet .sh-x{flex-shrink:0} .amt-mnav a:focus-visible,.amt-msheet a:focus-visible,.amt-msheet button:focus-visible{outline:2px solid var(--g);outline-offset:2px} @media (max-width:600px){ body.amt.amt-mobile-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))} .amt-mnav{display:grid} .amt-mnav[data-keyboard="true"]{visibility:hidden;pointer-events:none} } @media (min-width:601px){.amt-mnav,.amt-msheet[open]{display:none}} @media (prefers-reduced-motion:reduce){.amt-mnav .tb-c,.amt-msheet[open]{animation:none!important}} /* End */ /* Start:/local/templates/agromaster/template_styles.css?179388911637858*/ /* Шаблон сайта «Агро-Мастер» без Aspro (docs/SITE_TEMPLATE.md). Только токены брендбука (/include/brand/tokens.css, docs/BRANDBOOK.md); классы шаблона — amt-*, компоненты страниц — am-*. */ html{-webkit-text-size-adjust:100%;scroll-padding-top:136px} body.amt{margin:0;background:var(--am-bg);color:var(--am-text);font-family:var(--am-font);font-size:var(--am-fs-body);line-height:var(--am-lh-body);letter-spacing:var(--am-ls-body);-webkit-font-smoothing:antialiased} .amt *,.amt *::before,.amt *::after{box-sizing:border-box} .amt a{color:inherit} .amt img{max-width:100%;height:auto} .amt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .amt-skip{position:absolute;left:var(--am-space-4);top:-60px;z-index:100;padding:10px 16px;border-radius:var(--am-radius-md);background:var(--am-yellow);color:var(--am-graphite);font-weight:var(--am-fw-medium);text-decoration:none} .amt-skip:focus{top:var(--am-space-3)} .amt :focus-visible{outline:none;box-shadow:var(--am-focus-ring);border-radius:var(--am-radius-sm)} /* Шапка */ .amt-hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--am-line)} .amt-hd-in{display:flex;align-items:center;gap:18px;height:76px} .amt-burger{display:none;flex:none;width:44px;height:44px;margin-left:-10px;align-items:center;justify-content:center;border:0;border-radius:var(--am-radius-md);background:none;color:var(--am-graphite);cursor:pointer} /* Логотип: на светлом фоне (шапка) — фирменный, жёлтая плашка и чёрный контур; на тёмном (.amt-ft, .amt-on-dark) — одним жёлтым, без плашки. */ .amt-logo,.amt-ft-logo{color:var(--am-ink)} .amt-ft .amt-ft-logo,.amt-on-dark .amt-logo{color:var(--am-yellow)} .amt-logo:hover{color:var(--am-ink)} .amt-ft .amt-ft-logo:hover,.amt-on-dark .amt-logo:hover{color:var(--am-yellow-hover)} .amt-logo-svg{display:block;width:auto;fill:currentColor} .amt-logo-plate{fill:var(--am-yellow)} .amt-ft .amt-logo-plate,.amt-on-dark .amt-logo-plate{display:none} .amt-logo{flex:none;display:block;line-height:0} .amt-logo .amt-logo-svg{height:44px} .amt-cat{flex:none;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:var(--am-radius-md);background:var(--am-graphite);color:#fff!important;font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);text-decoration:none;transition:background var(--am-dur-fast)} .amt-cat:hover{background:var(--am-graphite-hover)} .amt-search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:46px;margin:0;padding:0 6px 0 14px;border:1px solid transparent;border-radius:var(--am-radius-md);background:var(--am-bg-2);color:var(--am-text-2);transition:border-color var(--am-dur-fast),background var(--am-dur-fast)} .amt-search:focus-within{border-color:var(--am-graphite);background:var(--am-bg)} .amt-search svg{flex:none} .amt-search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--am-fs-ui);color:var(--am-text);-webkit-appearance:none;appearance:none} .amt-search input::placeholder{color:var(--am-text-placeholder)} .amt-search input:focus-visible{box-shadow:none} .amt-go{flex:none;height:34px;padding:0 14px;border:0;border-radius:var(--am-radius-sm);background:var(--am-yellow);color:var(--am-graphite);font:inherit;font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);cursor:pointer;transition:background var(--am-dur-fast)} .amt-go:hover{background:var(--am-yellow-hover)} .amt-phone{flex:none;display:flex;flex-direction:column;line-height:1.2;white-space:nowrap} .amt-phone a{font-size:16px;font-weight:var(--am-fw-semibold);text-decoration:none} .amt-phone span{margin-top:3px;font-size:12px;color:var(--am-text-2)} .amt-ic{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;font-size:12px;color:var(--am-text-2)!important;text-decoration:none} .amt-ic svg{color:var(--am-graphite)} .amt-ic:hover span{color:var(--am-text)} .amt-badge{position:absolute;top:-4px;right:6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--am-yellow);color:var(--am-graphite);font-size:11px;font-style:normal;font-weight:var(--am-fw-semibold)} .amt-badge[hidden]{display:none} /* избранное: сердечко в сетке (в углу фото), в карточке и на странице /personal/favorite/ */ .amt-fav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--am-line);border-radius:50%;background:var(--am-bg);color:var(--am-text-3);cursor:pointer;transition:color var(--am-dur-fast),border-color var(--am-dur-fast)} .amt-fav:hover{color:var(--am-text);border-color:var(--am-line-strong)} .amt-fav[aria-pressed="true"]{color:var(--am-graphite);border-color:var(--am-yellow);background:var(--am-yellow)} .amt-fav[aria-pressed="true"] svg path{fill:currentColor} .amt-fav:disabled{opacity:.6;cursor:progress} .amt-product{position:relative} .amt-product[hidden]{display:none!important} .amt-product-fav{position:absolute;top:10px;right:10px;z-index:2} .amt-card-fav{align-self:flex-end;margin:-8px -8px -6px 0} .amt-favbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--am-space-4);margin:0 0 var(--am-space-6)} .amt-fav-filter{flex:1;min-width:240px;max-width:520px;height:var(--am-control-h-sm);padding:0 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:var(--am-fs-ui);color:var(--am-text)} .amt-fav-filter:focus{outline:none;border-color:var(--am-graphite)} .amt-favbar-n{color:var(--am-text-2);font-size:var(--am-fs-small)} .amt-nav{border-top:1px solid var(--am-line)} .amt-menu{display:flex;gap:28px;height:42px;align-items:center;margin:0;padding:0;list-style:none;font-size:var(--am-fs-small);white-space:nowrap;overflow-x:auto;scrollbar-width:none} .amt-menu::-webkit-scrollbar{display:none} .amt-menu a{color:var(--am-text-2);text-decoration:none;transition:color var(--am-dur-fast)} .amt-menu a:hover,.amt-menu a.is-on{color:var(--am-text)} .amt-menu a.is-on{box-shadow:inset 0 -2px 0 var(--am-yellow)} .amt-menu .amt-menu-sale{display:inline-flex;align-items:center;gap:6px;color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-menu .amt-menu-sale::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--am-yellow)} /* Мобильное меню */ .amt-drawer{position:fixed;inset:0;z-index:60;background:rgba(23,25,27,.5)} .amt-drawer[hidden]{display:none} .amt-drawer-in{position:absolute;top:0;left:0;bottom:0;width:min(86vw,360px);overflow-y:auto;padding:68px var(--am-space-6) var(--am-space-8);background:var(--am-bg);box-shadow:var(--am-shadow-lift)} .amt-drawer-x{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--am-radius-md);background:var(--am-bg-2);color:var(--am-graphite);cursor:pointer} .amt-drawer .amt-menu{display:block;height:auto;white-space:normal;font-size:18px} .amt-drawer .amt-menu li{border-bottom:1px solid var(--am-line)} .amt-drawer .amt-menu a{display:block;padding:14px 0;color:var(--am-text)} .amt-drawer .amt-menu a.is-on{box-shadow:none;font-weight:var(--am-fw-semibold)} .amt-drawer-phone{display:flex;flex-direction:column;gap:4px;margin-top:var(--am-space-7)} .amt-drawer-phone a{font-size:20px;font-weight:var(--am-fw-semibold);text-decoration:none} .amt-drawer-phone span{font-size:var(--am-fs-caption);color:var(--am-text-2)} body.amt-lock{overflow:hidden} /* Страница */ .amt-main{display:block;min-height:50vh} .amt-page{padding-top:var(--am-space-6);padding-bottom:var(--am-space-11)} .amt-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 var(--am-space-4);padding:0;list-style:none;font-size:var(--am-fs-caption);color:var(--am-text-3)} .amt-crumbs li+li::before{content:"›";margin:0 8px;color:var(--am-text-disabled)} .amt-crumbs a{color:var(--am-text-2);text-decoration:none} .amt-crumbs a:hover{color:var(--am-text)} .amt-title{margin:0 0 var(--am-space-8);font-size:var(--am-fs-h2);line-height:var(--am-lh-h2);font-weight:var(--am-fw-semibold);letter-spacing:var(--am-ls-h2)} /* Текст страниц из визуального редактора */ .amt-content{font-size:var(--am-fs-body);line-height:1.6} .amt-content :where(h2,h3,h4){margin:1.6em 0 .6em;font-weight:var(--am-fw-semibold);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3)} .amt-content :where(h2){font-size:var(--am-fs-h3)} .amt-content :where(h3){font-size:20px} .amt-content :where(h4){font-size:var(--am-fs-body)} .amt-content :where(p,ul,ol){margin:0 0 1em} .amt-content :where(ul,ol){padding-left:1.3em} .amt-content :where(li)::marker{color:var(--am-text-3)} .amt-content :where(a){color:var(--am-text);text-decoration:underline;text-decoration-color:var(--am-yellow);text-decoration-thickness:2px;text-underline-offset:3px} .amt-content :where(a:hover){text-decoration-color:var(--am-graphite)} .amt-content :where(img){border-radius:var(--am-radius-lg)} .amt-content :where(table){width:100%;border-collapse:collapse;margin:0 0 1.5em;font-size:var(--am-fs-ui)} .amt-content :where(th,td){padding:12px 14px;border-bottom:1px solid var(--am-line);text-align:left;vertical-align:top} .amt-content :where(th){font-weight:var(--am-fw-semibold);background:var(--am-bg-2)} .amt-content :where(blockquote){margin:0 0 1.5em;padding:14px 18px;border-left:3px solid var(--am-yellow);border-radius:0 var(--am-radius-md) var(--am-radius-md) 0;background:var(--am-bg-2)} .amt-content :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){max-width:100%;min-height:var(--am-control-h-sm);padding:10px 14px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:var(--am-fs-ui);color:var(--am-text)} .amt-content :where(input,select,textarea):focus{outline:none;border-color:var(--am-graphite)} .amt-content :where(input[type=submit],button[type=submit]){min-height:var(--am-control-h-sm);padding:0 22px;border:0;border-radius:var(--am-radius-md);background:var(--am-yellow);color:var(--am-graphite);font:inherit;font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);cursor:pointer} .amt-content :where(input[type=submit],button[type=submit]):hover{background:var(--am-yellow-hover)} /* Каталог запчастей: поиск, разделы, товары, карточка, страницы */ .amt-psearch{display:flex;align-items:center;gap:10px;max-width:820px;margin:0 0 var(--am-space-8);padding:8px 8px 8px 18px;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);box-shadow:var(--am-shadow-float);color:var(--am-text-2)} .amt-psearch:focus-within{border-color:var(--am-graphite)} .amt-psearch svg{flex:none} .amt-psearch input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:18px;color:var(--am-text);-webkit-appearance:none;appearance:none} .amt-psearch input::placeholder{color:var(--am-text-placeholder)} .amt-psearch input:focus-visible{box-shadow:none} .amt-psearch .am-btn{flex:none} /* подсказки поиска (script.js, ajax/search.php) — под полем шапки и каталога */ .amt-has-suggest{position:relative} .amt-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;max-height:min(70vh,460px);overflow:auto;padding:6px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);box-shadow:var(--am-shadow-float);text-align:left} .amt-suggest a{display:flex;gap:10px;align-items:baseline;padding:9px 10px;border-radius:var(--am-radius-sm);color:var(--am-text);font-size:var(--am-fs-small);line-height:1.35;text-decoration:none} .amt-suggest a b{flex:none;font-weight:var(--am-fw-semibold)} .amt-suggest a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--am-text-2)} .amt-suggest a:hover,.amt-suggest a.is-active{background:var(--am-bg-2)} .amt-suggest .amt-suggest-all{justify-content:center;margin-top:4px;border-top:1px solid var(--am-line);border-radius:0;font-weight:var(--am-fw-medium)} .amt-suggest-note,.amt-suggest-empty{margin:0;padding:8px 10px;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap);margin:0;padding:0;list-style:none} .amt-section{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);color:var(--am-text)!important;text-decoration:none;transition:transform var(--am-dur) var(--am-ease),box-shadow var(--am-dur),border-color var(--am-dur-fast)} .amt-section:hover{transform:translateY(-3px);box-shadow:var(--am-shadow-hover);border-color:var(--am-line-strong)} .amt-section-pic{display:flex;align-items:center;justify-content:center;height:64px;margin-bottom:6px} .amt-section-pic:empty{display:none} .amt-section-pic img{max-height:64px;width:auto;object-fit:contain} .amt-section b{font-size:17px;font-weight:var(--am-fw-semibold);line-height:1.25;letter-spacing:-.01em} .amt-section span:last-child{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-subsections{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--am-space-7)} .amt-subsections .am-chip span{margin-left:8px;color:var(--am-text-3);font-weight:var(--am-fw-regular)} .amt-found{margin:0 0 var(--am-space-4);font-size:var(--am-fs-small);color:var(--am-text-2)} /* раздел каталога: бренды слева (catalog.section.list/am, AMT_BRANDS), на телефоне — строкой с прокруткой */ .amt-catalog-cols{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--am-space-8);align-items:start} .amt-catalog-aside{position:sticky;top:140px;max-height:calc(100vh - 156px);overflow:auto} .amt-catalog-main .amt-products{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-brandnav-h{margin:0 0 var(--am-space-2);font-size:var(--am-fs-caption);font-weight:var(--am-fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--am-text-3)} .amt-brandnav ul{margin:0;padding:0;list-style:none} .amt-brandnav li a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--am-radius-sm);color:var(--am-text);font-size:var(--am-fs-small);line-height:1.35;text-decoration:none} .amt-brandnav li a span{flex:none;color:var(--am-text-3)} .amt-brandnav li a:hover{background:var(--am-bg-2)} .amt-brandnav li a[aria-current="page"]{background:var(--am-bg-2);font-weight:var(--am-fw-semibold)} .amt-brandnav-all{display:inline-block;margin:var(--am-space-3) 10px 0;font-size:var(--am-fs-small);color:var(--am-text-2)} @media (max-width:1100px){.amt-catalog-main .amt-products{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){ .amt-catalog-cols{grid-template-columns:1fr;gap:var(--am-space-4)} .amt-catalog-aside{position:static;max-height:none;overflow:visible} .amt-brandnav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch} .amt-brandnav-h,.amt-brandnav-all{display:none} .amt-brandnav ul{display:flex;gap:6px} .amt-brandnav li a{white-space:nowrap;border:1px solid var(--am-line)} } @media (max-width:600px){.amt-catalog-main .amt-products{grid-template-columns:1fr}} .amt-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap);margin:0;padding:0;list-style:none} .amt-product{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);transition:box-shadow var(--am-dur),border-color var(--am-dur-fast)} .amt-product:hover{box-shadow:var(--am-shadow-hover);border-color:var(--am-line-strong)} .amt-product-pic{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:var(--am-bg);color:var(--am-text-disabled);border-bottom:1px solid var(--am-line)} .amt-product-pic img{position:absolute;inset:0;width:100%;height:100%;padding:12px;object-fit:contain} .amt-product-b{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 10px} .amt-product-art{font-size:12px;color:var(--am-text-3);font-variant-numeric:tabular-nums} .amt-product-name{font-size:15px;font-weight:var(--am-fw-medium);line-height:1.35;color:var(--am-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .amt-product-name:hover{text-decoration:underline;text-decoration-color:var(--am-yellow);text-decoration-thickness:2px;text-underline-offset:3px} .amt-product-brand{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-stock{display:inline-flex;align-items:center;gap:6px;font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-stock::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--am-text-disabled)} .amt-stock.is-in::before{background:var(--am-success)} .amt-stock.is-low::before{background:var(--am-yellow)} .amt-product-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 16px} .amt-product-buy form{margin:0} .amt-price{font-size:19px;font-weight:var(--am-fw-semibold);letter-spacing:-.015em;font-variant-numeric:tabular-nums;white-space:nowrap} .amt-price s{margin-left:6px;font-size:var(--am-fs-caption);font-weight:var(--am-fw-regular);color:var(--am-text-3)} .amt-price.is-request{font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);color:var(--am-text-2)} .amt-empty,.amt-empty-line{color:var(--am-text-2)} .amt-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:620px;padding:var(--am-space-7);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-empty p{margin:0} .amt-empty .am-h3{color:var(--am-text)} .amt-pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--am-space-8)} .amt-pager a,.amt-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--am-radius-md);font-size:var(--am-fs-ui);text-decoration:none} .amt-pager a{border:1px solid var(--am-line);color:var(--am-text)} .amt-pager a:hover{border-color:var(--am-graphite)} .amt-pager .is-on{background:var(--am-graphite);color:#fff;font-weight:var(--am-fw-medium)} /* Названия запчастей длинные — в карточке заголовок размера h3. */ .amt-page:has(.amt-card) .amt-title{font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3);max-width:900px} .amt-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--am-space-8) var(--am-space-9);align-items:start} .amt-card-photo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-xl);background:var(--am-bg);color:var(--am-text-disabled)} .amt-card-photo img{position:absolute;inset:0;width:100%;height:100%;padding:20px;object-fit:contain} .amt-card-photo.is-empty{background:var(--am-bg-2)} .amt-card-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none} .amt-card-thumbs a{display:block;width:72px;height:56px;padding:4px;border:1px solid var(--am-line);border-radius:var(--am-radius-sm)} .amt-card-thumbs img{width:100%;height:100%;object-fit:contain} .amt-card-buy{position:sticky;top:140px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:var(--am-space-7);border-radius:var(--am-radius-xl);background:var(--am-bg-2)} .amt-card-art{margin:0;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-card-art b{color:var(--am-text);font-variant-numeric:tabular-nums} .amt-card-price .amt-price{font-size:32px;letter-spacing:-.03em} .amt-card-form{display:flex;gap:10px;width:100%;margin:0} .amt-qty{width:88px;min-height:var(--am-control-h);padding:0 12px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:17px;text-align:center} .amt-card-form .am-btn{flex:1} .amt-card-help{margin:0;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-card-help a{font-weight:var(--am-fw-semibold);color:var(--am-text);text-decoration:none} .amt-card-info{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--am-space-9)} .amt-card-info:empty{display:none} .amt-card-info .am-h3{margin:0 0 var(--am-space-4)} .amt-props{margin:0} .amt-props div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--am-line);font-size:var(--am-fs-ui)} .amt-props dt{color:var(--am-text-2)} .amt-props dd{margin:0} .amt-crosses{margin-top:var(--am-space-10)} .amt-crosses .am-h3{margin:0 0 var(--am-space-5)} /* Подвал */ .amt-ft{background:var(--am-graphite);color:var(--am-text-on-dark-2);font-size:var(--am-fs-small)} .amt-ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:var(--am-space-8);padding:var(--am-space-10) 0 var(--am-space-8)} .amt-ft-logo{display:inline-block;line-height:0} .amt-ft-logo .amt-logo-svg{height:40px} .amt-ft-brand p{max-width:300px;margin:var(--am-space-4) 0 0;line-height:1.5} .amt-ft-h{margin:0 0 var(--am-space-4);font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:var(--am-ls-kicker);text-transform:uppercase;color:var(--am-text-on-dark)} .amt-ft-menu{margin:0;padding:0;list-style:none} .amt-ft-menu li+li{margin-top:10px} .amt-ft a{color:var(--am-text-on-dark-2);text-decoration:none;transition:color var(--am-dur-fast)} .amt-ft a:hover{color:#fff} .amt-ft-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:8px} .amt-ft .amt-ft-phone{font-size:20px;font-weight:var(--am-fw-semibold);color:#fff} .amt-ft .am-more{margin-top:var(--am-space-2);color:#fff} .amt-ft-bottom{display:flex;flex-wrap:wrap;gap:8px 28px;padding:var(--am-space-6) 0;border-top:1px solid var(--am-line-on-dark);font-size:var(--am-fs-caption)} .amt-ft-bottom span{margin-right:auto} /* Формы сайта: окно, поля, запрос на подбор (docs/SITE_TEMPLATE.md, «Формы») */ /* корзина — только тем, кто может заказать (body.amt--buyer, флаг basket_b2b_only); сетка и карточка кэшируются общими */ body:not(.amt--buyer) .amt-buyer-only,.amt--buyer .amt-nobuyer-only{display:none!important} .amt-basket-denied{max-width:640px;padding:var(--am-space-6) 0} .amt-basket-denied p{margin:0 0 var(--am-space-4);color:var(--am-text-2);line-height:var(--am-lh-body)} .amt-basket-denied a:not(.am-btn){color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-basket-denied-actions{display:flex;flex-wrap:wrap;gap:var(--am-space-3)} .amt-card-b2b{margin:0;font-size:var(--am-fs-small);line-height:1.45;color:var(--am-text-2)} .amt-card-b2b a{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt--b2b .amt-guest-only,.amt-b2b-only{display:none!important} .amt--b2b .amt-b2b-only{display:inline-flex!important} .amt-callback{margin-top:3px;font-size:12px;color:var(--am-text);text-decoration:underline;text-decoration-color:var(--am-line-strong);text-underline-offset:3px} .amt-callback:hover{text-decoration-color:currentColor} .amt-phone .amt-callback{font-size:12px;font-weight:var(--am-fw-medium)} .amt-drawer-call{margin-top:var(--am-space-5);width:100%} .amt-ft-ask{font-weight:var(--am-fw-medium);color:inherit} .amt-request{display:flex;align-items:center;justify-content:space-between;gap:var(--am-space-4) var(--am-space-6);flex-wrap:wrap;margin:0 0 var(--am-space-7);padding:var(--am-space-5) var(--am-space-6);border-radius:var(--am-radius-lg);background:var(--am-yellow-soft);border:1px solid rgba(255,210,0,.45)} .amt-request p{margin:0;max-width:640px;font-size:var(--am-fs-ui)} .amt-request + .amt-sections,.amt-sections + .amt-request{margin-top:var(--am-space-7)} .amt-empty-act{display:flex;flex-wrap:wrap;gap:10px} .amt-card-ask{width:100%} .amt-dlg{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--am-radius-xl);background:var(--am-bg);color:var(--am-text);box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain} .amt-dlg::backdrop{background:rgba(23,25,27,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .amt-dlg-x{position:sticky;top:0;float:right;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:8px 8px 0 0;border:0;border-radius:50%;background:var(--am-bg-2);color:var(--am-text);cursor:pointer} .amt-dlg-x:hover{background:var(--am-bg-3)} .amt-dlg-b{min-height:180px;padding:var(--am-space-7)} .amt-dlg-b.is-loading{opacity:.5;pointer-events:none;background:linear-gradient(90deg,transparent,var(--am-bg-2),transparent) 0 0/200% 100% no-repeat} .amt-form{max-width:560px} .amt-form-h{margin:0 48px var(--am-space-3) 0;font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3);font-weight:var(--am-fw-semibold)} .amt-form-lead{margin-bottom:var(--am-space-5);color:var(--am-text-2);font-size:var(--am-fs-ui)} .amt-form-lead p{margin:0 0 6px} .amt-form-product{margin:0 0 var(--am-space-5);padding:10px 14px;border-radius:var(--am-radius-sm);background:var(--am-bg-2);font-size:var(--am-fs-small)} .amt-form-error{margin:0 0 var(--am-space-4);padding:10px 14px;border-radius:var(--am-radius-sm);background:#FDECEC;color:#A12222;font-size:var(--am-fs-small)} .amt-form-f{display:grid;grid-template-columns:1fr 1fr;gap:var(--am-space-4) var(--am-space-3);margin:0} .amt-field{display:flex;flex-direction:column;gap:6px;min-width:0} .amt-field--wide,.amt-field--captcha,.amt-field:has(.amt-field-html),.amt-consent,.amt-form-send{grid-column:1/-1} .amt-field label,.amt-field-l{font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);color:var(--am-text-2)} .amt-req{margin-left:2px;color:#C62828} .amt-field input,.amt-field textarea,.amt-field select{width:100%;min-height:var(--am-control-h);padding:12px 14px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);font:inherit;font-size:16px;transition:border-color var(--am-dur-fast)} .amt-field textarea{min-height:96px;resize:vertical} .amt-field input:focus,.amt-field textarea:focus,.amt-field select:focus{outline:0;border-color:var(--am-graphite);box-shadow:var(--am-focus-ring)} .amt-field input[type=checkbox],.amt-field input[type=radio]{width:auto;min-height:0} .amt-field.is-error input,.amt-field.is-error textarea,.amt-field.is-error select{border-color:#C62828} .amt-field-e{font-size:var(--am-fs-caption);color:#C62828} .amt-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .amt-captcha img{border-radius:var(--am-radius-sm)} .amt-captcha input{flex:1;min-width:140px} .amt-consent{display:flex;align-items:flex-start;gap:10px;font-size:var(--am-fs-caption);line-height:1.4;color:var(--am-text-2);cursor:pointer} .amt-consent input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--am-graphite)} .amt-consent a{color:inherit} .amt-form-send{width:100%} .amt-form-done{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--am-space-4) 48px var(--am-space-4) 0} .amt-form-done svg{color:var(--am-success)} .amt-form-done p{margin:0;color:var(--am-text-2)} .amt-form-done .am-h3{color:var(--am-text)} .amt-content > .amt-form{padding:var(--am-space-7);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} /* Нижние вкладки — только телефон */ .amt-tabbar{display:none} @media (max-width:1100px){ .amt-menu{gap:18px} } @media (max-width:1000px){ .amt-phone{display:none} .amt-ft-grid{grid-template-columns:1fr 1fr} .amt-sections,.amt-products{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:900px){ html{scroll-padding-top:72px} .amt-nav{display:none} .amt-burger{display:inline-flex} .amt-hd-in{gap:12px;height:64px} .amt-logo .amt-logo-svg{height:38px} .amt-cat{display:none} .amt-card,.amt-card-info{grid-template-columns:1fr;gap:var(--am-space-7)} .amt-card-buy{position:static} .amt-sections,.amt-products{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:600px){ .amt-hd-in{flex-wrap:wrap;height:auto;padding:8px 0 10px;row-gap:8px} .amt-logo{margin-right:auto} .amt-logo .amt-logo-svg{height:34px} .amt-search{order:5;flex:1 0 100%;height:44px} .amt-ic span{display:none} .amt-ic{min-width:40px;height:40px;justify-content:center} .amt-badge{top:0;right:0} .amt-page{padding-top:var(--am-space-4);padding-bottom:var(--am-space-9)} .amt-title{margin-bottom:var(--am-space-6)} .amt-content :where(table){display:block;overflow-x:auto} /* В шапке телефона поиск уже на всю ширину и ведёт туда же (/catalog/?q=). */ .amt-psearch{display:none} .amt-sections{gap:10px} .amt-section{padding:14px} .amt-section b{font-size:15px} .amt-products{grid-template-columns:1fr;gap:10px} .amt-product{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"pic b" "pic buy"} .amt-product-pic{grid-area:pic;aspect-ratio:auto;height:100%;min-height:104px;border-bottom:0;border-right:1px solid var(--am-line)} .amt-product-b{grid-area:b;padding:12px 14px 6px} .amt-product-buy{grid-area:buy;padding:6px 14px 12px} .amt-card-buy{padding:var(--am-space-5)} .amt-card-price .amt-price{font-size:26px} .amt-props div{grid-template-columns:1fr;gap:2px} .amt-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--am-space-7) 16px;padding-top:var(--am-space-9)} .amt-ft-brand,.amt-ft-contacts{grid-column:1 / -1} .amt-ft-col{min-width:0} .amt-ft-menu a{overflow-wrap:anywhere} .amt-ft-bottom span{margin-right:0;flex-basis:100%} body.amt{padding-bottom:calc(64px + env(safe-area-inset-bottom))} .amt-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--am-line)} .amt-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;color:var(--am-text-3);text-decoration:none} .amt-tabbar a[aria-current="page"]{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-tabbar a[aria-current="page"] svg{color:var(--am-graphite)} .amt-request{padding:var(--am-space-4)} .amt-request .am-btn{width:100%} .amt-dlg{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:var(--am-radius-xl) var(--am-radius-xl) 0 0} .amt-dlg-b{padding:var(--am-space-5) var(--am-space-4) calc(var(--am-space-5) + env(safe-area-inset-bottom))} .amt-form-f{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ .amt *{transition:none!important} } /* ---- разделы на инфоблоках: bitrix:news/am, news.list/am, news.detail/am (docs/SITE_TEMPLATE.md, «Разделы на инфоблоках») ---- */ .amt-cnt-meta{display:block;font-size:var(--am-fs-small);color:var(--am-text-3)} .amt-cnt-cards,.amt-cnt-photos,.amt-cnt-logos,.amt-cnt-people,.amt-cnt-quotes,.amt-cnt-files{margin:0 0 var(--am-space-8);padding:0;list-style:none} .amt-cnt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);transition:box-shadow var(--am-dur)} .amt-cnt-card:hover{box-shadow:var(--am-shadow-hover)} .amt-cnt-card-pic{display:block;aspect-ratio:16/10;background:var(--am-bg-2)} .amt-cnt-card-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-card-b{display:flex;flex-direction:column;gap:8px;padding:var(--am-space-5)} .amt-cnt-card-name{font-size:var(--am-fs-lead);font-weight:var(--am-fw-semibold);line-height:1.3;color:var(--am-text);text-decoration:none} .amt-cnt-card-name:hover{text-decoration:underline} .amt-cnt-card-text{margin:0;font-size:var(--am-fs-small);line-height:1.5;color:var(--am-text-2)} .amt-cnt-files{display:flex;flex-direction:column;gap:8px;max-width:820px} .amt-cnt-file{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);text-decoration:none} .amt-cnt-file:hover{border-color:var(--am-line-strong)} .amt-cnt-file--more{margin:6px 0 0 24px} .amt-cnt-file-ext{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--am-radius-sm);background:var(--am-yellow);color:var(--am-graphite);font-size:11px;font-weight:var(--am-fw-semibold)} .amt-cnt-file-b{display:flex;flex-direction:column;gap:2px;min-width:0} .amt-cnt-file-b small{color:var(--am-text-3);font-size:var(--am-fs-caption)} .amt-cnt-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-photo{display:flex;flex-direction:column;gap:8px;color:var(--am-text);text-decoration:none} .amt-cnt-photo-pic{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--am-radius-md);background:var(--am-bg-2)} .amt-cnt-photos--scans .amt-cnt-photo-pic{aspect-ratio:3/4;border:1px solid var(--am-line);background:var(--am-bg)} .amt-cnt-photo-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-photos--scans .amt-cnt-photo-pic img{object-fit:contain} .amt-cnt-photo-name{font-size:var(--am-fs-small);line-height:1.4} .amt-cnt-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-logo{display:flex;flex-direction:column;gap:6px;text-align:center} .amt-cnt-logo-pic{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;padding:14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);text-decoration:none} .amt-cnt-logo-pic img{max-width:100%;max-height:100%;object-fit:contain} .amt-cnt-logo-name{font-size:var(--am-fs-small);font-weight:var(--am-fw-medium)} .amt-cnt-logo-site{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-cnt-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-person{display:flex;flex-direction:column;gap:4px;font-size:var(--am-fs-small)} .amt-cnt-person-pic{display:block;aspect-ratio:1;margin-bottom:8px;overflow:hidden;border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-cnt-person-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-person a{color:var(--am-text);overflow-wrap:anywhere} .amt-cnt-acc{display:flex;flex-direction:column;gap:8px;max-width:900px;margin:0 0 var(--am-space-8)} .amt-cnt-acc-item{border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg)} .amt-cnt-acc-item summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 18px;cursor:pointer;font-weight:var(--am-fw-semibold);list-style:none} .amt-cnt-acc-item summary::-webkit-details-marker{display:none} .amt-cnt-acc-item summary::after{content:"+";margin-left:auto;font-size:20px;line-height:1;color:var(--am-text-3)} .amt-cnt-acc-item[open] summary::after{content:"−"} .amt-cnt-acc-item summary small{font-weight:var(--am-fw-regular);color:var(--am-text-2)} .amt-cnt-acc-item .amt-content{padding:0 18px 16px} .amt-cnt-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-quote{display:flex;flex-direction:column;justify-content:space-between;gap:var(--am-space-4);padding:var(--am-space-6);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-cnt-quote blockquote{margin:0;font-size:var(--am-fs-body);line-height:var(--am-lh-body)} .amt-cnt-quote-who{display:flex;align-items:center;gap:12px} .amt-cnt-quote-who img{width:48px;height:48px;border-radius:50%;object-fit:cover} .amt-cnt-quote-who span{display:flex;flex-direction:column} .amt-cnt-quote-who small{color:var(--am-text-2)} .amt-cnt-detail{display:flex;flex-direction:column;gap:var(--am-space-6);max-width:880px} .amt-cnt-detail-pic{margin:0} .amt-cnt-detail-pic img{display:block;max-width:100%;height:auto;border-radius:var(--am-radius-lg)} .amt-cnt-detail--partners .amt-cnt-detail-pic img,.amt-cnt-detail--licenses .amt-cnt-detail-pic img{max-height:220px;width:auto} .amt-cnt-detail section .amt-cnt-photos{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-cnt-contacts{display:flex;flex-wrap:wrap;gap:var(--am-space-4);margin:0} .amt-cnt-contacts a,.amt-cnt-back a{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-cnt-back{margin:0} @media (max-width:1000px){ .amt-cnt-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .amt-cnt-photos,.amt-cnt-people{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-cnt-logos{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width:600px){ .amt-cnt-cards,.amt-cnt-quotes{grid-template-columns:1fr} .amt-cnt-photos,.amt-cnt-people,.amt-cnt-logos,.amt-cnt-detail section .amt-cnt-photos{grid-template-columns:repeat(2,minmax(0,1fr))} } /* End */ /* /b2b/assets/css/disable-oneclick.css?1793890856285 */ /* /OrangeSeed/assets/landing.css?179388120653244 */ /* /include/fonts/onest/onest.css?17937059871010 */ /* /include/brand/tokens.css?17937059873264 */ /* /include/brand/components.css?17937059874953 */ /* /local/templates/agromaster/css/mobile-bottom-menu.css?17938882614519 */ /* /local/templates/agromaster/template_styles.css?179388911637858 */