/* Start:/b2b/assets/css/disable-oneclick.css?1793719855285*/ /* Покупка в один клик отключена отдельно от окна проверки заказа. */ .oneclickbuy, .one_click, .one_click_buy, [onclick*="oneClickBuy"], [data-name="one_click_buy"], [data-name="one_click_buy_basket"] { display: none !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/mainpage/home-v2/landing.css?179370598763665*/ #am-home{margin:0;background:#fff} #am-home a{color:#1F2124}#am-home a:hover{color:#000} /* Короткие имена макета — на токенах брендбука (/include/brand/tokens.css, docs/BRANDBOOK.md). */ #am-home{--y:var(--am-yellow,#FFD200);--y2:var(--am-yellow-hover,#F2C200);--g:var(--am-graphite,#1F2124);--g2:var(--am-graphite-2,#2A2D31);--g3:var(--am-graphite-3,#34383D);--t2:var(--am-text-2,#5B6066);--t3:var(--am-text-3,#6B7075);--bg2:var(--am-bg-2,#F3F4F5);--line:var(--am-line,rgba(31,33,36,.10));--lined:var(--am-line-on-dark,rgba(255,255,255,.10));--ease:var(--am-ease,cubic-bezier(.32,.72,0,1)); font-family:var(--am-font,"Onest",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif);color:var(--g);font-size:17px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;background:#fff} #am-home *{box-sizing:border-box} #am-home h1,#am-home h2,#am-home h3,#am-home h4,#am-home p{margin:0} #am-home a{text-decoration:none} #am-home button{font:inherit;color:inherit;border:0;background:none;cursor:pointer} #am-home .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #am-home .wrap{max-width:1120px;margin:0 auto;padding:0 22px} #am-home .sec{padding:96px 0} #am-home .h1{font-size:clamp(40px,6.2vw,76px);line-height:1.04;font-weight:600;letter-spacing:-.035em} #am-home .h2{font-size:clamp(30px,4vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.03em} #am-home .h3{font-size:clamp(22px,2.4vw,28px);line-height:1.16;font-weight:600;letter-spacing:-.02em} #am-home .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--t2);letter-spacing:-.012em} #am-home .kick{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin-bottom:16px;display:flex;align-items:center;gap:10px} #am-home .kick{margin-bottom:16px} #am-home .kick::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--y)} #am-home .dark{background:var(--g);color:#F5F5F6} #am-home .dark .lead{color:#A9ADB2} #am-home .dark .kick{color:#A9ADB2} #am-home .grey{background:var(--bg2)} #am-home .yel{color:var(--y)} #am-home .mark{background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%);padding:0 .06em} /* buttons */ #am-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;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} #am-home .btn:active{transform:scale(.97)} #am-home .btn-y{background:var(--y);color:var(--g)!important}#am-home .btn-y:hover{background:var(--y2)} #am-home .btn-g{background:var(--g);color:#fff!important}#am-home .btn-g:hover{background:#000} #am-home .btn-o{border:1px solid var(--g);color:var(--g)!important}#am-home .btn-o:hover{background:var(--g);color:#fff!important} #am-home .btn-glass{color:#fff!important;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06)}#am-home .btn-glass:hover{background:rgba(255,255,255,.14)} #am-home .btn .arr{transition:transform .2s}#am-home .btn:hover .arr{transform:translateX(3px)} #am-home .row{display:flex;flex-wrap:wrap;gap:14px;align-items:center} #am-home .more{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--g);border-bottom:2px solid var(--y);padding-bottom:2px} #am-home .dark .more{color:#fff} #am-home .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap} /* header */ #am-home .hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)} #am-home .hd-in{display:flex;align-items:center;gap:18px;height:76px} #am-home .logo{display:block;height:52px;width:auto;margin:0 -6px} #am-home .cat-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:10px;background:var(--g);color:#fff!important;font-size:15px;font-weight:500} #am-home .search{flex:1;display:flex;align-items:center;height:46px;border-radius:10px;background:var(--bg2);border:1px solid transparent;padding:0 6px 0 14px;gap:10px;min-width:0;transition:border-color .2s,background .2s} #am-home .search:focus-within{background:#fff;border-color:var(--g)} #am-home .search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:var(--g);outline:none} #am-home .search input::placeholder{color:#7A7F85} #am-home .search .go{height:34px;padding:0 14px;border-radius:8px;background:var(--y);font-size:14px;font-weight:500} #am-home .hd-ic{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--t2)!important;min-width:48px;position:relative} #am-home .hd-ic svg{color:var(--g)} #am-home .badge{position:absolute;top:-4px;right:6px;min-width:18px;height:18px;border-radius:9px;background:var(--y);color:var(--g);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px} #am-home .phone{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap} #am-home .phone b{font-size:16px;font-weight:600} #am-home .phone span{font-size:12px;color:var(--t2);border-bottom:1px dashed var(--t3);align-self:flex-start;cursor:pointer} #am-home .city{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--t2)!important;white-space:nowrap} #am-home .nav2{display:flex;gap:28px;height:42px;align-items:center;font-size:14px;color:var(--t2);border-top:1px solid var(--line)} #am-home .nav2 a{color:var(--t2)}#am-home .nav2 a:hover{color:var(--g)} #am-home .nav2 .sale{color:var(--g);font-weight:500;display:inline-flex;gap:6px;align-items:center} #am-home .nav2 .sale::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--y)} /* hero */ #am-home .hero{position:relative;overflow:hidden;background:#17191B;color:#fff;min-height:720px;display:flex;flex-direction:column} #am-home .hero-art{position:absolute;inset:0;z-index:0} #am-home .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%} #am-home .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(14,15,17,.86) 0%,rgba(14,15,17,.7) 32%,rgba(14,15,17,.25) 58%,rgba(14,15,17,0) 78%),linear-gradient(180deg,rgba(14,15,17,.35) 0%,rgba(14,15,17,0) 22%,rgba(14,15,17,0) 55%,rgba(14,15,17,.85) 100%)} #am-home .hero .wrap{position:relative;z-index:2;width:100%} #am-home .hero-in{max-width:640px;padding:120px 0 72px} #am-home .hero .lead{margin-top:24px;max-width:600px;color:#fff;font-weight:500;text-shadow:0 1px 14px rgba(0,0,0,.45)} #am-home .hero .row{margin-top:40px} #am-home .video-tag{position:absolute;right:28px;bottom:150px;z-index:2;font-size:12px;color:rgba(255,255,255,.62);border:1px dashed rgba(255,255,255,.3);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px} #am-home .trust{position:relative;z-index:2;margin-top:auto;border-top:1px solid var(--lined)} #am-home .trust-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} #am-home .tr{padding:30px 24px 34px 0;border-right:1px solid var(--lined)} #am-home .tr+.tr{padding-left:28px} #am-home .tr:last-child{border-right:0} #am-home .num{font-size:clamp(30px,3vw,40px);white-space:nowrap;font-weight:600;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--y)} #am-home .num u{text-decoration:none;font-size:.5em;font-weight:600;color:var(--y);margin-left:.18em;letter-spacing:-.015em} #am-home .tr p{font-size:14px;color:#A9ADB2;margin-top:10px;line-height:1.35} #am-home .ph-num{color:rgba(255,210,0,.55)} /* flagship */ #am-home .fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #am-home .fc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .35s var(--ease),box-shadow .35s} #am-home .fc:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(0,0,0,.08)} #am-home .ph{position:relative;aspect-ratio:16/9;background:#2A2D31;background-image:repeating-linear-gradient(112deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px);overflow:hidden} #am-home .ph-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.22);border-radius:6px;padding:6px 10px;white-space:nowrap} #am-home .ph-brand{position:absolute;left:24px;bottom:18px;font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.04em;color:#fff;line-height:1} #am-home .ph-tag{position:absolute;left:24px;top:20px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--g);background:var(--y);border-radius:5px;padding:5px 9px} #am-home .fc-b{padding:28px 28px 30px;display:flex;flex-direction:column;gap:20px;flex:1} #am-home .fc-b p{font-size:16px;color:var(--t2);line-height:1.5} #am-home .specs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--line)} #am-home .sp{padding-top:18px} #am-home .sp+.sp{padding-left:20px;border-left:1px solid var(--line)} #am-home .sp b{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} #am-home .sp b u{text-decoration:none;font-size:.5em;color:var(--t2);font-weight:500;margin-left:.1em} #am-home .sp b.tbd{color:#B5B9BD} #am-home .sp span{display:block;font-size:13px;color:var(--t2);margin-top:8px} #am-home .fc-b .fc-quote{position:relative;padding:14px 16px 14px 18px;border-left:3px solid var(--y);background:var(--bg2);border-radius:0 10px 10px 0;font-size:15px;color:var(--g);line-height:1.5} #am-home .fc-rev{font-weight:600;color:var(--g)!important;border-bottom:2px solid var(--y);white-space:nowrap} #am-home .fc .row{margin-top:auto} #am-home .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .9s cubic-bezier(.32,.72,0,1)} #am-home .fc:hover .ph-img{transform:scale(1.04)} #am-home .ph-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,11,12,.32) 0%,rgba(10,11,12,0) 26%,rgba(10,11,12,0) 50%,rgba(10,11,12,.72) 100%)} #am-home .ph-tag,#am-home .ph-brand,#am-home .ph-sub{z-index:2} #am-home .fg .fc .ph{aspect-ratio:4/3} #am-home .fc-wide{grid-column:1/-1;flex-direction:row} #am-home .fg .fc-wide .ph{flex:0 0 calc(50% - 10px);aspect-ratio:auto;min-height:520px} #am-home .fc-wide .fc-b{padding:40px 40px 40px} #am-home .fc-wide .ph-brand{font-size:clamp(44px,5vw,68px)} #am-home .ph-sub{position:absolute;right:24px;bottom:22px;font-size:14px;color:rgba(255,255,255,.85);text-align:right} #am-home .fc-wide .ph-sub{bottom:26px;font-size:15px} #am-home .ph-tags{position:absolute;left:24px;top:20px;z-index:2;display:flex;flex-wrap:wrap;gap:8px} #am-home .ph-tags .ph-tag{position:static} #am-home .fc .btn{min-height:44px;padding:0 18px;font-size:15px} #am-home .xs{margin-top:48px} #am-home .xs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} #am-home .xs-t{font-size:20px;font-weight:600;letter-spacing:-.015em} #am-home .xs-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:-6px;padding:6px} #am-home .xs-track::-webkit-scrollbar{display:none} #am-home .xt{flex:0 0 216px;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s,border-color .2s} #am-home .xt:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07);border-color:rgba(31,33,36,.2)} #am-home .xt-ph{display:block;position:relative;aspect-ratio:4/3;background:#fff} #am-home .xt-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .6s var(--ease)} #am-home .xt:hover .xt-ph img{transform:scale(1.05)} #am-home .xt-ph-e{display:flex;align-items:center;justify-content:center;background:var(--bg2);color:#B5B9BD} #am-home .xt-b{padding:12px 16px 16px;border-top:1px solid var(--line)} #am-home .xt-b b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em} #am-home .xt-b span{display:block;font-size:13px;color:var(--t2);margin-top:3px} #am-home .also{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--t2)} #am-home .chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:500;color:var(--g)!important;background:#fff;transition:border-color .2s} #am-home .chip:hover{border-color:var(--g)} /* parts */ #am-home #amh-parts{position:relative;overflow:hidden} #am-home #amh-parts .wrap{position:relative;z-index:1} #am-home .bearing{position:absolute;right:-150px;top:24px;width:470px;height:470px;z-index:0;pointer-events:none;filter:drop-shadow(0 28px 36px rgba(31,33,36,.22));will-change:transform} #am-home .psearch{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 10px 10px 22px;max-width:820px;box-shadow:0 18px 50px rgba(31,33,36,.06)} #am-home .psearch input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:18px;color:var(--g)} #am-home .psearch input::placeholder{color:#7A7F85} #am-home .hints{margin-top:14px;font-size:14px;color:var(--t2);display:flex;flex-wrap:wrap;gap:8px 16px} #am-home .hints a{color:var(--g);border-bottom:1px solid rgba(31,33,36,.25)} #am-home .tabs-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:56px 0 24px;flex-wrap:wrap} #am-home .seg{display:inline-flex;background:#E6E8EA;border-radius:10px;padding:4px} #am-home .tab{height:40px;padding:0 18px;border-radius:8px;font-size:15px;font-weight:500;color:var(--t2)} #am-home .tab.on{background:#fff;color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.08)} #am-home .arrows{display:flex;gap:8px} #am-home .nav-btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--g)} #am-home .nav-btn:hover:not(:disabled){border-color:var(--g)} #am-home .nav-btn:disabled{opacity:.3;cursor:default} #am-home .view{overflow:hidden;margin:-6px;padding:6px} #am-home .track{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;transition:transform .6s var(--ease)} #am-home .bt{flex:0 0 168px;aspect-ratio:1/1;border-radius:14px;background:#fff;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s,border-color .2s} #am-home .bt:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07);border-color:rgba(31,33,36,.2)} #am-home .bt-n{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.1;text-align:center} #am-home .bt-c{font-size:13px;color:var(--t2)} #am-home .bt-logo{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:4px 2px 8px} #am-home .bt-logo img{display:block;max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain} #am-home .bt-l .bt-c{text-align:center} #am-home .bt-own{background:#fff;border:2px solid #2E9B47} #am-home .bt-own .bt-c{color:var(--t2);text-align:center} #am-home .bt-own .bt-own-t{color:#2E9B47} #am-home .bt-own-t{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase} #am-home .bt-all{background:var(--g);border-color:transparent;color:#fff!important} #am-home .bt-all .bt-c{color:#A9ADB2} #am-home .cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #am-home .ct{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s} #am-home .ct:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07)} #am-home .ct-i{width:48px;height:48px;border-radius:10px;background:var(--bg2);display:flex;align-items:center;justify-content:center} #am-home .ct b{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2} #am-home .ct span{font-size:13px;color:var(--t2);margin-top:4px;display:block} #am-home .parts-foot{margin-top:40px} /* loyalty */ #am-home .loy-h{font-size:clamp(28px,3.1vw,40px)} #am-home .loy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center} #am-home .ben{list-style:none;padding:0;margin:34px 0 40px} #am-home .ben li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:16px 0;border-top:1px solid var(--lined)} #am-home .ben li::before{content:"";grid-row:1/span 2;width:7px;height:7px;border-radius:50%;background:var(--y);margin-top:9px} #am-home .ben b{font-size:17px;font-weight:600;color:#fff} #am-home .ben span{font-size:15px;color:#A9ADB2;margin-top:2px} #am-home .lsteps{list-style:none;padding:0;margin:32px 0 0;counter-reset:none} #am-home .lsteps li{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:start;padding:18px 0;border-top:1px solid var(--lined)} #am-home .ls-n{font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--y);font-variant-numeric:tabular-nums} #am-home .ls-i{display:flex;width:44px;height:44px;border-radius:12px;background:rgba(255,210,0,.12);align-items:center;justify-content:center} #am-home .lsteps strong{display:block;font-size:17px;font-weight:600;color:#fff;margin-bottom:3px} #am-home .lsteps li>span{font-size:15px;color:#A9ADB2;line-height:1.45} #am-home .lx{display:flex;flex-wrap:wrap;gap:10px 22px;padding:18px 0 34px;border-top:1px solid var(--lined);font-size:14px;color:#D6D8DB} #am-home .lx span{display:inline-flex;align-items:center;gap:8px} #am-home .lkc{position:relative;border-radius:20px;padding:28px 30px 26px;overflow:hidden;color:#F5F5F6;background:radial-gradient(120% 120% at 90% 0%,#3A3D42 0%,#24272B 45%,#16171A 100%);box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(226,181,75,.35)} #am-home .lkc::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:40%;pointer-events:none;z-index:3;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,240,190,.08) 35%,rgba(255,250,225,.26) 50%,rgba(255,240,190,.08) 65%,rgba(255,255,255,0) 100%);transform:translateX(-160%) skewX(-18deg);animation:amh-lcFlash 5.5s cubic-bezier(.45,.05,.25,1) infinite} #am-home .lkc>*{position:relative;z-index:1} #am-home .lkc-wm{position:absolute!important;right:-70px;bottom:-80px;width:58%;opacity:.06;z-index:0!important;pointer-events:none} #am-home .lkc-top{display:flex;justify-content:space-between;align-items:center;gap:12px} #am-home .lkc-who{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600} #am-home .lkc-who i{display:block;font-style:normal;font-size:12px;font-weight:500;color:#9BD3A7;margin-top:2px} #am-home .lkc-who i::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5FBF77;margin-right:6px;vertical-align:1px} #am-home .lkc-logo{width:40px;height:auto;display:block} #am-home .lkc-pill{font-size:12px;font-weight:500;color:#E9C772;border:1px solid rgba(226,181,75,.55);border-radius:6px;padding:4px 9px;white-space:nowrap} #am-home .lkc-big{margin-top:26px;display:flex;align-items:baseline;justify-content:space-between;gap:16px} #am-home .lkc-lab{font-size:14px;color:#A9ADB2} #am-home .lkc-pct{font-size:clamp(56px,6vw,76px);font-weight:600;letter-spacing:-.05em;line-height:.9;background:linear-gradient(100deg,#FBE7A1,#E2B54B 45%,#F7DC8A 70%,#C99434);-webkit-background-clip:text;background-clip:text;color:transparent} #am-home .lkc-seg{display:grid;grid-template-columns:11fr 4fr;gap:4px;margin-top:20px;height:8px} #am-home .lkc-seg i{display:block;border-radius:4px} #am-home .lkc-seg .s1{background:linear-gradient(90deg,#B9852C,#E2B54B)} #am-home .lkc-seg-1{grid-template-columns:1fr} #am-home .lkc-seg-1 .s1{background:linear-gradient(90deg,#B9852C,#E2B54B 60%,#F7DC8A)} #am-home .lkc-seg .s2{background:linear-gradient(90deg,#E2B54B,#F7DC8A)} #am-home .lkc-seg-l{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:#A9ADB2} #am-home .lkc-seg-l b{color:#fff;font-weight:600} #am-home .lkc-team{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:14px;color:#E6E7E9} #am-home .lkc-team em{display:block;font-style:normal;font-size:12px;color:#8E9297;margin-top:1px} #am-home .lkc-av{display:flex} #am-home .lkc-av i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:600;color:#1F2124;background:linear-gradient(135deg,#F7DC8A,#C99434);border:2px solid #24272B;margin-left:-8px} #am-home .lkc-av i:first-child{margin-left:0} #am-home .lkc-av i:last-child{background:#3A3D42;color:#E9C772} #am-home .lkc-list{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)} #am-home .lkc-cap{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8E9297;margin-bottom:6px} #am-home .lkc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)} #am-home .lkc-it{font-size:15px;color:#E6E7E9} #am-home .lkc-pr{display:flex;align-items:baseline;gap:10px;white-space:nowrap} #am-home .lkc-pr s{font-size:13px;color:#7C8086} #am-home .lkc-pr b{font-size:17px;font-weight:600;color:#fff} #am-home .lkc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;font-size:13px;color:#A9ADB2} #am-home .lkc-bars{display:flex;align-items:flex-end;gap:4px;height:28px} #am-home .lkc-bars i{width:7px;border-radius:2px;background:linear-gradient(180deg,#F7DC8A,#B9852C)} #am-home .lkc-bars i:nth-child(1){height:30%;opacity:.35}#am-home .lkc-bars i:nth-child(2){height:48%;opacity:.5}#am-home .lkc-bars i:nth-child(3){height:66%;opacity:.7}#am-home .lkc-bars i:nth-child(4){height:84%;opacity:.85}#am-home .lkc-bars i:nth-child(5){height:100%} /* Двигатели */ #am-home .eng-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:40px} #am-home .eng-acc{position:relative;white-space:nowrap;background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%)} #am-home .eng-f{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #am-home .eng-f li{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line)} #am-home .eng-ic{width:44px;height:44px;border-radius:12px;background:var(--y);color:var(--g);display:flex;align-items:center;justify-content:center} #am-home .eng-f b{display:block;font-size:26px;line-height:1.05;font-weight:600;letter-spacing:-.03em} #am-home .eng-f li>span:last-child>span{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--t2)} #am-home .eng-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #am-home .eng-c{position:relative;display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s} #am-home .eng-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,33,36,.10);border-color:transparent} #am-home .eng-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;overflow:hidden} #am-home .eng-ph img{width:100%;height:100%;object-fit:contain;padding:12px 20px 0;transition:transform .6s var(--ease)} #am-home .eng-c:hover .eng-ph img{transform:scale(1.04)} #am-home .eng-ph-e{background:var(--bg2)} #am-home .eng-ph-e img{width:auto;height:auto;max-width:52%;max-height:28%;padding:0;opacity:.9} #am-home .eng-bd{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;border-top:1px solid var(--line)} #am-home .eng-logo{height:32px;display:flex;align-items:center} #am-home .eng-logo img{max-height:30px;max-width:130px;width:auto;height:auto;object-fit:contain} #am-home .eng-cb b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em} #am-home .eng-cb span{display:block;margin-top:6px;font-size:14px;color:var(--t2)} #am-home .eng-go{position:absolute;right:20px;bottom:24px;width:40px;height:40px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .35s var(--ease)} #am-home .eng-c:hover .eng-go{background:var(--y);transform:rotate(-45deg)} #am-home .eng-foot{margin-top:32px} /* Филиалы */ #am-home .br-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px} #am-home .br-lead{max-width:380px} #am-home .br{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;height:600px} #am-home .br-map{position:relative;border-radius:20px;overflow:hidden;background:#E9ECEF;border:1px solid var(--line)} #am-home .br-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} #am-home .br>*{min-width:0} #am-home .br-side{display:flex;flex-direction:column;gap:10px;min-height:0} #am-home .br-all{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--g);cursor:pointer;transition:background .25s,border-color .25s} #am-home .br-all.on{background:var(--g);border-color:var(--g);color:#fff} #am-home .br-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;scrollbar-width:thin} #am-home .br-li{flex:none;position:relative;border-radius:14px;background:var(--bg2);border:1px solid transparent;transition:background .25s,border-color .25s} #am-home .br-li:hover{background:#ECEEF0} #am-home .br-li.on{background:#fff;border-color:var(--g)} #am-home .br-li.on::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--y)} #am-home .br-i{display:block;width:100%;text-align:left;padding:14px 16px 4px;border:0;background:none;font:inherit;color:var(--g);cursor:pointer} #am-home .br-r{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)} #am-home .br-i b{display:block;margin-top:4px;font-size:17px;font-weight:600;letter-spacing:-.015em} #am-home .br-a{display:block;margin-top:2px;font-size:14px;color:var(--t2)} #am-home .br-t{display:inline-block;margin:4px 16px 14px;font-size:14px;font-weight:500;color:var(--g)!important;border-bottom:1px solid rgba(31,33,36,.25)} /* CNH Interbox */ #am-home .ib-sec{padding:72px 0} #am-home .ib{position:relative} #am-home .ib-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;background:#E9ECEF;border:1px solid var(--line)} #am-home .ib-track::-webkit-scrollbar{display:none} #am-home .ib-s{position:relative;display:block;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:2000/908;overflow:hidden;color:#fff!important} #am-home .ib-ph{position:absolute;inset:0;display:block} #am-home .ib-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #am-home .ib-ph::after{content:"";position:absolute;left:0;right:0;top:0;bottom:20%;background:linear-gradient(100deg,rgba(8,20,36,.5) 0%,rgba(8,20,36,.18) 42%,rgba(8,20,36,0) 64%);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);pointer-events:none} #am-home .ib-tx{position:absolute;z-index:2;left:clamp(24px,4.6vw,56px);top:clamp(24px,4.4vw,52px);max-width:62%;display:flex;flex-direction:column;align-items:flex-start;gap:24px} #am-home .ib-h{display:block;font-size:clamp(24px,3vw,40px);line-height:1.02;font-weight:600;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.28)} #am-home .ib-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:10px;background:var(--y);color:var(--g);font-size:16px;font-weight:500;letter-spacing:-.01em;transition:background .2s} #am-home .ib-s:hover .ib-cta{background:var(--y2)} #am-home .ib-logo{position:absolute;z-index:2;left:clamp(24px,4.6vw,56px);bottom:clamp(16px,2.4vw,28px);height:clamp(16px,2vw,24px);width:auto;padding:9px 14px;box-sizing:content-box;background:#fff;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.12)} #am-home .ib-s1 .ib-logo{display:none} #am-home .ib-s2 .ib-ph::after{background:linear-gradient(100deg,rgba(8,14,22,.62) 0%,rgba(8,14,22,.32) 42%,rgba(8,14,22,0) 66%)} #am-home .ib-s3 .ib-ph::after{background:linear-gradient(100deg,rgba(8,14,22,.82) 0%,rgba(8,14,22,.6) 36%,rgba(8,14,22,0) 62%)} #am-home .ib-ctl{display:flex;justify-content:space-between;align-items:center;margin-top:20px} #am-home .ib-dots{display:flex;gap:8px} #am-home .ib-dots button{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:5px;background:rgba(31,33,36,.16);overflow:hidden;cursor:pointer;transition:width .45s var(--ease)} #am-home .ib-dots button.on{width:48px} #am-home .ib-dots button i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--g)} #am-home .ib-dots button.on i{width:100%} #am-home .ib.run .ib-dots button.on i{width:0;animation:amh-ibFill 6s linear forwards} #am-home .ib.paused .ib-dots button.on i{animation-play-state:paused} @keyframes amh-ibFill{to{width:100%}} @media (prefers-reduced-motion:reduce){#am-home .lkc::after{animation:none;opacity:0}} #am-home .lcard{position:relative;aspect-ratio:1.586/1;border-radius:18px;background:radial-gradient(120% 140% at 85% 0%,#3A3D42 0%,#24272B 45%,#16171A 100%);color:#F5F5F6;padding:30px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(226,181,75,.35)} #am-home .lcard::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:45%;pointer-events:none;z-index:2;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,240,190,.10) 35%,rgba(255,250,225,.38) 50%,rgba(255,240,190,.10) 65%,rgba(255,255,255,0) 100%);transform:translateX(-160%) skewX(-18deg);animation:amh-lcFlash 4.5s cubic-bezier(.45,.05,.25,1) infinite} @keyframes amh-lcFlash{0%{transform:translateX(-160%) skewX(-18deg)}38%{transform:translateX(330%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}} @media (prefers-reduced-motion:reduce){#am-home .lcard::after{animation:none;opacity:0}} #am-home .lc-logo{width:64px;height:auto;display:block} #am-home .lc-wm{position:absolute;right:-60px;bottom:-70px;width:62%;opacity:.07;pointer-events:none} #am-home .lc-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1} #am-home .lc-name{display:block;margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(100deg,#FBE7A1,#E2B54B 45%,#F7DC8A 70%,#C99434);-webkit-background-clip:text;background-clip:text;color:transparent} #am-home .lc-lvl{font-size:12px;font-weight:500;color:#E9C772;border:1px solid rgba(226,181,75,.55);border-radius:6px;padding:4px 9px} #am-home .lc-bal{font-size:56px;font-weight:600;letter-spacing:-.045em;line-height:1;position:relative;z-index:1} #am-home .lc-bal u{text-decoration:none;font-size:.32em;font-weight:500;margin-left:.2em;letter-spacing:-.01em;color:#A9ADB2} #am-home .lc-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;position:relative;z-index:1} #am-home .lc-bar i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#B9852C,#F7DC8A);border-radius:3px} #am-home .lc-foot{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;position:relative;z-index:1;color:#A9ADB2} #am-home .park{margin-top:20px;background:var(--g2);border:1px solid var(--lined);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px} #am-home .park-i{width:44px;height:44px;border-radius:10px;background:var(--g3);display:flex;align-items:center;justify-content:center;flex:0 0 auto} #am-home .park b{display:block;font-size:15px;font-weight:600} #am-home .park span{display:block;font-size:13px;color:#A9ADB2} #am-home .park .more{margin-left:auto;font-size:14px;white-space:nowrap} /* service */ #am-home .tp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center} #am-home .shot{border-radius:14px;overflow:hidden;min-height:520px;position:relative} #am-home .shot .ph{position:absolute;inset:0;aspect-ratio:auto} #am-home .tp-rev>.shot,#am-home .tp-rev>.rf-grid{order:-1} #am-home .rf-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:600px} #am-home .rf-grid figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#2A2D31} #am-home .rf-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #am-home .rf-a{grid-row:1/span 2} #am-home .rf-one{grid-template-columns:1fr;grid-template-rows:1fr} #am-home .rf-one .rf-a{grid-row:auto} #am-home .rf-one .rf-a img{object-position:50% 45%} #am-home .rf-a img{object-position:50% 30%} #am-home .rf-b img{object-position:50% 45%} #am-home .rf-c img{object-position:40% 50%} #am-home .rf-grid figcaption{position:absolute;left:14px;bottom:14px;right:14px;font-size:13px;font-weight:500;color:#fff;background:rgba(20,21,23,.72);backdrop-filter:blur(8px);border-radius:6px;padding:7px 10px;width:max-content;max-width:calc(100% - 28px)} #am-home .list{list-style:none;padding:0;margin:30px 0 36px} #am-home .list li{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:16px;color:var(--t2);line-height:1.4} #am-home .list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--y);flex:0 0 auto;margin-top:8px} #am-home .list li b{color:var(--g);font-weight:600} /* more directions */ #am-home .dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #am-home .dc{display:flex;flex-direction:column;gap:14px;padding:32px 30px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--g)!important;min-height:300px;transition:transform .35s var(--ease),box-shadow .35s} #am-home .dc:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(0,0,0,.08)} #am-home .dc-i{width:52px;height:52px;border-radius:12px;background:var(--bg2);display:flex;align-items:center;justify-content:center;margin-bottom:10px} #am-home .dc p{font-size:16px;color:var(--t2)} #am-home .dc .more{margin-top:auto;align-self:flex-start} #am-home #amh-allynav .dc{overflow:hidden;padding-top:0} #am-home .dc-ph{display:block;position:relative;aspect-ratio:16/10;margin:0 -30px 8px;background:#fff;border-bottom:1px solid var(--line)} #am-home .dc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px 10px;transition:transform .6s var(--ease)} #am-home .dc:hover .dc-ph img{transform:scale(1.04)} #am-home .an-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px} #am-home .an-tags i{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--g);background:var(--bg2);border-radius:5px;padding:4px 8px} #am-home .dc:hover .an-tags i{background:var(--y)} #am-home .an-save{display:flex;gap:28px} #am-home .an-save b{display:block;font-size:clamp(30px,3vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums} #am-home .an-save b u{text-decoration:none;color:var(--t2);font-size:.5em;margin-left:.08em} #am-home .an-save span{display:block;font-size:13px;color:var(--t2);margin-top:8px} #am-home .dc-y{background:var(--y);border-color:transparent} #am-home .dc-y .dc-i{background:rgba(31,33,36,.1)} #am-home .dc-y p{color:rgba(31,33,36,.78)} #am-home .dc-y .more{border-color:var(--g)} /* stories */ #am-home .sila-top{margin-bottom:40px} #am-home .sila-sub{display:block;font-size:.42em;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-top:.18em} #am-home .sila-t{font-size:clamp(46px,7.6vw,112px);line-height:.9;font-weight:600;letter-spacing:-.05em;margin:0} #am-home .sila-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;padding-top:28px;border-top:1px solid var(--lined);margin-bottom:56px} #am-home .sila-big{font-size:clamp(22px,2.4vw,30px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff;max-width:500px;text-wrap:balance} #am-home .sila-intro .lead{font-size:17px;line-height:1.6;max-width:520px} #am-home .sila-foot{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:56px;padding-top:32px;border-top:1px solid var(--lined)} #am-home .sila-foot p{font-size:16px;line-height:1.6;color:#A9ADB2;max-width:680px} #am-home .btn-lg{min-height:56px;padding:0 34px;font-size:18px} #am-home .soc-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px} #am-home .soc-row span{font-size:14px;color:#A9ADB2;margin-right:6px} #am-home .soc-btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:500;color:#fff!important;transition:border-color .2s,background .2s,color .2s} #am-home .soc-btn:hover{border-color:var(--y);color:var(--y)!important} #am-home .an-row{gap:14px 28px} #am-home .an-dots{display:none} #am-home .an-row .an-soc{margin-top:0;margin-left:auto} #am-home .an-soc span{color:var(--t2)} #am-home .an-soc .soc-btn{border-color:rgba(31,33,36,.18);color:var(--g)!important} #am-home .an-soc .soc-btn:hover{border-color:var(--g);background:var(--y);color:var(--g)!important} #am-home .sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #am-home .sg .st h4{font-size:17px} #am-home .st{display:flex;flex-direction:column;gap:10px;color:#fff!important} #am-home .st-v{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#2A2D31;margin-bottom:8px} #am-home .st-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform .9s cubic-bezier(.32,.72,0,1)} #am-home .st:hover .st-img{transform:scale(1.04)} #am-home .play{position:absolute;left:50%;top:34%;z-index:2;width:30px;height:30px;margin:-15px 0 0 -12px;display:flex;opacity:.78;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));transition:transform .25s var(--ease),opacity .25s} #am-home .play svg{width:30px;height:30px} #am-home .st:hover .play{opacity:1} #am-home .st:hover .play{transform:scale(1.08)} #am-home .st-ep{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--y)} #am-home .st h4{font-size:19px;font-weight:600;letter-spacing:-.012em;line-height:1.3} #am-home .st-go{font-size:14px;color:#A9ADB2} #am-home .st:hover .st-go{color:#fff} /* news */ #am-home .ng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #am-home .rv-vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px} #am-home .rv-v{display:flex;flex-direction:column;gap:12px;color:var(--g)!important} #am-home .rv-cover{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#2A2D31;background-image:repeating-linear-gradient(112deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px)} #am-home .rv-cover .ph-label{top:24%} #am-home .rv-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)} #am-home .rv-v:hover .rv-cover img{transform:scale(1.04)} #am-home .rv-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;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,.35);transition:transform .3s var(--ease)} #am-home .rv-play svg{width:18px;height:18px;margin-left:2px} #am-home .rv-v:hover .rv-play{transform:scale(1.08)} #am-home .rv-dur{position:absolute;right:12px;bottom:12px;font-size:12px;font-weight:600;color:#fff;background:rgba(20,21,23,.7);border-radius:5px;padding:3px 7px} #am-home .rv-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t2)} #am-home .rv-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g);background:var(--y);border-radius:5px;padding:4px 8px;white-space:nowrap} #am-home .rv-h{font-size:17px;font-weight:600;letter-spacing:-.012em;line-height:1.3} #am-home .rv-who{font-size:14px;color:var(--t2)} #am-home .rv-tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px} #am-home .rv-t{margin:0;display:flex;flex-direction:column;gap:18px;padding:30px 28px 26px;border-radius:16px;background:#fff;border:1px solid var(--line)} #am-home .rv-q{width:32px;height:24px;color:var(--y)} #am-home .rv-t blockquote{margin:0;font-size:17px;line-height:1.55;color:var(--g);flex:1} #am-home .rv-t figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--t2)} #am-home .rv-t figcaption b{display:block;font-size:15px;color:var(--g)} #am-home .rv-t figcaption .rv-tag{margin-left:auto} #am-home .rv-av{flex:0 0 44px;height:44px;border-radius:50%;background:var(--g);color:var(--y);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600} #am-home .rv-cta{margin-top:40px;gap:20px} #am-home .rv-cta>span{font-size:15px;color:var(--t2)} #am-home .nw-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth} #am-home .nw-track .nc{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start} #am-home .nw-track::-webkit-scrollbar{display:none} #am-home .nc .ph.nc-ph{position:relative;overflow:hidden;aspect-ratio:4/3} #am-home .nc:hover .ph-img{transform:scale(1.04)} #am-home .nc h4{font-size:17px} #am-home .nw-prog{display:block;position:relative;height:3px;border-radius:2px;background:var(--line);margin-top:30px;overflow:hidden} #am-home .nw-prog i{position:absolute;left:0;top:0;bottom:0;width:66%;border-radius:2px;background:var(--y);transition:transform .45s var(--ease)} #am-home #amh-news .arrows{display:flex} @keyframes amh-amh-anHint{0%,100%{transform:translateX(0)}45%{transform:translateX(-34px)}70%{transform:translateX(-30px)}} #am-home .nc{display:flex;flex-direction:column;gap:14px;color:var(--g)!important} #am-home .nc .ph{aspect-ratio:3/2;border-radius:14px} #am-home .nc-m{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--t2)} #am-home .nc-t{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g);background:var(--bg2);border-radius:5px;padding:4px 8px} #am-home .nc h4{font-size:19px;font-weight:600;letter-spacing:-.012em;line-height:1.3} #am-home .nc:hover h4{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:4px} /* contact band */ #am-home .subs-sec{padding-top:0} #am-home .subs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:center;background:var(--g);color:#fff;border-radius:22px;padding:48px 52px;position:relative;overflow:hidden} #am-home .subs::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,0,.22) 0%,rgba(255,210,0,0) 68%);pointer-events:none} #am-home .subs>*{position:relative;min-width:0} #am-home .subs .kick{color:#A9ADB2} #am-home .subs .lead{margin-top:16px;color:#A9ADB2;font-size:17px} #am-home .subs-n{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)} #am-home .subs-n b{font-size:clamp(36px,3.6vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--y);font-variant-numeric:tabular-nums} #am-home .subs-n span{font-size:15px;color:#A9ADB2;line-height:1.35} #am-home .subs-r{display:flex;flex-direction:column;gap:10px} #am-home .subs-l{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8E9297} #am-home .subs-l+.subs-g,#am-home .subs-l+.subs-m{margin-top:2px} #am-home .subs-m{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px} #am-home .sb.sb-msg{height:64px;background:var(--y);border-color:var(--y);color:var(--g)!important;font-size:17px} #am-home .sb.sb-msg .sb-i{width:24px;height:24px} #am-home .sb.sb-msg:hover{background:#fff;border-color:#fff} #am-home .subs-g{display:flex;flex-wrap:wrap;gap:10px} #am-home .sb span{display:inline-flex;align-items:center;gap:10px} #am-home .sb-i{width:20px;height:20px;flex:0 0 auto} #am-home .sb-m{display:inline-block;width:20px;height:20px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center} #am-home .sb{display:flex;align-items:center;justify-content:space-between;gap:14px;height:56px;padding:0 18px 0 20px;white-space:nowrap;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:15px;font-weight:600;color:#fff!important;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease)} #am-home .sb>svg{opacity:.55;flex:0 0 auto;transition:opacity .2s,transform .2s} #am-home .sb:hover{background:var(--y);border-color:var(--y);color:var(--g)!important;transform:translateY(-2px)} #am-home .sb:hover>svg{opacity:1;transform:translate(2px,-2px)} #am-home .glow{position:relative;overflow:hidden;background:#F6F5F1;padding:96px 0} #am-home .glow-fx{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;filter:blur(70px)} #am-home .glow-fx i{position:absolute;display:block;border-radius:50%} #am-home .glow-fx i:nth-child(1){width:44%;padding-bottom:44%;left:-6%;top:-18%;background:radial-gradient(circle,rgba(255,210,0,.85) 0%,rgba(255,210,0,0) 66%);animation:amh-bA 15s ease-in-out infinite alternate} #am-home .glow-fx i:nth-child(2){width:38%;padding-bottom:38%;right:-4%;bottom:-30%;background:radial-gradient(circle,rgba(255,225,90,.75) 0%,rgba(255,225,90,0) 66%);animation:amh-bB 19s ease-in-out infinite alternate} #am-home .glow-fx i:nth-child(3){width:30%;padding-bottom:30%;left:40%;top:10%;background:radial-gradient(circle,rgba(31,33,36,.10) 0%,rgba(31,33,36,0) 66%);animation:amh-bA 13s ease-in-out infinite alternate-reverse} @keyframes amh-bA{0%{transform:translate(0,0) scale(1)}40%{transform:translate(22%,14%) scale(1.15)}100%{transform:translate(44%,4%) scale(.92)}} @keyframes amh-bB{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-26%,-12%) scale(1.12)}100%{transform:translate(-40%,6%) scale(.95)}} #am-home .glow .wrap{position:relative;z-index:1} #am-home .band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center} #am-home .ccard{background:#fff;border-radius:14px;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:18px} #am-home .cline{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--t2)} #am-home .cline b{display:block;color:var(--g);font-size:17px;font-weight:600} #am-home .cline svg{flex:0 0 auto;margin-top:2px} /* footer */ #am-home .ft{background:#141517;color:#A9ADB2;padding:72px 0 calc(40px + env(safe-area-inset-bottom));font-size:14px} #am-home .ft-g{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:34px} #am-home .ft h5{margin:0 0 16px;color:#fff;font-size:14px;font-weight:600} #am-home .ft ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px} #am-home .ft a{color:#A9ADB2}#am-home .ft a:hover{color:#fff} #am-home .ft-brand{font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em} #am-home .ft-brand span{display:block;font-size:11px;letter-spacing:.16em;color:var(--y);margin-top:6px;font-weight:500} #am-home .soc{display:flex;gap:10px;margin-top:22px} #am-home .soc a{width:40px;height:40px;border-radius:10px;border:1px solid var(--lined);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff} #am-home .soc a:hover{border-color:var(--y)} #am-home .ft-bot{margin-top:56px;padding-top:24px;border-top:1px solid var(--lined);display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px} /* mobile tab bar (only at phone width) */ #am-home .tabbar{display:none} @media (max-width:1000px){ #am-home .fg,#am-home .dg,#am-home .ng,#am-home .sg{grid-template-columns:repeat(2,minmax(0,1fr))} #am-home .nw-track .nc{flex-basis:calc((100% - 20px)/2)} #am-home .rv-vg,#am-home .rv-tg{grid-template-columns:repeat(2,minmax(0,1fr))} #am-home .cg{grid-template-columns:repeat(2,minmax(0,1fr))} #am-home .track{grid-auto-columns:calc((100% - 48px)/4)} #am-home .bearing{width:280px;height:280px;top:20px;right:-90px} #am-home .nav2,#am-home .city,#am-home .phone{display:none} #am-home .trust-g{grid-template-columns:repeat(2,minmax(0,1fr))} #am-home .tr{border-right:0;padding-left:0!important;border-bottom:1px solid var(--lined)} } @media (max-width:900px){ #am-home .br{grid-template-columns:1fr;height:auto} #am-home .br-map{height:440px} #am-home .br-list{flex-direction:row;overflow-x:auto;overflow-y:visible;padding:0 0 4px;scroll-snap-type:x mandatory;scrollbar-width:none} #am-home .br-list::-webkit-scrollbar{display:none} #am-home .br-li{flex:0 0 240px;scroll-snap-align:start} #am-home .br-sh{flex-direction:column;align-items:flex-start;gap:16px} #am-home .eng-top{grid-template-columns:1fr;gap:28px} #am-home .loy,#am-home .tp,#am-home .band,#am-home .sila-intro{grid-template-columns:1fr;gap:20px} #am-home .subs{grid-template-columns:1fr;gap:28px;padding:36px 32px} #am-home .sila-foot{flex-direction:column;align-items:flex-start;gap:24px} #am-home .an-save{gap:20px;flex-wrap:wrap} #am-home .fc-wide{flex-direction:column} #am-home .fg .fc-wide .ph{flex:none;aspect-ratio:4/3;min-height:0} #am-home .fc-wide .fc-b{padding:28px 28px 30px} #am-home .shot{min-height:340px} #am-home .rf-grid{height:460px} } @media (max-width:600px){ #am-home .br-map{height:340px;border-radius:16px} #am-home .br-li{flex:0 0 72%} #am-home .br-list{margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px} #am-home .br-list.hint .br-li{animation:amh-amh-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #am-home .br-all{height:48px} #am-home .eng-sec{padding:56px 0} #am-home .eng-top{margin-bottom:20px} #am-home .eng-f{grid-template-columns:1fr;gap:8px} #am-home .eng-f li{flex-direction:row;align-items:center;gap:14px;padding:14px 16px} #am-home .eng-f b{font-size:20px} #am-home .eng-f li>span:last-child>span{margin-top:2px;font-size:13px} #am-home .eng-ic{width:40px;height:40px;flex:none} #am-home .eng-g{grid-template-columns:1fr;gap:8px} #am-home .eng-c{flex-direction:row;align-items:center;padding:10px 60px 10px 10px} #am-home .eng-ph{flex:0 0 96px;width:96px;aspect-ratio:1;border-radius:12px;border:1px solid var(--line)} #am-home .eng-ph img{padding:4px} #am-home .eng-ph-e{margin:0;border:0} #am-home .eng-ph-e img{max-width:70%;max-height:30%} #am-home .eng-bd{padding:0 0 0 14px;border-top:0;gap:8px} #am-home .eng-logo{height:20px} #am-home .eng-logo img{max-height:18px;max-width:90px} #am-home .eng-cb b{font-size:16px} #am-home .eng-cb span{font-size:12.5px;margin-top:2px} #am-home .eng-go{top:50%;bottom:auto;margin-top:-18px;right:12px;width:36px;height:36px} #am-home .eng-foot .btn{width:100%} #am-home .ib-sec{padding:48px 0} #am-home .ib-track{border-radius:16px} #am-home .ib-s{aspect-ratio:auto;display:flex;flex-direction:column} #am-home .ib-tx{position:relative;left:auto;top:auto;max-width:none;padding:22px 20px 26px;background:linear-gradient(180deg,rgba(8,20,36,.5),rgba(8,20,36,0)),linear-gradient(90deg,var(--c1),var(--c2) 60%,var(--c3))} #am-home .ib-h{font-size:22px;line-height:1.08} #am-home .ib-h br{display:none} #am-home .ib-cta{display:none} #am-home .ib-ph{position:relative;inset:auto;aspect-ratio:2000/908} #am-home .ib-ph::after{display:none} #am-home .ib-s2 .ib-ph::before,#am-home .ib-s3 .ib-ph::before{height:20%} #am-home .ib-ph::before{content:"";position:absolute;z-index:1;left:0;right:0;top:-1px;height:48%;background:linear-gradient(90deg,var(--c1),var(--c2) 60%,var(--c3));-webkit-mask-image:linear-gradient(180deg,#000 8%,transparent);mask-image:linear-gradient(180deg,#000 8%,transparent);pointer-events:none} #am-home .ib-logo{height:13px;padding:6px 9px;left:12px;bottom:10px;border-radius:6px} #am-home .ib-ctl{margin-top:14px;justify-content:center} #am-home #amh-allynav .dg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch} #am-home #amh-allynav .dg::-webkit-scrollbar{display:none} #am-home #amh-allynav .dc{flex:0 0 82%;scroll-snap-align:start;min-height:0;padding:0 22px 24px} #am-home #amh-allynav .dc-ph{margin:0 -22px 6px} #am-home #amh-allynav .dg.hint .dc{animation:amh-amh-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} @keyframes amh-amh-anHint{0%,100%{transform:translateX(0)}45%{transform:translateX(-34px)}70%{transform:translateX(-30px)}} #am-home .an-dots{display:flex;justify-content:center;gap:6px;margin-top:16px} #am-home .an-dots i{width:6px;height:6px;border-radius:3px;background:rgba(31,33,36,.18);transition:width .35s var(--ease),background .35s} #am-home .an-dots i.on{width:22px;background:var(--g)} #am-home .an-row .an-soc{margin-left:0} #am-home .an-soc>span{flex-basis:100%;margin:0 0 4px;font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--g)!important} #am-home .wrap{padding:0 16px} #am-home .sec,#am-home .glow{padding:68px 0} #am-home .hd-in{height:64px;gap:10px} #am-home .logo{height:42px} #am-home .cat-btn span,#am-home .hd-ic span{display:none} #am-home .cat-btn{width:46px;padding:0;justify-content:center} #am-home .search .go{display:none} #am-home .search{padding-right:12px} #am-home .hd-ic{min-width:40px} #am-home .hd .acc,#am-home .hd .cart{display:none} #am-home .hero{min-height:auto} #am-home .hero-in{padding:280px 0 40px} #am-home .hero-photo{object-position:22% 0%;height:420px;bottom:auto} #am-home .hero-shade{background:linear-gradient(180deg,rgba(14,15,17,0) 0px,rgba(14,15,17,0) 180px,rgba(14,15,17,.88) 340px,#17191B 420px,#17191B 100%)} #am-home .hero .row .btn,#am-home .loy .row .btn,#am-home .band .row .btn{width:100%} #am-home .lsteps li{grid-template-columns:64px 1fr;gap:12px} #am-home .lsteps br{display:none} #am-home .loy{display:flex;flex-direction:column;gap:0;align-items:stretch} #am-home .loy>div:first-child{display:contents} #am-home .loy .kick{order:1}#am-home .loy .h2{order:2}#am-home .loy .lead{order:3}#am-home .loy>div:last-child{order:4;margin-top:24px}#am-home .loy .lsteps{order:5}#am-home .loy .lx{order:6}#am-home .loy .row{order:7} #am-home .ls-n{font-size:24px} #am-home .lkc{padding:22px 20px} #am-home .lkc-row{flex-direction:column;align-items:flex-start;gap:2px} #am-home .lkc-seg-l{flex-direction:column;gap:4px} #am-home .video-tag{display:none} #am-home .fg,#am-home .dg,#am-home .ng,#am-home .sg{grid-template-columns:1fr} #am-home .nw-track{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} #am-home .nw-track .nc{flex:0 0 78%;scroll-snap-align:start} #am-home .nw-track.hint .nc{animation:amh-amh-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #am-home .nw-prog{display:block;margin-top:18px} #am-home .sl-prog{margin-top:14px} #am-home .rv-vg.hint .rv-v,#am-home .view.hint .bt,#am-home .xs-track.hint .xt{animation:amh-amh-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #am-home .bearing{width:130px;height:130px;top:-22px;right:-50px} #am-home .seg{display:flex;width:100%} #am-home .seg .tab{flex:1;white-space:nowrap;padding:0 10px;font-size:14px} #am-home .rv-vg,#am-home .rv-tg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px 6px;scroll-padding:0 16px} #am-home .rv-v,#am-home .rv-t{flex:0 0 84%;scroll-snap-align:start} #am-home .rv-tg{margin-top:28px} #am-home .rv-t{padding:24px 20px 20px} #am-home .rv-t blockquote{font-size:16px} #am-home .rv-cta>span{display:none} #am-home .rv-play{width:38px;height:38px;margin:-19px 0 0 -19px} #am-home .rv-play svg{width:15px;height:15px} #am-home .subs{padding:28px 20px;border-radius:18px} #am-home .subs-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #am-home .sb{height:52px;min-width:0;padding:0 14px} #am-home .subs>*{min-width:0} #am-home .sb.sb-msg{height:56px;font-size:15px} #am-home .sb.sb-msg .sb-i{width:20px;height:20px} #am-home .view{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} #am-home .track{transform:none!important} #am-home .track{grid-auto-columns:132px;gap:10px} #am-home .bt{scroll-snap-align:start;padding:12px} #am-home .arrows{display:none} #am-home .xt{flex-basis:156px} #am-home .xs-track{scroll-padding:0 6px} #am-home .psearch{padding-left:16px} #am-home .psearch input{font-size:16px} #am-home .ft-g{grid-template-columns:1fr 1fr} #am-home .tabbar{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);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))} #am-home .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--t2);padding:4px 0;min-height:44px;justify-content:center} #am-home .tabbar a.on{color:var(--g);font-weight:600} #am-home .tabbar a.on svg{color:var(--g)} #am-home .ft{padding-bottom:110px} } @media (prefers-reduced-motion:reduce){ #am-home .glow-fx i{animation:none} #am-home #amh-allynav .dg.hint .dc{animation:none} #am-home .nw-track.hint .nc{animation:none} #am-home .rv-vg.hint .rv-v,#am-home .view.hint .bt,#am-home .xs-track.hint .xt,#am-home .br-list.hint .br-li{animation:none} #am-home .track,#am-home .fc,#am-home .bt,#am-home .ct,#am-home .dc{transition:none} #am-home .ib.run .ib-dots button.on i{animation:none;width:100%} } #am-home [hidden]{display:none!important} /* Изоляция от темы Aspro — только новая главная. */ /* Старый скрипт главной задаёт inline-градиент и тень штатной шапке. */ body.am-home-v2 .header_wrap .header-wrapper{background:#fff!important;box-shadow:none!important} body.am-home-v2 .wrapper_inner.front{max-width:none;padding:0} body.am-home-v2 #content .container_inner{display:block;width:100%;padding:0} body.am-home-v2 #content .middle,body.am-home-v2 #content .right_block{width:100%;float:none;margin:0;padding:0} body.am-home-v2 #content .left_block{display:none} #am-home{position:relative;width:100%;overflow:clip} #am-home [hidden]{display:none!important} #am-home h1,#am-home h2,#am-home h3,#am-home h4{font-family:inherit;color:inherit} #am-home a.btn{font-family:inherit;text-transform:none;border-width:0;box-shadow:none} #am-home .btn-o,#am-home .btn-glass{border-width:1px!important;border-style:solid} #am-home .btn:hover{opacity:1} #am-home ul{margin:0;padding:0} #am-home .row{margin-left:0;margin-right:0} #am-home .ph:before,#am-home .nc:before{display:none} #am-home .am-live-products{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0} #am-home .am-live-products a{font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:6px} #am-home .am-live-products a:hover{background:var(--y)} #am-home .am-empty{font-size:16px;color:var(--t2);padding:24px 0} #am-home .am-sale{margin-bottom:32px} #am-home .am-sale .ng{margin-top:24px} #am-home .am-catalog-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} #am-home .am-store-address p{margin:0;color:inherit} #am-home .am-store-address a{color:inherit} #am-home .am-social-settings{display:flex;gap:12px;flex-wrap:wrap} #am-home .am-social-settings .social-icons{display:flex;gap:12px;flex-wrap:wrap} #am-home .lkc-row a{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:600px){#am-home .am-catalog-facts{grid-template-columns:1fr}#am-home .trust-g{grid-template-columns:repeat(2,minmax(0,1fr))}} #am-home .cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #am-home .ct{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--g)} #am-home .ct span span{display:block;font-size:13px;color:var(--t2)} @media(max-width:600px){#am-home .cg{grid-template-columns:1fr}} #am-home .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px} #am-home .am-sale .ng{display:flex;gap:20px;overflow:auto} @media(max-width:600px){#am-home .sec-head{display:block}#am-home .sec-head .more{display:inline-block;margin-top:20px}} #am-home .am-jacto-model-buttons{display:grid;gap:10px;margin:18px 0 16px;min-width:0} #am-home .am-jacto-model-buttons .btn{justify-content:space-between;white-space:normal;text-align:left;line-height:1.35;font-size:16px;padding:12px 20px;max-width:100%} #am-home .am-jacto-model-buttons .arr{flex-shrink:0} /* Флаг brand_tokens: две кнопки моделей Jacto по макету 03.11.2026 (.fc-models) — жёлтая и графитовая во всю ширину. */ #am-home .fc-models{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0} #am-home .fc-models .btn{justify-content:space-between;width:100%;max-width:100%;min-height:50px;white-space:normal;text-align:left;line-height:1.25;padding:10px 20px;gap:16px} #am-home .fc-models .arr{flex-shrink:0} /* Маркеры старой темы не относятся к карточкам нового макета. */ #am-home .eng-f>li::before,#am-home .br-list>.br-li:not(.on)::before{content:none!important;display:none!important} #am-home .br-list>.br-li{padding-left:0;margin:0;list-style:none} /* Aspro list spacing must not change the grid card geometry. */ #am-home .eng-f>li{margin:0!important;min-width:0;list-style:none} #am-home .eng-f>li>span:last-child{min-width:0;max-width:100%} #am-home .eng-f b,#am-home .eng-f li>span:last-child>span{overflow-wrap:anywhere} #am-home .lkc-row a.lkc-it,#am-home .lkc-row a.lkc-it:visited,#am-home .lkc-row a.lkc-it:hover,#am-home .lkc-row a.lkc-it:focus{color:#fff!important;min-width:0;white-space:normal} #am-home .lkc-big .lkc-lab{min-width:0} #am-home .lkc-big .lkc-pct{flex-shrink:0} #am-home .lkc-row a.lkc-it{font-weight:400;font-size:15px} #am-home #amh-account .row::before,#am-home #amh-account .row::after,#am-home #amh-engines .row::before,#am-home #amh-engines .row::after{content:none;display:none} /* 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/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/template_styles.css?179370598725595*/ /* Шаблон сайта «Агро-Мастер» без 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-logo{flex:none;display:block;line-height:0} .amt-logo img{display:block;width:auto;height:52px;margin:0 -6px} .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-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} .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)} .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;padding:8px 12px;border-radius:var(--am-radius-md);background:#fff;line-height:0} .amt-ft-logo img{display:block;width:auto;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, «Формы») */ .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 img{height:44px} .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 img{height:40px} .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:1fr;gap:var(--am-space-7);padding-top:var(--am-space-9)} .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-template-columns:repeat(5,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} } /* End */ /* /b2b/assets/css/disable-oneclick.css?1793719855285 */ /* /include/brand/tokens.css?17937059873264 */ /* /include/mainpage/home-v2/landing.css?179370598763665 */ /* /include/fonts/onest/onest.css?17937059871010 */ /* /include/brand/components.css?17937059874953 */ /* /local/templates/agromaster/template_styles.css?179370598725595 */