/* Start:/b2b/assets/css/disable-oneclick.css?1794490125285*/ /* Покупка в один клик отключена отдельно от окна проверки заказа. */ .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/catalog-landing/landing.css?179386397960678*/ #amt-cl a{color:#1F2124} #amt-cl a:hover{color:#000} #amt-cl{--y:#FFD200;--y2:#F2C200;--g:#1F2124;--g2:#2A2D31;--g3:#34383D;--t2:#5B6066;--t3:#6B7075;--bg2:#F3F4F5;--line:rgba(31,33,36,.10);--lined:rgba(255,255,255,.10);--ease:cubic-bezier(.32,.72,0,1); font-family:"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} #amt-cl *{box-sizing:border-box} #amt-cl h1,#amt-cl h2,#amt-cl h3,#amt-cl h4,#amt-cl p{margin:0} #amt-cl a{text-decoration:none} #amt-cl button{font:inherit;color:inherit;border:0;background:none;cursor:pointer} #amt-cl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #amt-cl .wrap{max-width:1120px;margin:0 auto;padding:0 22px} #amt-cl .sec{padding:96px 0} #amt-cl .h1{font-size:clamp(40px,6.2vw,76px);line-height:1.04;font-weight:600;letter-spacing:-.035em} #amt-cl .h2{font-size:clamp(30px,4vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.03em} #amt-cl .h3{font-size:clamp(22px,2.4vw,28px);line-height:1.16;font-weight:600;letter-spacing:-.02em} #amt-cl .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--t2);letter-spacing:-.012em} #amt-cl .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} #amt-cl .kick{margin-bottom:16px} #amt-cl .kick::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--y)} #amt-cl .dark{background:var(--g);color:#F5F5F6} #amt-cl .dark .lead{color:#A9ADB2} #amt-cl .dark .kick{color:#A9ADB2} #amt-cl .grey{background:var(--bg2)} #amt-cl .yel{color:var(--y)} #amt-cl .mark{background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%);padding:0 .06em} #amt-cl .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} #amt-cl .btn:active{transform:scale(.97)} #amt-cl .btn-y{background:var(--y);color:var(--g)!important} #amt-cl .btn-y:hover{background:var(--y2)} #amt-cl .btn-g{background:var(--g);color:#fff!important} #amt-cl .btn-g:hover{background:#000} #amt-cl .btn-o{border:1px solid var(--g);color:var(--g)!important} #amt-cl .btn-o:hover{background:var(--g);color:#fff!important} #amt-cl .btn-glass{color:#fff!important;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06)} #amt-cl .btn-glass:hover{background:rgba(255,255,255,.14)} #amt-cl .btn .arr{transition:transform .2s} #amt-cl .btn:hover .arr{transform:translateX(3px)} #amt-cl .row{display:flex;flex-wrap:wrap;gap:14px;align-items:center} #amt-cl .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} #amt-cl .dark .more{color:#fff} #amt-cl .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap} #amt-cl .loy-h{font-size:clamp(28px,3.1vw,40px)} #amt-cl .loy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center} #amt-cl .ben{list-style:none;padding:0;margin:34px 0 40px} #amt-cl .ben li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:16px 0;border-top:1px solid var(--lined)} #amt-cl .ben li::before{content:"";grid-row:1/span 2;width:7px;height:7px;border-radius:50%;background:var(--y);margin-top:9px} #amt-cl .ben b{font-size:17px;font-weight:600;color:#fff} #amt-cl .ben span{font-size:15px;color:#A9ADB2;margin-top:2px} #amt-cl .lsteps{list-style:none;padding:0;margin:32px 0 0;counter-reset:none} #amt-cl .lsteps li{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:start;padding:18px 0;border-top:1px solid var(--lined)} #amt-cl .ls-n{font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--y);font-variant-numeric:tabular-nums} #amt-cl .ls-i{display:flex;width:44px;height:44px;border-radius:12px;background:rgba(255,210,0,.12);align-items:center;justify-content:center} #amt-cl .lsteps strong{display:block;font-size:17px;font-weight:600;color:#fff;margin-bottom:3px} #amt-cl .lsteps li>span{font-size:15px;color:#A9ADB2;line-height:1.45} #amt-cl .lx{display:flex;flex-wrap:wrap;gap:10px 22px;padding:18px 0 34px;border-top:1px solid var(--lined);font-size:14px;color:#D6D8DB} #amt-cl .lx span{display:inline-flex;align-items:center;gap:8px} #amt-cl .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)} #amt-cl .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:amtcl-lcFlash 5.5s cubic-bezier(.45,.05,.25,1) infinite} #amt-cl .lkc>*{position:relative;z-index:1} #amt-cl .lkc-wm{position:absolute!important;right:-70px;bottom:-80px;width:58%;opacity:.06;z-index:0!important;pointer-events:none} #amt-cl .lkc-top{display:flex;justify-content:space-between;align-items:center;gap:12px} #amt-cl .lkc-who{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600} #amt-cl .lkc-who i{display:block;font-style:normal;font-size:12px;font-weight:500;color:#9BD3A7;margin-top:2px} #amt-cl .lkc-who i::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5FBF77;margin-right:6px;vertical-align:1px} #amt-cl .lkc-logo{width:40px;height:auto;display:block} #amt-cl .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} #amt-cl .lkc-big{margin-top:26px;display:flex;align-items:baseline;justify-content:space-between;gap:16px} #amt-cl .lkc-lab{font-size:14px;color:#A9ADB2} #amt-cl .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} #amt-cl .lkc-seg{display:grid;grid-template-columns:11fr 4fr;gap:4px;margin-top:20px;height:8px} #amt-cl .lkc-seg i{display:block;border-radius:4px} #amt-cl .lkc-seg .s1{background:linear-gradient(90deg,#B9852C,#E2B54B)} #amt-cl .lkc-seg-1{grid-template-columns:1fr} #amt-cl .lkc-seg-1 .s1{background:linear-gradient(90deg,#B9852C,#E2B54B 60%,#F7DC8A)} #amt-cl .lkc-seg .s2{background:linear-gradient(90deg,#E2B54B,#F7DC8A)} #amt-cl .lkc-seg-l{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:#A9ADB2} #amt-cl .lkc-seg-l b{color:#fff;font-weight:600} #amt-cl .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} #amt-cl .lkc-team em{display:block;font-style:normal;font-size:12px;color:#8E9297;margin-top:1px} #amt-cl .lkc-av{display:flex} #amt-cl .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} #amt-cl .lkc-av i:first-child{margin-left:0} #amt-cl .lkc-av i:last-child{background:#3A3D42;color:#E9C772} #amt-cl .lkc-list{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)} #amt-cl .lkc-cap{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8E9297;margin-bottom:6px} #amt-cl .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)} #amt-cl .lkc-it{font-size:15px;color:#E6E7E9} #amt-cl .lkc-pr{display:flex;align-items:baseline;gap:10px;white-space:nowrap} #amt-cl .lkc-pr s{font-size:13px;color:#7C8086} #amt-cl .lkc-pr b{font-size:17px;font-weight:600;color:#fff} #amt-cl .lkc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;font-size:13px;color:#A9ADB2} #amt-cl .lkc-bars{display:flex;align-items:flex-end;gap:4px;height:28px} #amt-cl .lkc-bars i{width:7px;border-radius:2px;background:linear-gradient(180deg,#F7DC8A,#B9852C)} #amt-cl .lkc-bars i:nth-child(1){height:30%;opacity:.35} #amt-cl .lkc-bars i:nth-child(2){height:48%;opacity:.5} #amt-cl .lkc-bars i:nth-child(3){height:66%;opacity:.7} #amt-cl .lkc-bars i:nth-child(4){height:84%;opacity:.85} #amt-cl .lkc-bars i:nth-child(5){height:100%} @keyframes amtcl-lcFlash{0%{transform:translateX(-160%) skewX(-18deg)}38%{transform:translateX(330%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}} #amt-cl .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} #amt-cl .chip:hover{border-color:var(--g)} #amt-cl .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)} #amt-cl .psearch input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:18px;color:var(--g)} #amt-cl .psearch input::placeholder{color:#7A7F85} #amt-cl .hints{margin-top:14px;font-size:14px;color:var(--t2);display:flex;flex-wrap:wrap;gap:8px 16px} #amt-cl .hints a{color:var(--g);border-bottom:1px solid rgba(31,33,36,.25)} #amt-cl .seg{display:inline-flex;background:#E6E8EA;border-radius:10px;padding:4px} #amt-cl .tab{height:40px;padding:0 18px;border-radius:8px;font-size:15px;font-weight:500;color:var(--t2)} #amt-cl .tab.on{background:#fff;color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.08)} #amt-cl .arrows{display:flex;gap:8px} #amt-cl .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)} #amt-cl .nav-btn:hover:not(:disabled){border-color:var(--g)} #amt-cl .nav-btn:disabled{opacity:.3;cursor:default} #amt-cl .glow{position:relative;overflow:hidden;background:#F6F5F1;padding:96px 0} #amt-cl .glow-fx{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;filter:blur(70px)} #amt-cl .glow-fx i{position:absolute;display:block;border-radius:50%} #amt-cl .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:amtcl-bA 15s ease-in-out infinite alternate} #amt-cl .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:amtcl-bB 19s ease-in-out infinite alternate} #amt-cl .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:amtcl-bA 13s ease-in-out infinite alternate-reverse} @keyframes amtcl-bA{0%{transform:translate(0,0) scale(1)}40%{transform:translate(22%,14%) scale(1.15)}100%{transform:translate(44%,4%) scale(.92)}} @keyframes amtcl-bB{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-26%,-12%) scale(1.12)}100%{transform:translate(-40%,6%) scale(.95)}} #amt-cl .glow .wrap{position:relative;z-index:1} #amt-cl /* ===== Каталог запчастей: стили страницы ===== */ html{scroll-behavior:smooth} #amt-cl{--al:#2E9B47;--al2:#4FB043;--alg:linear-gradient(100deg,#0B8F3F,#55B443)} #amt-cl [id]{scroll-margin-top:136px} #amt-cl .h1c{font-size:clamp(36px,5vw,60px);line-height:1.04;font-weight:600;letter-spacing:-.035em} #amt-cl .lead,#amt-cl .h1c,#amt-cl .h2,#amt-cl .h3,#amt-cl .bal{text-wrap:balance} #amt-cl .sec-head .lead{margin-top:16px;max-width:620px} #amt-cl .sec-head .more{white-space:nowrap} #amt-cl .cnt{font-variant-numeric:tabular-nums} #amt-cl .crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--t3);margin-bottom:26px} #amt-cl .crumbs a{color:var(--t2)} #amt-cl .crumbs a:hover{color:var(--g)} #amt-cl .crumbs i{font-style:normal;color:#B5B9BD} #amt-cl .sea{padding:56px 0 8px} #amt-cl .sea-g{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px} #amt-cl .sea-side{display:grid;grid-template-rows:1fr 1fr;gap:16px} #amt-cl .pc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;border-radius:20px;overflow:hidden;padding:28px;color:var(--g)!important;min-height:200px;transition:transform .35s var(--ease),box-shadow .35s} #amt-cl .pc:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(31,33,36,.12)} #amt-cl .pc-main{min-height:440px;color:#fff!important;background:#17191B;padding:40px} #amt-cl .pc-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .9s var(--ease)} #amt-cl .pc-main:hover img{transform:scale(1.03)} #amt-cl .pc-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,17,.9) 0%,rgba(14,15,17,.72) 40%,rgba(14,15,17,.1) 75%),linear-gradient(0deg,rgba(14,15,17,.5),rgba(14,15,17,0) 50%)} #amt-cl .pc>*{position:relative;z-index:1} #amt-cl .pc-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:5px 10px;background:var(--y);color:var(--g)} #amt-cl .pc-main .pc-tag{position:absolute;top:32px;left:40px} #amt-cl .pc-h{font-size:clamp(28px,3.4vw,44px);line-height:1.05;font-weight:600;letter-spacing:-.03em;max-width:560px;text-wrap:balance} #amt-cl .pc-p{font-size:17px;line-height:1.5;color:#D6D8DB;max-width:500px;text-wrap:pretty} #amt-cl .pc-main .row{margin-top:10px} #amt-cl .pc-y{background:var(--y)} #amt-cl .pc-y .pc-tag{background:var(--g);color:var(--y)} #amt-cl .pc-w{background:var(--bg2)} #amt-cl .pc-n{font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:.9} #amt-cl .pc-s{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.02em;text-wrap:balance} #amt-cl .pc-sm{font-size:14px;color:rgba(31,33,36,.72);line-height:1.4;text-wrap:pretty} #amt-cl .pc-go{position:absolute!important;right:22px;top:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease),background .3s} #amt-cl .pc:hover .pc-go{transform:rotate(-45deg);background:#fff} #amt-cl .pc-ic{position:absolute!important;right:22px;top:22px;width:52px;height:52px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center} #amt-cl .fb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #amt-cl .fbc{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s} #amt-cl .fbc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,33,36,.10);border-color:transparent} #amt-cl .fbc-ph{position:relative;display:block;aspect-ratio:16/11;background:#2A2D31;overflow:hidden} #amt-cl .fbc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)} #amt-cl .fbc:hover .fbc-ph img{transform:scale(1.05)} #amt-cl .fbc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,12,.28),rgba(10,11,12,0) 34%,rgba(10,11,12,0) 60%,rgba(10,11,12,.35))} #amt-cl .fbc-tag{position:absolute;z-index:1;left:12px;top:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--y);color:var(--g);border-radius:5px;padding:4px 8px} #amt-cl .fbc-logo{position:absolute;z-index:1;left:12px;bottom:12px;height:44px;padding:0 12px;border-radius:10px;background:#fff;display:flex;align-items:center;box-shadow:0 4px 16px rgba(0,0,0,.14)} #amt-cl .fbc-logo img{position:static;width:auto;height:auto;max-height:26px;max-width:104px;object-fit:contain;transform:none!important} #amt-cl .fbc-b{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;position:relative;flex:1} #amt-cl .fbc-n{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} #amt-cl .fbc-n u{text-decoration:none;font-size:14px;font-weight:500;color:var(--t2);letter-spacing:-.01em;margin-left:6px} #amt-cl .fbc-s{font-size:14px;color:var(--t2);line-height:1.35;padding-right:40px;text-wrap:balance} #amt-cl .fbc-go{position:absolute;right:16px;bottom:18px;width:36px;height:36px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .35s var(--ease)} #amt-cl .fbc:hover .fbc-go{background:var(--y);transform:rotate(-45deg)} #amt-cl .al-sec{position:relative;overflow:hidden;background:#111214;color:#F5F5F6} #amt-cl .al-sec .lead{color:#A9ADB2} #amt-cl .al-sec .kick{color:#8FD19A} #amt-cl .al-sec .kick::before{background:var(--alg)} #amt-cl .al-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin-bottom:48px} #amt-cl .al-logo{display:block;height:44px;width:auto;margin-bottom:28px} #amt-cl .al-g{color:#6CC46F} #amt-cl .al-ph{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#000} #amt-cl .al-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%} #amt-cl .al-ph figcaption{position:absolute;left:16px;bottom:16px;font-size:13px;font-weight:500;color:#fff;background:rgba(20,21,23,.72);backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px} #amt-cl .al-f{list-style:none;margin:30px 0 34px;padding:0;display:grid;gap:0} #amt-cl .al-f li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)} #amt-cl .al-f li:last-child{border-bottom:1px solid rgba(255,255,255,.08)} #amt-cl .al-i{width:44px;height:44px;border-radius:12px;background:rgba(79,176,67,.14);color:#6CC46F;display:flex;align-items:center;justify-content:center} #amt-cl .al-f b{display:block;font-size:17px;font-weight:600;color:#fff} #amt-cl .al-f span span{display:block;font-size:15px;color:#A9ADB2;margin-top:2px;line-height:1.45;text-wrap:pretty} #amt-cl .btn-al{background:var(--alg);color:#fff!important} #amt-cl .btn-al:hover{filter:brightness(1.08)} #amt-cl .al-sec .btn-glass{border-color:rgba(255,255,255,.22)} #amt-cl .al-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px} #amt-cl .al-head .xs-t{color:#fff} #amt-cl .al-head span{font-size:14px;color:#8E9297} #amt-cl .al-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #amt-cl .alc{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#1C1E21;border:1px solid rgba(255,255,255,.07);color:#fff!important;transition:transform .35s var(--ease),border-color .3s,background .3s} #amt-cl .alc:hover{transform:translateY(-3px);border-color:rgba(108,196,111,.55);background:#202326} #amt-cl .alc-ph{position:relative;display:block;aspect-ratio:4/3;background:#fff;overflow:hidden} #amt-cl .alc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .6s var(--ease)} #amt-cl .alc-ph.dk{background:#000} #amt-cl .alc-ph.dk img{object-fit:cover;padding:0} #amt-cl .alc:hover .alc-ph img{transform:scale(1.05)} #amt-cl .alc-b{padding:14px 16px 16px} #amt-cl .alc-b small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6CC46F} #amt-cl .alc-b b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em;margin-top:4px} #amt-cl .alc-b span{display:block;font-size:13px;color:#8E9297;margin-top:3px} #amt-cl .al-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding:20px 22px;border-radius:16px;background:#1C1E21;border:1px solid rgba(255,255,255,.07)} #amt-cl .al-foot p{font-size:15px;color:#D6D8DB;max-width:640px} #amt-cl .al-foot p b{color:#fff} #amt-cl .al-foot .more{color:#fff;border-color:#6CC46F} #amt-cl .chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:24px} #amt-cl .chips::-webkit-scrollbar{display:none} #amt-cl .chips button{flex:none;height:38px;padding:0 16px;border-radius:19px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:500;color:var(--t2);transition:all .2s} #amt-cl .chips button:hover{border-color:var(--g);color:var(--g)} #amt-cl .chips button.on{background:var(--g);border-color:var(--g);color:#fff} #amt-cl .hg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #amt-cl .pr{position:relative;display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:box-shadow .35s,border-color .3s} #amt-cl .pr:hover{box-shadow:0 14px 34px rgba(31,33,36,.09);border-color:rgba(31,33,36,.16)} #amt-cl .pr-ph{position:relative;display:block;aspect-ratio:1/1;background:#fff} #amt-cl .pr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .6s var(--ease)} #amt-cl .pr:hover .pr-ph img{transform:scale(1.04)} #amt-cl .pr-bd{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:1} #amt-cl .pr-bd i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:4px 7px;background:var(--y);color:var(--g)} #amt-cl .pr-bd i.al{background:#E9F5EB;color:#1F7A35} #amt-cl .pr-fav{position:absolute;right:10px;top:10px;z-index:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9AA0A6;background:rgba(255,255,255,.85)} #amt-cl .pr-fav:hover,#amt-cl .pr-fav.on{color:#E0453A} #amt-cl .pr-fav.on svg{fill:currentColor} #amt-cl .pr-b{display:flex;flex-direction:column;gap:6px;padding:12px 16px 16px;border-top:1px solid var(--line);flex:1} #amt-cl .pr-x{font-size:12px;color:var(--t3);font-variant-numeric:tabular-nums} #amt-cl .pr-n{font-size:15px;font-weight:500;line-height:1.3;color:var(--g)!important;text-wrap:balance} #amt-cl .pr-n:hover{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px;text-underline-offset:3px} #amt-cl .pr-st{display:flex;align-items:center;gap:6px;font-size:13px;color:#2E8B45} #amt-cl .pr-st::before{content:"";width:6px;height:6px;border-radius:50%;background:#3FAE57} #amt-cl .pr-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px} #amt-cl .pr-p b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap} #amt-cl .pr-p span{display:block;font-size:12px;color:var(--t2);white-space:nowrap} #amt-cl .add{flex:none;height:42px;min-width:42px;border-radius:10px;background:var(--y);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;transition:background .2s,transform .2s var(--ease)} #amt-cl .add:hover{background:var(--y2)} #amt-cl .add:active{transform:scale(.95)} #amt-cl .stp{flex:none;display:flex;align-items:center;height:42px;border-radius:10px;background:var(--g);color:#fff} #amt-cl .stp button{width:38px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff} #amt-cl .stp output{min-width:22px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums} #amt-cl .hg-more{display:flex;justify-content:center;margin-top:28px} #amt-cl .pr.is-hidden{display:none} #amt-cl .eg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #amt-cl .ec{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,border-color .35s} #amt-cl .ec:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,33,36,.10);border-color:transparent} #amt-cl .ec-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;background:#fff;overflow:hidden} #amt-cl .ec-ph img{width:100%;height:100%;object-fit:contain;padding:14px 24px 0;transition:transform .6s var(--ease)} #amt-cl .ec:hover .ec-ph img{transform:scale(1.04)} #amt-cl .ec-bd{display:flex;flex-direction:column;gap:12px;padding:18px 22px 22px;border-top:1px solid var(--line)} #amt-cl .ec-logo{height:30px;display:flex;align-items:center} #amt-cl .ec-logo img{max-height:28px;max-width:130px;width:auto;height:auto} #amt-cl .ec-n{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums} #amt-cl .ec-n u{text-decoration:none;font-size:14px;font-weight:500;color:var(--t2);margin-left:6px;letter-spacing:-.01em} #amt-cl .ec-s{font-size:14px;color:var(--t2);padding-right:44px} #amt-cl .ec .fbc-go{bottom:22px;right:20px} #amt-cl .ec:hover .fbc-go{background:var(--y);transform:rotate(-45deg)} #amt-cl .etypes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;align-items:center} #amt-cl .etypes>span{font-size:14px;color:var(--t2);margin-right:4px} #amt-cl .eng-band{display:flex;align-items:center;gap:20px;margin-top:28px;padding:20px 22px;border-radius:16px;background:var(--g);color:#fff} #amt-cl .eng-band .eng-ic{flex:none} #amt-cl .eng-band p{flex:1;font-size:15px;color:#A9ADB2;line-height:1.45} #amt-cl .eng-band p b{display:block;font-size:17px;color:#fff;font-weight:600} #amt-cl .eng-ic{width:44px;height:44px;border-radius:12px;background:var(--y);color:var(--g);display:flex;align-items:center;justify-content:center} #amt-cl .cs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #amt-cl .csc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:280px;padding:24px;border-radius:18px;background:var(--bg2);overflow:hidden;color:var(--g)!important;transition:transform .35s var(--ease),box-shadow .35s,background .3s} #amt-cl .csc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(31,33,36,.10);background:#fff} #amt-cl .csc-ic{width:56px;height:56px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s} #amt-cl .csc:hover .csc-ic{background:var(--y)} #amt-cl .csc-art{position:absolute;right:-30px;top:-20px;width:190px;height:190px;object-fit:contain;opacity:.95;pointer-events:none;transition:transform .9s var(--ease)} #amt-cl .csc:hover .csc-art{transform:rotate(25deg)} #amt-cl .csc b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15} #amt-cl .csc .cnt{display:block;font-size:14px;color:var(--t2);margin-top:6px} #amt-cl .csc em{display:block;font-style:normal;font-size:13px;color:var(--t3);margin-top:10px} #amt-cl .cs2{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} #amt-cl .cs2 a{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:15px;font-weight:500;color:var(--g)!important;transition:border-color .2s} #amt-cl .cs2 a:hover{border-color:var(--g)} #amt-cl .cs2 a span{font-size:13px;font-weight:400;color:var(--t2);font-variant-numeric:tabular-nums} #amt-cl .ob-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px} #amt-cl .ob-search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--line)} #amt-cl .ob-search:focus-within{border-color:var(--g)} #amt-cl .ob-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--g)} #amt-cl .ob-tools .seg{background:#E6E8EA} #amt-cl .ob{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} #amt-cl .obi{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:96px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--g)!important;transition:transform .3s var(--ease),box-shadow .3s,border-color .2s} #amt-cl .obi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.06);border-color:rgba(31,33,36,.2)} #amt-cl .obi b{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.15} #amt-cl .obi img{display:block;max-height:30px;max-width:100px;width:auto;height:auto} #amt-cl .obi span{font-size:13px;color:var(--t2);font-variant-numeric:tabular-nums} #amt-cl .obi.is-off{display:none} #amt-cl .ob-empty{padding:28px;border-radius:14px;background:#fff;border:1px dashed rgba(31,33,36,.2);color:var(--t2);font-size:15px;text-align:center} #amt-cl .ob-more{display:flex;justify-content:center;margin-top:24px} #amt-cl .ar-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth} #amt-cl .ar-track::-webkit-scrollbar{display:none} #amt-cl .arc{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;color:var(--g)!important} #amt-cl .arc-ph{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#2A2D31} #amt-cl .arc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)} #amt-cl .arc:hover .arc-ph img{transform:scale(1.04)} #amt-cl .arc-m{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--t2)} #amt-cl .arc-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} #amt-cl .arc h3{font-size:18px;font-weight:600;letter-spacing:-.012em;line-height:1.3;text-wrap:balance} #amt-cl .arc:hover h3{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:4px} #amt-cl .seo{margin-top:64px;padding-top:48px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px} #amt-cl .seo h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15;font-weight:600;letter-spacing:-.025em;text-wrap:balance} #amt-cl .seo-tx{position:relative;font-size:16px;line-height:1.65;color:var(--t2);max-height:260px;overflow:hidden;transition:max-height .6s var(--ease)} #amt-cl .seo-tx.open{max-height:3000px} #amt-cl .seo-tx:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(255,255,255,0),#fff)} #amt-cl .seo-tx p+p,#amt-cl .seo-tx h3+p,#amt-cl .seo-tx p+h3,#amt-cl .seo-tx ul+p,#amt-cl .seo-tx p+ul{margin-top:14px} #amt-cl .seo-tx h3{font-size:18px;font-weight:600;color:var(--g);margin:24px 0 0} #amt-cl .seo-tx ul{margin:0;padding-left:20px} #amt-cl .seo-tx li+li{margin-top:6px} #amt-cl .seo-tx a{color:var(--g);border-bottom:1px solid rgba(31,33,36,.25)} #amt-cl .seo-btn{margin-top:18px} #amt-cl .pt{position:relative;overflow:hidden;background:#F6F5F1} #amt-cl .pt .wrap{position:relative;z-index:1} #amt-cl .pt-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center} #amt-cl .pt-l{list-style:none;padding:0;margin:30px 0 0} #amt-cl .pt-l li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);font-size:16px;color:var(--t2);line-height:1.45} #amt-cl .pt-l li b{display:block;color:var(--g);font-size:17px;font-weight:600} #amt-cl .pt-n{flex:none;width:36px;height:36px;border-radius:10px;background:var(--y);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--g)} #amt-cl .pf{background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 70px rgba(31,33,36,.10);display:flex;flex-direction:column;gap:14px} #amt-cl .pf-t{font-size:22px;font-weight:600;letter-spacing:-.02em} #amt-cl .pf-l{font-size:13px;font-weight:500;color:var(--t2);margin-bottom:-6px} #amt-cl .pf input{height:52px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);padding:0 16px;font:inherit;font-size:16px;color:var(--g);outline:0;transition:border-color .2s,background .2s} #amt-cl .pf input:focus{border-color:var(--g);background:#fff} #amt-cl .pf-ch{display:flex;flex-wrap:wrap;gap:8px} #amt-cl .pf-ch label{position:relative} #amt-cl .pf-ch input{position:absolute;opacity:0;width:1px;height:1px} #amt-cl .pf-ch span{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s} #amt-cl .pf-ch input:checked+span{background:var(--g);border-color:var(--g);color:#fff} #amt-cl .pf-ch input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px} #amt-cl .pf .btn{width:100%;margin-top:4px} #amt-cl .pf-c{font-size:12px;color:var(--t3);line-height:1.4} #amt-cl .pf-c a{color:var(--t2);border-bottom:1px solid rgba(31,33,36,.2)} #amt-cl .pf-ok{display:none;padding:18px;border-radius:12px;background:#E9F5EB;color:#1F6B33;font-size:15px} #amt-cl .pf.sent .pf-ok{display:block} #amt-cl .pf.sent .pf-hide{display:none} #amt-cl .sl-prog{display:block;position:relative;height:3px;border-radius:2px;background:var(--line);margin-top:26px;overflow:hidden} #amt-cl .sl-prog i{position:absolute;left:0;top:0;bottom:0;width:50%;border-radius:2px;background:var(--y);transition:transform .45s var(--ease)} #amt-cl .al-sec .sl-prog{background:rgba(255,255,255,.1)} #amt-cl .al-sec .sl-prog i{background:#6CC46F} #amt-cl .xs-t{font-size:20px;font-weight:600;letter-spacing:-.015em} @keyframes amtcl-anHint{0%,100%{transform:translateX(0)}45%{transform:translateX(-34px)}70%{transform:translateX(-30px)}} @media (max-width:1000px){ #amt-cl [id]{scroll-margin-top:118px} #amt-cl .fb{grid-template-columns:repeat(2,minmax(0,1fr))} #amt-cl .al-t,#amt-cl .hg{grid-template-columns:repeat(3,minmax(0,1fr))} #amt-cl .cs{grid-template-columns:repeat(2,minmax(0,1fr))} #amt-cl .ob{grid-template-columns:repeat(4,minmax(0,1fr))} #amt-cl .arc{flex-basis:calc((100% - 20px)/2)} } @media (max-width:900px){ #amt-cl .sea-g{grid-template-columns:1fr} #amt-cl .sea-side{grid-template-rows:auto;grid-template-columns:1fr 1fr} #amt-cl .al-hero,#amt-cl .pt-g,#amt-cl .loy,#amt-cl .seo{grid-template-columns:1fr;gap:28px} #amt-cl .eg{grid-template-columns:1fr 1fr 1fr;gap:10px} } @media (max-width:600px){ #amt-cl{font-size:16px} #amt-cl .wrap{padding:0 16px} #amt-cl .sec{padding:56px 0} #amt-cl [id]{scroll-margin-top:110px} #amt-cl .h2{font-size:28px} #amt-cl .sec-head{margin-bottom:22px;gap:12px} #amt-cl .sec-head .more{display:none} #amt-cl .lead{font-size:16px} #amt-cl .kick{margin-bottom:12px!important;font-size:11px} #amt-cl .crumbs{margin-bottom:14px} #amt-cl .h1c{font-size:30px} #amt-cl .psearch input{font-size:16px} #amt-cl .psearch .btn{min-height:44px;padding:0 16px;font-size:15px} #amt-cl .hints{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px;white-space:nowrap} #amt-cl .hints::-webkit-scrollbar{display:none} #amt-cl .hints a{flex:none} #amt-cl .sea{padding:28px 0 0} #amt-cl .sea-g{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px} #amt-cl .sea-g::-webkit-scrollbar{display:none} #amt-cl .sea-side{display:contents} #amt-cl .pc{flex:0 0 74%;scroll-snap-align:start;min-height:220px;padding:20px;border-radius:18px} #amt-cl .pc-main{flex-basis:88%;min-height:380px;padding:22px} #amt-cl .pc-main .pc-tag{top:20px;left:22px} #amt-cl .pc-main::after{background:linear-gradient(0deg,rgba(14,15,17,.92) 0%,rgba(14,15,17,.7) 45%,rgba(14,15,17,.05) 80%)} #amt-cl .pc-h{font-size:26px} #amt-cl .pc-p{font-size:15px} #amt-cl .pc-main .row .btn{width:100%} #amt-cl .pc-main .row .more{display:none} #amt-cl .pc-n{font-size:46px} #amt-cl .sea-g.hint .pc{animation:amtcl-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #amt-cl .sea-dots{display:flex!important} #amt-cl .fb{gap:10px} #amt-cl .fbc{border-radius:14px} #amt-cl .fbc-ph{aspect-ratio:1/1} #amt-cl .fbc-tag{left:8px;top:8px;font-size:9.5px;padding:3px 6px;letter-spacing:.05em} #amt-cl .fbc-logo{left:8px;bottom:8px;height:34px;padding:0 9px;border-radius:8px} #amt-cl .fbc-logo img{max-height:19px;max-width:78px} #amt-cl .fbc-b{padding:10px 12px 12px;gap:3px} #amt-cl .fbc-n{font-size:19px} #amt-cl .fbc-n u{display:block;margin:3px 0 0;font-size:12px} #amt-cl .fbc-s{display:none} #amt-cl .fbc-go{display:none} #amt-cl .al-hero{gap:22px;margin-bottom:28px} #amt-cl .al-logo{height:32px;margin-bottom:20px} #amt-cl .al-ph{order:-1;aspect-ratio:16/9;border-radius:16px} #amt-cl .al-f{margin:20px 0 22px} #amt-cl .al-f li{grid-template-columns:40px 1fr;gap:12px;padding:12px 0} #amt-cl .al-i{width:40px;height:40px} #amt-cl .al-f b{font-size:16px} #amt-cl .al-f span span{font-size:14px} #amt-cl .al-hero .row .btn{width:100%} #amt-cl .al-t{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px} #amt-cl .al-t::-webkit-scrollbar{display:none} #amt-cl .alc{flex:0 0 46%;scroll-snap-align:start;border-radius:14px} #amt-cl .alc-b{padding:10px 12px 12px} #amt-cl .alc-b b{font-size:15px} #amt-cl .al-t.hint .alc{animation:amtcl-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #amt-cl .al-foot{flex-direction:column;align-items:flex-start;gap:12px;padding:16px} #amt-cl .al-foot p{font-size:14px} #amt-cl .chips{margin:0 -16px 16px;padding:0 16px} #amt-cl .chips button{height:36px;padding:0 14px;font-size:13.5px} #amt-cl .hg{grid-template-columns:1fr 1fr;gap:8px} #amt-cl .pr{border-radius:14px} #amt-cl .pr-ph img{padding:8px} #amt-cl .pr-bd{left:8px;top:8px} #amt-cl .pr-bd i{font-size:9.5px;padding:3px 6px} #amt-cl .pr-fav{right:4px;top:4px;width:32px;height:32px} #amt-cl .pr-b{padding:10px 10px 10px;gap:4px} #amt-cl .pr-n{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #amt-cl .pr-x{font-size:11px} #amt-cl .pr-st{font-size:12px} #amt-cl .pr-f{flex-direction:column;align-items:stretch;gap:8px} #amt-cl .pr-p b{font-size:17px} #amt-cl .pr-p span{font-size:11px} #amt-cl .add{width:100%;height:38px} #amt-cl .add .add-t{display:inline} #amt-cl .stp{height:38px;justify-content:space-between} #amt-cl .stp button{height:38px} #amt-cl .hg-more .btn{width:100%} #amt-cl .eg{grid-template-columns:1fr;gap:8px} #amt-cl .ec{flex-direction:row;align-items:center;padding:10px 56px 10px 10px;border-radius:16px} #amt-cl .ec-ph{flex:0 0 88px;width:88px;aspect-ratio:1;border-radius:12px;border:1px solid var(--line)} #amt-cl .ec-ph img{padding:4px} #amt-cl .ec-bd{padding:0 0 0 14px;border-top:0;gap:6px} #amt-cl .ec-logo{height:18px} #amt-cl .ec-logo img{max-height:17px;max-width:86px} #amt-cl .ec-n{font-size:19px} #amt-cl .ec-n u{font-size:12px} #amt-cl .ec-s{font-size:12.5px;padding:0} #amt-cl .ec .fbc-go{top:50%;bottom:auto;margin-top:-18px;right:12px} #amt-cl .etypes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:18px -16px 0;padding:0 16px} #amt-cl .etypes::-webkit-scrollbar{display:none} #amt-cl .etypes>span{display:none} #amt-cl .etypes .chip{flex:none} #amt-cl .eng-band{flex-wrap:wrap;gap:14px;padding:18px} #amt-cl .eng-band p{flex-basis:calc(100% - 58px)} #amt-cl .eng-band .btn{width:100%} #amt-cl .cs{gap:8px} #amt-cl .csc{min-height:178px;padding:16px;gap:16px;border-radius:16px} #amt-cl .csc-ic{width:44px;height:44px;border-radius:12px} #amt-cl .csc-ic svg{width:24px;height:24px} #amt-cl .csc-art{width:120px;height:120px;right:-26px;top:-18px} #amt-cl .csc b{font-size:17px} #amt-cl .csc .cnt{font-size:12.5px;margin-top:3px} #amt-cl .csc em{display:none} #amt-cl .cs2{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px -16px 0;padding:0 16px} #amt-cl .cs2::-webkit-scrollbar{display:none} #amt-cl .cs2 a{flex:none;height:44px} #amt-cl .ob-tools{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px} #amt-cl .ob-search{max-width:none} #amt-cl .ob-tools .seg{display:flex} #amt-cl .ob-tools .seg .tab{flex:1} #amt-cl .ob{display:block;background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden} #amt-cl .obi{flex-direction:row;align-items:center;min-height:54px;padding:0 40px 0 16px;border-radius:0;border:0;border-bottom:1px solid var(--line);position:relative} #amt-cl .obi:last-child{border-bottom:0} #amt-cl .obi::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #B5B9BD;border-top:2px solid #B5B9BD;transform:translateY(-50%) rotate(45deg)} #amt-cl .obi:hover{transform:none;box-shadow:none} #amt-cl .obi img{max-height:22px;max-width:84px} #amt-cl .obi b{font-size:15px} #amt-cl .ob-more .btn{width:100%} #amt-cl .hero .row .btn,#amt-cl .loy .row .btn{width:100%} #amt-cl .lsteps li{grid-template-columns:64px 1fr;gap:12px} #amt-cl .loy{display:flex;flex-direction:column;gap:0;align-items:stretch} #amt-cl .loy>div:first-child{display:contents} #amt-cl .loy .kick{order:1} #amt-cl .loy .h2{order:2} #amt-cl .loy .lead{order:3} #amt-cl .loy>div:last-child{order:4;margin-top:24px} #amt-cl .loy .lsteps{order:5} #amt-cl .loy .lx{order:6} #amt-cl .loy .row{order:7} #amt-cl .ls-n{font-size:24px} #amt-cl .lkc{padding:22px 20px} #amt-cl .lkc-row{flex-direction:column;align-items:flex-start;gap:2px} #amt-cl .ar-track{gap:12px;margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px} #amt-cl .arc{flex-basis:76%} #amt-cl .arc h3{font-size:16px} #amt-cl .ar-track.hint .arc{animation:amtcl-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #amt-cl .seo{margin-top:40px;padding-top:32px;gap:14px} #amt-cl .seo-tx{font-size:15px;max-height:200px} #amt-cl .seo-btn{width:100%} #amt-cl .pf{padding:20px;border-radius:18px} #amt-cl .pt-l li{font-size:15px} #amt-cl .sl-prog{margin-top:14px} #amt-cl .arrows{display:none} #amt-cl{padding-bottom:calc(66px + env(safe-area-inset-bottom))} } #amt-cl .sea-dots{display:none;justify-content:center;gap:6px;margin-top:14px} #amt-cl .sea-dots i{width:6px;height:6px;border-radius:3px;background:rgba(31,33,36,.18);transition:width .35s var(--ease),background .35s} #amt-cl .sea-dots i.on{width:22px;background:var(--g)} @media (prefers-reduced-motion:reduce){ #amt-cl .sea-g.hint .pc,#amt-cl .al-t.hint .alc,#amt-cl .ar-track.hint .arc{animation:none} #amt-cl .fbc,#amt-cl .alc,#amt-cl .ec,#amt-cl .csc,#amt-cl .pc{transition:none} } #amt-cl [hidden]{display:none!important} #amt-cl .btn-y{background:var(--y)} #amt-cl .btn-y:hover{background:var(--y2)} #amt-cl .btn-o{border:1px solid var(--g)} #amt-cl .btn-o:hover{background:var(--g);color:#fff!important} #amt-cl .add{background:var(--y)} #amt-cl .add:hover{background:var(--y2)} #amt-cl .stp{background:var(--g)} #amt-cl .chips button{border:1px solid var(--line);background:#fff} #amt-cl .chips button.on{background:var(--g);border-color:var(--g);color:#fff} #amt-cl .pr-fav{background:rgba(255,255,255,.85)} #amt-cl .nav-btn{border:1px solid var(--line);background:#fff} #amt-cl .tab.on{background:#fff} #amt-cl .add-t{display:none} #amt-cl .pr-al{font-weight:600;color:#1F7A35} #amt-cl .pc-main .pc-tag{position:static} #amt-cl .pc-main .pc-h{font-size:clamp(28px,2.8vw,38px)} #amt-cl .pc-main{justify-content:flex-end} #amt-cl .fbc-logo img[src$=".svg"]{width:96px;height:24px} #amt-cl .fbc-logo.fbc-sq img{max-height:36px;max-width:110px} #amt-cl .csc-bg{position:absolute;right:-26px;top:-26px;color:var(--g);opacity:.07;pointer-events:none;transition:transform .9s var(--ease),opacity .3s} #amt-cl .csc:hover .csc-bg{transform:rotate(15deg);opacity:.12} #amt-cl #consumables{background:var(--bg2)} #amt-cl #consumables .csc{background:#fff} #amt-cl #consumables .csc-ic{background:var(--bg2)} #amt-cl #engines{background:#fff;padding-top:96px!important} #amt-cl .cs2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))} #amt-cl .cs2 a{justify-content:space-between} #amt-cl .al-hero{align-items:stretch} #amt-cl .al-ph{aspect-ratio:auto;min-height:420px} #amt-cl .al-sec .h2{font-size:clamp(30px,3.4vw,42px)} #amt-cl .pt-n{flex:0 0 36px} #amt-cl .ob-search{min-height:48px} @media (max-width:600px){ #amt-cl .add-t{display:inline} #amt-cl .pc-main .pc-h{font-size:24px} #amt-cl .pc-main{min-height:400px} #amt-cl .al-ph{min-height:0;aspect-ratio:16/9} #amt-cl .al-head span{display:none} #amt-cl .cs2{display:flex} #amt-cl #engines{padding-top:56px!important} #amt-cl .fbc-logo img[src$=".svg"]{width:72px;height:18px} #amt-cl .fbc-logo.fbc-sq img{max-height:26px} #amt-cl .csc-bg{width:110px;height:110px;right:-18px;top:-18px} } #amt-cl .pc-main .pc-h,#amt-cl .pc-main .pc-p{max-width:min(520px,62%)} #amt-cl .pc-main::after{background:linear-gradient(90deg,rgba(14,15,17,.94) 0%,rgba(14,15,17,.82) 45%,rgba(14,15,17,.25) 78%),linear-gradient(0deg,rgba(14,15,17,.5),rgba(14,15,17,0) 50%)} @media (max-width:600px){ #amt-cl .pc-main .pc-h,#amt-cl .pc-main .pc-p{max-width:none} #amt-cl .pc-main::after{background:linear-gradient(0deg,rgba(14,15,17,.95) 0%,rgba(14,15,17,.85) 55%,rgba(14,15,17,.35) 100%)} } #amt-cl .pc-main::after{background:linear-gradient(90deg,rgba(10,11,12,.96) 0%,rgba(10,11,12,.9) 42%,rgba(10,11,12,.55) 70%,rgba(10,11,12,.3) 100%)} #amt-cl .pc-main .pc-h,#amt-cl .pc-main .pc-p{text-shadow:0 2px 16px rgba(0,0,0,.5)} #amt-cl .pc-main .pc-p{color:#E6E7E9} #amt-cl .fb{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} #amt-cl .fbc-n{font-size:23px} #amt-cl .fbc-ph-yto{background:radial-gradient(120% 90% at 80% 10%,#E1342B 0%,#B41E1A 55%,#7E1210 100%)} #amt-cl .fbc-ph-claas{background:radial-gradient(120% 90% at 80% 10%,#C4D600 0%,#97A800 55%,#5E6A00 100%)} #amt-cl .fbc-ph-yto::before,#amt-cl .fbc-ph-claas::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,rgba(255,255,255,.07) 0 1px,transparent 1px 22px)} #amt-cl .rp-sec{padding-top:0} #amt-cl .rp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border-radius:22px;overflow:hidden;background:#17191B;color:#F5F5F6} #amt-cl .rp-ph{position:relative;min-height:520px;background:#000} #amt-cl .rp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%} #amt-cl .rp-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,25,27,0) 55%,#17191B 100%)} #amt-cl .rp-seal{position:absolute;z-index:1;left:22px;bottom:22px;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#F3F4F5,#A9ADB2 70%,#7C8086);color:var(--g);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 0 4px rgba(255,255,255,.5)} #amt-cl .rp-seal small{font-size:22px;letter-spacing:-.02em;text-transform:none;line-height:1;margin-bottom:2px} #amt-cl .rp-b{padding:44px 44px 36px} #amt-cl .rp .kick{color:#A9ADB2} #amt-cl .rp-sub{margin-top:12px;font-size:20px;font-weight:600;color:#fff} #amt-cl .rp-l{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px} #amt-cl .rp-l li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.06);font-size:14px;color:#E6E7E9} #amt-cl .rp-l li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--y)} #amt-cl .rp-of{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 28px} #amt-cl .rp-of div{padding:18px;border-radius:14px;border:1px solid rgba(255,210,0,.35);background:rgba(255,210,0,.06)} #amt-cl .rp-of b{display:block;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.2;text-transform:uppercase} #amt-cl .rp-of span{display:block;font-size:14px;color:#A9ADB2;margin-top:6px;line-height:1.4} #amt-cl .rp-note{margin-top:18px;font-size:12px;color:#8E9297;line-height:1.4} @media (max-width:1000px){ #amt-cl .fb{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:900px){ #amt-cl .rp{grid-template-columns:1fr} #amt-cl .rp-ph{min-height:300px} #amt-cl .rp-ph::after{background:linear-gradient(180deg,rgba(23,25,27,0) 55%,#17191B 100%)} } @media (max-width:600px){ #amt-cl .fb{grid-template-columns:1fr 1fr} #amt-cl .pc-main::after{background:linear-gradient(0deg,rgba(10,11,12,.97) 0%,rgba(10,11,12,.9) 55%,rgba(10,11,12,.6) 100%)} #amt-cl .rp-sec{padding-top:0} #amt-cl .rp{border-radius:18px;margin:0 -4px} #amt-cl .rp-ph{min-height:220px} #amt-cl .rp-seal{width:80px;height:80px;left:14px;bottom:14px;font-size:10px} #amt-cl .rp-seal small{font-size:18px} #amt-cl .rp-b{padding:6px 20px 24px} #amt-cl .rp-sub{font-size:17px} #amt-cl .rp-l li{height:32px;font-size:13px} #amt-cl .rp-of{grid-template-columns:1fr;gap:8px;margin:18px 0 20px} #amt-cl .rp-of div{padding:14px} #amt-cl .rp-of b{font-size:16px} #amt-cl .rp .row .btn{width:100%} #amt-cl .ob{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:42%;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:none;border:0;border-radius:0;margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px} #amt-cl .ob::-webkit-scrollbar{display:none} #amt-cl .obi{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:84px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);scroll-snap-align:start} #amt-cl .obi:last-child{border-bottom:1px solid var(--line)} #amt-cl .obi::after{display:none} #amt-cl .ob.hint .obi{animation:amtcl-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #amt-cl .ob-more{display:none} } #amt-cl .ob-prog{display:none} @media (max-width:600px){ #amt-cl .ob-prog{display:block} } #amt-cl .pc-main img{z-index:0!important} #amt-cl .pc-main::after{z-index:0} #amt-cl .al-hero{align-items:center} #amt-cl .al-ph{aspect-ratio:4/3;min-height:0} #amt-cl .rp .h2{font-size:clamp(30px,3.4vw,42px)} #amt-cl .rp-sub{margin-top:14px} @media (max-width:600px){ #amt-cl .ob{grid-template-columns:none} } #amt-cl .fb{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} #amt-cl .fbc{position:relative;display:block;aspect-ratio:4/5;border:0;border-radius:18px;overflow:hidden;background:#1F2124;color:#fff!important;isolation:isolate;transform:translateZ(0);transition:transform .5s var(--ease),box-shadow .5s var(--ease)} #amt-cl .fbc:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(31,33,36,.22);border:0} #amt-cl .fbc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02);transition:transform 1.2s var(--ease),filter .6s} #amt-cl .fbc:hover .fbc-img{transform:scale(1.1)} #amt-cl .fbc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,13,14,.62) 0%,rgba(12,13,14,.12) 30%,rgba(12,13,14,.08) 48%,rgba(12,13,14,.88) 100%);transition:opacity .5s} #amt-cl .fbc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--y);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)} #amt-cl .fbc:hover::after{transform:scaleX(1)} #amt-cl .fbc-logo{position:absolute;left:18px;top:18px;right:18px;height:36px;display:flex;align-items:center;background:none;padding:0;box-shadow:none;border-radius:0} #amt-cl .fbc-logo img{display:block;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:transform .5s var(--ease)} #amt-cl .fbc:hover .fbc-logo img{transform:translateY(-2px)} #amt-cl .fbc-b{position:absolute;left:18px;right:60px;bottom:18px;padding:0;display:flex;flex-direction:column;gap:4px} #amt-cl .fbc-n{font-size:26px;color:#fff;line-height:1} #amt-cl .fbc-n b{font-weight:600} #amt-cl .fbc-n u{display:block;margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.72)} #amt-cl .fbc-s{font-size:13px;color:rgba(255,255,255,.72);padding:0;line-height:1.3;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s} #amt-cl .fbc:hover .fbc-s{max-height:40px;opacity:1} #amt-cl .fbc-go{position:absolute;right:16px;bottom:18px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s,transform .5s var(--ease)} #amt-cl .fbc:hover .fbc-go{background:var(--y);color:var(--g);transform:rotate(-45deg)} .js-rv #amt-cl .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)} .js-rv #amt-cl .rv.in{opacity:1;transform:none} .js-rv #amt-cl .fbc.rv.in:hover{transform:translateY(-6px)} @media (max-width:1000px){ #amt-cl .fb{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:600px){ #amt-cl .fb{grid-template-columns:1fr 1fr;gap:10px} #amt-cl .fbc{border-radius:16px;aspect-ratio:4/5} #amt-cl .fbc-logo{left:12px;top:12px;right:12px;height:28px} #amt-cl .fbc-logo img{transform:scale(.78);transform-origin:left center} #amt-cl .fbc:hover .fbc-logo img{transform:scale(.78)} #amt-cl .fbc-b{left:12px;right:12px;bottom:12px} #amt-cl .fbc-n{font-size:20px;display:block} #amt-cl .fbc-n u{font-size:12px} #amt-cl .fbc-s{display:none} #amt-cl .fbc-go{display:none} #amt-cl .fbc:hover{transform:none} } @media (prefers-reduced-motion:reduce){ .js-rv #amt-cl .rv{opacity:1;transform:none;transition:none} #amt-cl .fbc,#amt-cl .fbc-img,#amt-cl .fbc-go{transition:none} } #amt-cl .fbc-logo{height:44px} @media (max-width:600px){ #amt-cl .fbc-logo{height:36px} } #amt-cl .csc{justify-content:flex-start;gap:0;min-height:0;padding:0;background:#fff;border:1px solid var(--line)} #amt-cl #consumables .csc{background:#fff} #amt-cl .csc:hover{background:#fff} #amt-cl .csc-ph{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;padding:18px 24px 6px;background:#fff;transition:transform .8s var(--ease)} #amt-cl .csc:hover .csc-ph{transform:scale(1.06) rotate(-2deg)} #amt-cl .csc-t{display:block;padding:12px 22px 22px;border-top:1px solid var(--line)} #amt-cl .csc-bg{display:none} #amt-cl .sea{padding:8px 0 96px} #amt-cl .fbc-logo{height:58px} @media (max-width:600px){ #amt-cl .sea{padding:0 0 56px} #amt-cl .csc-ph{padding:10px 12px 2px} #amt-cl .csc-t{padding:10px 12px 14px} #amt-cl .fbc-logo{height:46px} } #amt-cl .fbc-logo img{max-height:none!important;max-width:100%} #amt-cl [id]{scroll-margin-top:96px} @media (max-width:600px){ #amt-cl [id]{scroll-margin-top:72px} } #amt-cl .al-sec{padding:80px 0} #amt-cl .al-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:28px} #amt-cl .al-logo{height:38px;margin-bottom:22px} #amt-cl .al-l .h2{font-size:clamp(30px,3.2vw,40px)} #amt-cl .al-l .lead{margin:16px 0 26px;font-size:18px} #amt-cl .al-ph{margin:0;aspect-ratio:16/11;min-height:0} #amt-cl .al-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px} #amt-cl .al-f li{border:1px solid rgba(255,255,255,.08)!important;border-radius:14px;padding:16px;background:#17191B} #amt-cl .al-f li:last-child{border-bottom:1px solid rgba(255,255,255,.08)} @media (max-width:900px){ #amt-cl .al-hero{grid-template-columns:1fr;gap:22px} #amt-cl .al-f{grid-template-columns:1fr;gap:8px} } @media (max-width:600px){ #amt-cl .al-sec{padding:56px 0} #amt-cl .al-ph{order:-1;aspect-ratio:16/9} #amt-cl .al-f li{padding:12px} #amt-cl .al-l .lead{font-size:16px;margin:12px 0 20px} } #amt-cl .eng-band .btn{margin-left:auto} @media (max-width:600px){ #amt-cl .eng-band .btn{margin-left:0} } #amt-cl .cs{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;margin:-6px;padding:6px} #amt-cl .cs::-webkit-scrollbar{display:none} #amt-cl .cs .csc{flex:0 0 calc((100% - 48px)/4.3);scroll-snap-align:start} #amt-cl .csc-logo,#amt-cl .csc-ic2{display:flex!important;align-items:center;justify-content:center} #amt-cl .csc-logo img{max-width:70%;max-height:46%;object-fit:contain} #amt-cl .csc-ic2{color:#B5B9BD} #amt-cl .csc-ic2 svg{width:96px;height:96px} #amt-cl .cs2{display:none!important} #amt-cl #consumables .sec-head .arrows{align-self:flex-end} @media (max-width:1000px){ #amt-cl .cs .csc{flex-basis:calc((100% - 32px)/2.6)} } @media (max-width:600px){ #amt-cl .cs{gap:10px;margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px} #amt-cl .cs .csc{flex-basis:46%} #amt-cl .cs.hint .csc{animation:amtcl-anHint 1.4s cubic-bezier(.45,.05,.25,1) .2s 1} #amt-cl .csc-ic2 svg{width:64px;height:64px} } #amt-cl .fbc .fbc-s,#amt-cl .fbc:hover .fbc-s{display:none!important} #amt-cl .eng-band{margin-top:24px} #amt-cl .br-top{padding-top:28px} #amt-cl .br-top .crumbs{margin-bottom:18px} #amt-cl .br-top h1{margin:0} #amt-cl .find-sec{padding-top:0} #amt-cl .find{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding:40px;border-radius:22px;background:var(--bg2)} #amt-cl .find .psearch{max-width:none} #amt-cl .find .lead{margin-top:14px} @media (max-width:900px){ #amt-cl .find{grid-template-columns:1fr;gap:22px} } @media (max-width:600px){ #amt-cl .br-top{padding-top:16px} #amt-cl .find{padding:22px 16px;border-radius:18px;margin:0 -4px} #amt-cl .find .psearch .btn{display:none} #amt-cl .find .psearch{padding:6px 6px 6px 14px} } #amt-cl .find{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} #amt-cl .find>*{min-width:0} @media (max-width:900px){ #amt-cl .find{grid-template-columns:minmax(0,1fr)} } @media (max-width:600px){ #amt-cl{font-size:17px} #amt-cl .kick{font-size:12px!important;letter-spacing:.12em} #amt-cl .lead{font-size:17px;line-height:1.5} #amt-cl .h2{font-size:29px} #amt-cl .crumbs{font-size:14px} #amt-cl .fbc-n{font-size:22px} #amt-cl .fbc-n u{font-size:13px} #amt-cl .alc-b small{font-size:12px} #amt-cl .alc-b b{font-size:17px} #amt-cl .alc-b span{font-size:14px} #amt-cl .al-f span span{font-size:15px} #amt-cl .pr-x{font-size:12.5px} #amt-cl .pr-n{font-size:15px;-webkit-line-clamp:3} #amt-cl .pr-st{font-size:13px} #amt-cl .pr-p b{font-size:19px} #amt-cl .pr-p span{font-size:12.5px} #amt-cl .pr-bd i{font-size:11px;padding:4px 7px} #amt-cl .add,#amt-cl .stp,#amt-cl .stp button{height:46px} #amt-cl .add{font-size:15px} #amt-cl .pr-fav{width:40px;height:40px;right:2px;top:2px} #amt-cl .chips button{height:42px;font-size:15px;padding:0 16px} #amt-cl .ec-s{font-size:14px} #amt-cl .ec-n u{font-size:13px} #amt-cl .csc b{font-size:18px} #amt-cl .csc .cnt{font-size:14px} #amt-cl .obi b{font-size:16px} #amt-cl .obi span{font-size:14px} #amt-cl .arc-t{font-size:12px} #amt-cl .arc-m{font-size:14px} #amt-cl .arc h3{font-size:17px} #amt-cl .rp-l li{font-size:14px;height:36px} #amt-cl .rp-note{font-size:13px} #amt-cl .rp-seal{font-size:11px} #amt-cl .pf-l{font-size:14px} #amt-cl .pf-c{font-size:13px} #amt-cl .pf input{height:56px;font-size:17px} #amt-cl .pf-ch span{height:46px;font-size:15px} #amt-cl .seo-tx{font-size:16px} #amt-cl .lkc-pill,#amt-cl .lkc-cap,#amt-cl .lkc-team em{font-size:12.5px} #amt-cl .btn{min-height:54px;font-size:17px} #amt-cl .fbc:active,#amt-cl .alc:active,#amt-cl .pr:active,#amt-cl .ec:active,#amt-cl .csc:active,#amt-cl .obi:active,#amt-cl .arc:active,#amt-cl .pc:active{transform:scale(.97)!important;transition:transform .12s} #amt-cl .btn:active,#amt-cl .add:active,#amt-cl .chips button:active{transform:scale(.96)} #amt-cl a,#amt-cl button{-webkit-tap-highlight-color:transparent} @keyframes amtcl-ring{0%,100%{transform:none}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:none}} #amt-cl{padding-bottom:calc(76px + env(safe-area-inset-bottom))} } /* Свои дополнения к макету: остаток из каталога, цена по запросу (сердечко — оформление шаблона .amt-fav) */ #amt-cl .pr-st.is-low{color:#9A6B00} #amt-cl .pr-st.is-low::before{background:#E0A800} #amt-cl .pr-st.is-out{color:var(--t3)} #amt-cl .pr-st.is-out::before{background:#B5B9BD} #amt-cl .pr-p b.is-request{font-size:15px;font-weight:500;color:var(--t2)} #amt-cl .pr-f form{margin:0} #amt-cl .ob-empty a{color:var(--g);border-bottom:2px solid var(--y)} /* End */ /* Start:/include/fonts/onest/onest.css?17937059871010*/ /* Onest заказчика: локальный файл, кириллица, все веса 100–900. */ @font-face { font-family: "Onest Local"; src: url("/include/fonts/onest/Onest-VariableFont_wght.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; } /* Переопределяется только семейство; размеры, веса и начертания сохраняются. Шрифтовые иконки и панель Bitrix используют собственные шрифты. */ html body, html body :where(*):not(:where( #bx-panel, #bx-panel *, .fa, .fas, .far, .fal, .fab, .fad, [class^="fa-"], [class*=" fa-"], .glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"], .material-icons, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, [class^="icon-"], [class*=" icon-"] )) { font-family: "Onest Local", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important; } /* End */ /* Start:/include/brand/tokens.css?17937059873264*/ /* Брендбук Агро-Мастер — токены (docs/BRANDBOOK.md). Источник — макет главной от маркетинга (agro-master-site.zip, 03.11.2026). Только переменные: файл ничего не меняет на странице, пока токены не использованы. Брейкпоинты в переменные не выносятся (CSS их не поддерживает в @media): 1000px — планшет горизонтально, 900px — планшет, 600px — телефон. */ :root { /* Цвет: бренд */ --am-yellow: #FFD200; --am-yellow-hover: #F2C200; --am-yellow-soft: rgba(255, 210, 0, .12); --am-graphite: #1F2124; --am-graphite-hover: #000; --am-graphite-2: #2A2D31; --am-graphite-3: #34383D; --am-ink: #17191B; /* Цвет: текст */ --am-text: #1F2124; --am-text-2: #5B6066; --am-text-3: #6B7075; --am-text-placeholder: #7A7F85; --am-text-disabled: #B5B9BD; --am-text-on-dark: #F5F5F6; --am-text-on-dark-2: #A9ADB2; /* Цвет: фон, линии, состояния */ --am-bg: #fff; --am-bg-2: #F3F4F5; --am-bg-3: #E6E8EA; --am-line: rgba(31, 33, 36, .10); --am-line-strong: rgba(31, 33, 36, .20); --am-line-on-dark: rgba(255, 255, 255, .10); --am-success: #2E9B47; /* Золото — только для программы лояльности и кабинета */ --am-gold: #E2B54B; --am-gold-light: #F7DC8A; --am-gold-dark: #B9852C; /* Типографика */ --am-font: "Onest Local", "Onest", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; --am-fw-regular: 400; --am-fw-medium: 500; --am-fw-semibold: 600; --am-fs-h1: clamp(40px, 6.2vw, 76px); --am-fs-h2: clamp(30px, 4vw, 48px); --am-fs-h3: clamp(22px, 2.4vw, 28px); --am-fs-lead: clamp(17px, 1.6vw, 20px); --am-fs-body: 17px; --am-fs-ui: 15px; --am-fs-small: 14px; --am-fs-caption: 13px; --am-fs-kicker: 12px; --am-lh-h1: 1.04; --am-lh-h2: 1.08; --am-lh-h3: 1.16; --am-lh-body: 1.5; --am-ls-h1: -.035em; --am-ls-h2: -.03em; --am-ls-h3: -.02em; --am-ls-body: -.011em; --am-ls-kicker: .16em; /* Отступы и сетка */ --am-space-1: 4px; --am-space-2: 8px; --am-space-3: 12px; --am-space-4: 16px; --am-space-5: 20px; --am-space-6: 24px; --am-space-7: 32px; --am-space-8: 40px; --am-space-9: 48px; --am-space-10: 56px; --am-space-11: 72px; --am-space-12: 96px; --am-container: 1120px; --am-gutter: 22px; --am-gutter-mobile: 16px; --am-section-y: 96px; --am-section-y-mobile: 68px; --am-grid-gap: 20px; --am-card-gap: 16px; /* Формы элементов */ --am-radius-xs: 6px; --am-radius-sm: 8px; --am-radius-md: 10px; --am-radius-lg: 14px; --am-radius-xl: 18px; --am-radius-2xl: 20px; --am-control-h: 50px; --am-control-h-sm: 44px; --am-control-h-xs: 36px; --am-shadow-hover: 0 12px 30px rgba(0, 0, 0, .07); --am-shadow-lift: 0 14px 38px rgba(0, 0, 0, .08); --am-shadow-float: 0 18px 50px rgba(31, 33, 36, .06); --am-focus-ring: 0 0 0 3px rgba(255, 210, 0, .55); /* Движение */ --am-ease: cubic-bezier(.32, .72, 0, 1); --am-dur-fast: .2s; --am-dur: .35s; } /* End */ /* Start:/include/brand/components.css?17937059874953*/ /* Брендбук Агро-Мастер — компоненты для новых страниц и лендингов (docs/BRANDBOOK.md). Подключаются только классами .am-*: штатные блоки шаблона сайта не затрагиваются. Требует tokens.css. Образец — главная (#am-home, site/include/mainpage/home-v2/landing.css). */ .am-wrap{max-width:var(--am-container);margin:0 auto;padding:0 var(--am-gutter);box-sizing:border-box} .am-sec{padding:var(--am-section-y) 0} .am-sec--grey{background:var(--am-bg-2)} .am-sec--dark{background:var(--am-graphite);color:var(--am-text-on-dark)} .am-h1,.am-h2,.am-h3{margin:0;font-family:var(--am-font);font-weight:var(--am-fw-semibold);color:inherit} .am-h1{font-size:var(--am-fs-h1);line-height:var(--am-lh-h1);letter-spacing:var(--am-ls-h1)} .am-h2{font-size:var(--am-fs-h2);line-height:var(--am-lh-h2);letter-spacing:var(--am-ls-h2)} .am-h3{font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3)} .am-lead{margin:0;font-size:var(--am-fs-lead);line-height:var(--am-lh-body);color:var(--am-text-2);letter-spacing:-.012em} .am-sec--dark .am-lead{color:var(--am-text-on-dark-2)} .am-kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:var(--am-ls-kicker);text-transform:uppercase;color:var(--am-text-3)} .am-kicker::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--am-yellow)} .am-sec--dark .am-kicker{color:var(--am-text-on-dark-2)} .am-mark{background:linear-gradient(transparent 62%,var(--am-yellow) 62%,var(--am-yellow) 92%,transparent 92%);padding:0 .06em} .am-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--am-control-h);padding:0 26px;border:1px solid transparent;border-radius:var(--am-radius-md);font-family:var(--am-font);font-size:var(--am-fs-body);font-weight:var(--am-fw-medium);letter-spacing:-.01em;line-height:1.2;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;transition:transform var(--am-dur-fast) var(--am-ease),background-color var(--am-dur-fast),border-color var(--am-dur-fast),color var(--am-dur-fast)} .am-btn:active{transform:scale(.97)} .am-btn:focus-visible{outline:none;box-shadow:var(--am-focus-ring)} .am-btn--yellow{background:var(--am-yellow);color:var(--am-graphite)!important} .am-btn--yellow:hover{background:var(--am-yellow-hover)} .am-btn--graphite{background:var(--am-graphite);color:#fff!important} .am-btn--graphite:hover{background:var(--am-graphite-hover)} .am-btn--outline{border-color:var(--am-graphite);color:var(--am-graphite)!important;background:transparent} .am-btn--outline:hover{background:var(--am-graphite);color:#fff!important} .am-btn--glass{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff!important} .am-btn--glass:hover{background:rgba(255,255,255,.14)} .am-btn--sm{min-height:var(--am-control-h-sm);padding:0 18px;font-size:var(--am-fs-ui)} .am-more{display:inline-flex;align-items:center;gap:6px;padding-bottom:2px;border-bottom:2px solid var(--am-yellow);font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);color:var(--am-graphite);text-decoration:none} .am-sec--dark .am-more{color:#fff} .am-card{display:flex;flex-direction:column;overflow:hidden;background:var(--am-bg);border:1px solid var(--am-line);border-radius:var(--am-radius-lg);color:var(--am-text);transition:transform var(--am-dur) var(--am-ease),box-shadow var(--am-dur)} a.am-card:hover,.am-card--hover:hover{transform:translateY(-3px);box-shadow:var(--am-shadow-hover)} .am-card__body{display:flex;flex-direction:column;gap:var(--am-space-5);padding:28px} .am-chip{display:inline-flex;align-items:center;height:var(--am-control-h-xs);padding:0 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-sm);background:var(--am-bg);font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);color:var(--am-graphite);text-decoration:none;transition:border-color var(--am-dur-fast)} .am-chip:hover{border-color:var(--am-graphite)} .am-tag{display:inline-block;padding:5px 9px;border-radius:5px;background:var(--am-yellow);color:var(--am-graphite);font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:.12em;text-transform:uppercase} .am-grid{display:grid;gap:var(--am-grid-gap);grid-template-columns:repeat(var(--am-cols,3),minmax(0,1fr))} @media (max-width:1000px){ .am-grid{grid-template-columns:repeat(min(var(--am-cols,3),2),minmax(0,1fr))} } @media (max-width:600px){ .am-wrap{padding:0 var(--am-gutter-mobile)} .am-sec{padding:var(--am-section-y-mobile) 0} .am-grid{grid-template-columns:1fr} .am-card__body{padding:22px} } @media (prefers-reduced-motion:reduce){ .am-btn,.am-card,.am-chip{transition:none} .am-btn:active,a.am-card:hover,.am-card--hover:hover{transform:none} } /* End */ /* Start:/local/templates/agromaster/css/product-gallery.css?17939539281276*/ .amt-photo-open{overflow:hidden;scrollbar-gutter:stable} .amt-photo-viewer{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 70px;border:0;background:rgba(15,16,18,.95);color:#fff;overflow:hidden} .amt-photo-viewer[open]{display:flex;align-items:center;justify-content:center} .amt-photo-viewer::backdrop{background:#111} .amt-photo-full{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff} .amt-photo-viewer button{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #777;border-radius:50%;background:#202124;color:#fff;font:36px/1 Arial,sans-serif;cursor:pointer} .amt-photo-viewer button:hover{background:#444}.amt-photo-viewer button:focus-visible{outline:3px solid #ffcf00;outline-offset:3px} .amt-photo-viewer button[hidden]{display:none} .amt-photo-close{right:18px;top:14px}.amt-photo-prev{left:12px;top:calc(50% - 24px)}.amt-photo-next{right:12px;top:calc(50% - 24px)} .amt-photo-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:16px} @media(max-width:600px){.amt-photo-viewer{padding:72px 12px 82px}.amt-photo-prev,.amt-photo-next{top:auto;bottom:12px}.amt-photo-count{bottom:26px}} /* End */ /* Start:/local/templates/agromaster/css/mobile-bottom-menu.css?17938882614519*/ /* Нижнее меню по макету заказчика bottom-menu.html; только мобильный шаблон agromaster. */ .amt-mnav,.amt-msheet{ --y:#F7D347;--g:#1F2124;--t2:#5B6066;--line:#E4E6E8;--bg2:#F3F4F5;--ease:cubic-bezier(.22,1,.36,1); font-family:var(--am-font,system-ui,sans-serif);line-height:normal;box-sizing:border-box;-webkit-font-smoothing:antialiased } .amt-mnav *,.amt-msheet *{box-sizing:border-box} .amt-mnav a,.amt-msheet a{text-decoration:none;-webkit-tap-highlight-color:transparent} .amt-msheet p{margin:0} .amt-mnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(31,33,36,.06)} .amt .amt-mnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:4px 0;font-size:12px;font-weight:500;color:var(--t2)} .amt-mnav a.on{color:var(--g);font-weight:600} .amt-mnav .tb-logo{display:block;width:29px;height:25px;margin:-1px 0 0;fill:currentColor} .amt-mnav .badge{position:absolute;top:0;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--y);color:var(--g);font-size:11px;font-style:normal;font-weight:600;line-height:18px;text-align:center} .amt-mnav .tb-call{color:var(--g);font-weight:600} .amt-mnav .tb-c{width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(242,194,0,.5),0 0 0 4px #fff} .amt-mnav .tb-call:not(.seen) .tb-c{animation:amt-mobile-ring 2.4s ease-in-out 2s 2} @keyframes amt-mobile-ring{0%,100%{transform:none}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:none}} .amt-msheet{display:none;flex-direction:column;gap:10px;position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border:0;background:#fff;color:var(--g);border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.2);overflow:auto;overscroll-behavior:contain} .amt-msheet[open]{display:flex;animation:amt-mobile-sheet-in .35s var(--ease)} .amt-msheet::backdrop{background:rgba(14,15,17,.5)} @keyframes amt-mobile-sheet-in{from{transform:translateY(105%)}to{transform:none}} .amt-msheet[hidden],.amt-mnav [hidden]{display:none} .amt-msheet .sh-grip{align-self:center;width:44px;height:5px;border-radius:3px;background:#D5D8DB;margin-bottom:8px} .amt-msheet .sh-t{font-size:22px;font-weight:600;letter-spacing:-.02em} .amt-msheet .sh-s{font-size:15px;color:var(--t2);margin:-4px 0 6px!important} .amt-msheet .sh-a{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 14px;border-radius:16px;background:var(--bg2);font-size:15px;color:var(--t2)} .amt-msheet .sh-a b{display:block;font-size:18px;font-weight:600;color:var(--g)} .amt-msheet .sh-main{background:var(--y);color:var(--g)} .amt-msheet .sh-i{flex:none;width:46px;height:46px;border-radius:12px;background:#fff;color:var(--g);display:flex;align-items:center;justify-content:center} .amt-msheet .sh-x{width:100%;min-height:54px;margin-top:4px;border:1px solid var(--g);border-radius:14px;background:#fff;color:var(--g);font:500 17px var(--am-font,system-ui,sans-serif);cursor:pointer} .amt-mnav a:active,.amt-msheet .sh-a:active,.amt-msheet .sh-x:active{opacity:.75} /* На сайте меню только на телефоне; странице нужен отступ снизу: padding-bottom:calc(76px + env(safe-area-inset-bottom)) */ .amt-mnav{display:none} .amt-msheet .sh-grip{touch-action:none;position:relative} .amt-msheet .sh-grip::before{content:"";position:absolute;inset:-8px -25px} .amt-msheet .sh-a{flex-shrink:0;text-decoration:none} .amt-msheet .sh-x{flex-shrink:0} .amt-mnav a:focus-visible,.amt-msheet a:focus-visible,.amt-msheet button:focus-visible{outline:2px solid var(--g);outline-offset:2px} @media (max-width:600px){ body.amt.amt-mobile-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))} .amt-mnav{display:grid} .amt-mnav[data-keyboard="true"]{visibility:hidden;pointer-events:none} } @media (min-width:601px){.amt-mnav,.amt-msheet[open]{display:none}} @media (prefers-reduced-motion:reduce){.amt-mnav .tb-c,.amt-msheet[open]{animation:none!important}} /* End */ /* Start:/local/templates/agromaster/css/cookie-consent.css?17939729921553*/ /* Cookie-баннер (include/CookieConsent.php): над контентом внизу, на телефоне — над нижним меню; ниже окон и меню-шторки */ .amt-cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:58;box-sizing:border-box;max-width:760px;margin:0 auto;padding:16px 20px;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);font-size:var(--am-fs-small);line-height:1.45} .amt-cc[hidden],.amt-cc [hidden]{display:none} .amt-cc-text{margin:0 0 12px} .amt-cc-text a{color:inherit;text-decoration:underline;text-underline-offset:2px} .amt-cc-opts{display:grid;gap:8px;margin:0 0 14px} .amt-cc-opts label{display:flex;gap:10px;align-items:flex-start;cursor:pointer} .amt-cc-opts input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--am-graphite)} .amt-cc-opts input:disabled{cursor:default} .amt-cc-btns{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center} .amt-cc-more{padding:8px 4px;border:0;background:none;color:var(--am-text-2);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer} .amt-cc-more:hover{color:var(--am-text)} .amt-ft-cookie{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:inherit;cursor:pointer} .amt-ft-cookie:hover{text-decoration:underline} @media (max-width:600px){ .amt-cc{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));padding:14px 16px} .amt-cc-btns .am-btn{flex:1 1 auto} } /* End */ /* Start:/local/templates/agromaster/template_styles.css?179388911637858*/ /* Шаблон сайта «Агро-Мастер» без Aspro (docs/SITE_TEMPLATE.md). Только токены брендбука (/include/brand/tokens.css, docs/BRANDBOOK.md); классы шаблона — amt-*, компоненты страниц — am-*. */ html{-webkit-text-size-adjust:100%;scroll-padding-top:136px} body.amt{margin:0;background:var(--am-bg);color:var(--am-text);font-family:var(--am-font);font-size:var(--am-fs-body);line-height:var(--am-lh-body);letter-spacing:var(--am-ls-body);-webkit-font-smoothing:antialiased} .amt *,.amt *::before,.amt *::after{box-sizing:border-box} .amt a{color:inherit} .amt img{max-width:100%;height:auto} .amt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .amt-skip{position:absolute;left:var(--am-space-4);top:-60px;z-index:100;padding:10px 16px;border-radius:var(--am-radius-md);background:var(--am-yellow);color:var(--am-graphite);font-weight:var(--am-fw-medium);text-decoration:none} .amt-skip:focus{top:var(--am-space-3)} .amt :focus-visible{outline:none;box-shadow:var(--am-focus-ring);border-radius:var(--am-radius-sm)} /* Шапка */ .amt-hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--am-line)} .amt-hd-in{display:flex;align-items:center;gap:18px;height:76px} .amt-burger{display:none;flex:none;width:44px;height:44px;margin-left:-10px;align-items:center;justify-content:center;border:0;border-radius:var(--am-radius-md);background:none;color:var(--am-graphite);cursor:pointer} /* Логотип: на светлом фоне (шапка) — фирменный, жёлтая плашка и чёрный контур; на тёмном (.amt-ft, .amt-on-dark) — одним жёлтым, без плашки. */ .amt-logo,.amt-ft-logo{color:var(--am-ink)} .amt-ft .amt-ft-logo,.amt-on-dark .amt-logo{color:var(--am-yellow)} .amt-logo:hover{color:var(--am-ink)} .amt-ft .amt-ft-logo:hover,.amt-on-dark .amt-logo:hover{color:var(--am-yellow-hover)} .amt-logo-svg{display:block;width:auto;fill:currentColor} .amt-logo-plate{fill:var(--am-yellow)} .amt-ft .amt-logo-plate,.amt-on-dark .amt-logo-plate{display:none} .amt-logo{flex:none;display:block;line-height:0} .amt-logo .amt-logo-svg{height:44px} .amt-cat{flex:none;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:var(--am-radius-md);background:var(--am-graphite);color:#fff!important;font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);text-decoration:none;transition:background var(--am-dur-fast)} .amt-cat:hover{background:var(--am-graphite-hover)} .amt-search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:46px;margin:0;padding:0 6px 0 14px;border:1px solid transparent;border-radius:var(--am-radius-md);background:var(--am-bg-2);color:var(--am-text-2);transition:border-color var(--am-dur-fast),background var(--am-dur-fast)} .amt-search:focus-within{border-color:var(--am-graphite);background:var(--am-bg)} .amt-search svg{flex:none} .amt-search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--am-fs-ui);color:var(--am-text);-webkit-appearance:none;appearance:none} .amt-search input::placeholder{color:var(--am-text-placeholder)} .amt-search input:focus-visible{box-shadow:none} .amt-go{flex:none;height:34px;padding:0 14px;border:0;border-radius:var(--am-radius-sm);background:var(--am-yellow);color:var(--am-graphite);font:inherit;font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);cursor:pointer;transition:background var(--am-dur-fast)} .amt-go:hover{background:var(--am-yellow-hover)} .amt-phone{flex:none;display:flex;flex-direction:column;line-height:1.2;white-space:nowrap} .amt-phone a{font-size:16px;font-weight:var(--am-fw-semibold);text-decoration:none} .amt-phone span{margin-top:3px;font-size:12px;color:var(--am-text-2)} .amt-ic{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;font-size:12px;color:var(--am-text-2)!important;text-decoration:none} .amt-ic svg{color:var(--am-graphite)} .amt-ic:hover span{color:var(--am-text)} .amt-badge{position:absolute;top:-4px;right:6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--am-yellow);color:var(--am-graphite);font-size:11px;font-style:normal;font-weight:var(--am-fw-semibold)} .amt-badge[hidden]{display:none} /* избранное: сердечко в сетке (в углу фото), в карточке и на странице /personal/favorite/ */ .amt-fav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--am-line);border-radius:50%;background:var(--am-bg);color:var(--am-text-3);cursor:pointer;transition:color var(--am-dur-fast),border-color var(--am-dur-fast)} .amt-fav:hover{color:var(--am-text);border-color:var(--am-line-strong)} .amt-fav[aria-pressed="true"]{color:var(--am-graphite);border-color:var(--am-yellow);background:var(--am-yellow)} .amt-fav[aria-pressed="true"] svg path{fill:currentColor} .amt-fav:disabled{opacity:.6;cursor:progress} .amt-product{position:relative} .amt-product[hidden]{display:none!important} .amt-product-fav{position:absolute;top:10px;right:10px;z-index:2} .amt-card-fav{align-self:flex-end;margin:-8px -8px -6px 0} .amt-favbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--am-space-4);margin:0 0 var(--am-space-6)} .amt-fav-filter{flex:1;min-width:240px;max-width:520px;height:var(--am-control-h-sm);padding:0 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:var(--am-fs-ui);color:var(--am-text)} .amt-fav-filter:focus{outline:none;border-color:var(--am-graphite)} .amt-favbar-n{color:var(--am-text-2);font-size:var(--am-fs-small)} .amt-nav{border-top:1px solid var(--am-line)} .amt-menu{display:flex;gap:28px;height:42px;align-items:center;margin:0;padding:0;list-style:none;font-size:var(--am-fs-small);white-space:nowrap;overflow-x:auto;scrollbar-width:none} .amt-menu::-webkit-scrollbar{display:none} .amt-menu a{color:var(--am-text-2);text-decoration:none;transition:color var(--am-dur-fast)} .amt-menu a:hover,.amt-menu a.is-on{color:var(--am-text)} .amt-menu a.is-on{box-shadow:inset 0 -2px 0 var(--am-yellow)} .amt-menu .amt-menu-sale{display:inline-flex;align-items:center;gap:6px;color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-menu .amt-menu-sale::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--am-yellow)} /* Мобильное меню */ .amt-drawer{position:fixed;inset:0;z-index:60;background:rgba(23,25,27,.5)} .amt-drawer[hidden]{display:none} .amt-drawer-in{position:absolute;top:0;left:0;bottom:0;width:min(86vw,360px);overflow-y:auto;padding:68px var(--am-space-6) var(--am-space-8);background:var(--am-bg);box-shadow:var(--am-shadow-lift)} .amt-drawer-x{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--am-radius-md);background:var(--am-bg-2);color:var(--am-graphite);cursor:pointer} .amt-drawer .amt-menu{display:block;height:auto;white-space:normal;font-size:18px} .amt-drawer .amt-menu li{border-bottom:1px solid var(--am-line)} .amt-drawer .amt-menu a{display:block;padding:14px 0;color:var(--am-text)} .amt-drawer .amt-menu a.is-on{box-shadow:none;font-weight:var(--am-fw-semibold)} .amt-drawer-phone{display:flex;flex-direction:column;gap:4px;margin-top:var(--am-space-7)} .amt-drawer-phone a{font-size:20px;font-weight:var(--am-fw-semibold);text-decoration:none} .amt-drawer-phone span{font-size:var(--am-fs-caption);color:var(--am-text-2)} body.amt-lock{overflow:hidden} /* Страница */ .amt-main{display:block;min-height:50vh} .amt-page{padding-top:var(--am-space-6);padding-bottom:var(--am-space-11)} .amt-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 var(--am-space-4);padding:0;list-style:none;font-size:var(--am-fs-caption);color:var(--am-text-3)} .amt-crumbs li+li::before{content:"›";margin:0 8px;color:var(--am-text-disabled)} .amt-crumbs a{color:var(--am-text-2);text-decoration:none} .amt-crumbs a:hover{color:var(--am-text)} .amt-title{margin:0 0 var(--am-space-8);font-size:var(--am-fs-h2);line-height:var(--am-lh-h2);font-weight:var(--am-fw-semibold);letter-spacing:var(--am-ls-h2)} /* Текст страниц из визуального редактора */ .amt-content{font-size:var(--am-fs-body);line-height:1.6} .amt-content :where(h2,h3,h4){margin:1.6em 0 .6em;font-weight:var(--am-fw-semibold);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3)} .amt-content :where(h2){font-size:var(--am-fs-h3)} .amt-content :where(h3){font-size:20px} .amt-content :where(h4){font-size:var(--am-fs-body)} .amt-content :where(p,ul,ol){margin:0 0 1em} .amt-content :where(ul,ol){padding-left:1.3em} .amt-content :where(li)::marker{color:var(--am-text-3)} .amt-content :where(a){color:var(--am-text);text-decoration:underline;text-decoration-color:var(--am-yellow);text-decoration-thickness:2px;text-underline-offset:3px} .amt-content :where(a:hover){text-decoration-color:var(--am-graphite)} .amt-content :where(img){border-radius:var(--am-radius-lg)} .amt-content :where(table){width:100%;border-collapse:collapse;margin:0 0 1.5em;font-size:var(--am-fs-ui)} .amt-content :where(th,td){padding:12px 14px;border-bottom:1px solid var(--am-line);text-align:left;vertical-align:top} .amt-content :where(th){font-weight:var(--am-fw-semibold);background:var(--am-bg-2)} .amt-content :where(blockquote){margin:0 0 1.5em;padding:14px 18px;border-left:3px solid var(--am-yellow);border-radius:0 var(--am-radius-md) var(--am-radius-md) 0;background:var(--am-bg-2)} .amt-content :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){max-width:100%;min-height:var(--am-control-h-sm);padding:10px 14px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:var(--am-fs-ui);color:var(--am-text)} .amt-content :where(input,select,textarea):focus{outline:none;border-color:var(--am-graphite)} .amt-content :where(input[type=submit],button[type=submit]){min-height:var(--am-control-h-sm);padding:0 22px;border:0;border-radius:var(--am-radius-md);background:var(--am-yellow);color:var(--am-graphite);font:inherit;font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);cursor:pointer} .amt-content :where(input[type=submit],button[type=submit]):hover{background:var(--am-yellow-hover)} /* Каталог запчастей: поиск, разделы, товары, карточка, страницы */ .amt-psearch{display:flex;align-items:center;gap:10px;max-width:820px;margin:0 0 var(--am-space-8);padding:8px 8px 8px 18px;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);box-shadow:var(--am-shadow-float);color:var(--am-text-2)} .amt-psearch:focus-within{border-color:var(--am-graphite)} .amt-psearch svg{flex:none} .amt-psearch input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:18px;color:var(--am-text);-webkit-appearance:none;appearance:none} .amt-psearch input::placeholder{color:var(--am-text-placeholder)} .amt-psearch input:focus-visible{box-shadow:none} .amt-psearch .am-btn{flex:none} /* подсказки поиска (script.js, ajax/search.php) — под полем шапки и каталога */ .amt-has-suggest{position:relative} .amt-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;max-height:min(70vh,460px);overflow:auto;padding:6px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);box-shadow:var(--am-shadow-float);text-align:left} .amt-suggest a{display:flex;gap:10px;align-items:baseline;padding:9px 10px;border-radius:var(--am-radius-sm);color:var(--am-text);font-size:var(--am-fs-small);line-height:1.35;text-decoration:none} .amt-suggest a b{flex:none;font-weight:var(--am-fw-semibold)} .amt-suggest a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--am-text-2)} .amt-suggest a:hover,.amt-suggest a.is-active{background:var(--am-bg-2)} .amt-suggest .amt-suggest-all{justify-content:center;margin-top:4px;border-top:1px solid var(--am-line);border-radius:0;font-weight:var(--am-fw-medium)} .amt-suggest-note,.amt-suggest-empty{margin:0;padding:8px 10px;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap);margin:0;padding:0;list-style:none} .amt-section{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);color:var(--am-text)!important;text-decoration:none;transition:transform var(--am-dur) var(--am-ease),box-shadow var(--am-dur),border-color var(--am-dur-fast)} .amt-section:hover{transform:translateY(-3px);box-shadow:var(--am-shadow-hover);border-color:var(--am-line-strong)} .amt-section-pic{display:flex;align-items:center;justify-content:center;height:64px;margin-bottom:6px} .amt-section-pic:empty{display:none} .amt-section-pic img{max-height:64px;width:auto;object-fit:contain} .amt-section b{font-size:17px;font-weight:var(--am-fw-semibold);line-height:1.25;letter-spacing:-.01em} .amt-section span:last-child{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-subsections{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--am-space-7)} .amt-subsections .am-chip span{margin-left:8px;color:var(--am-text-3);font-weight:var(--am-fw-regular)} .amt-found{margin:0 0 var(--am-space-4);font-size:var(--am-fs-small);color:var(--am-text-2)} /* раздел каталога: бренды слева (catalog.section.list/am, AMT_BRANDS), на телефоне — строкой с прокруткой */ .amt-catalog-cols{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--am-space-8);align-items:start} .amt-catalog-aside{position:sticky;top:140px;max-height:calc(100vh - 156px);overflow:auto} .amt-catalog-main .amt-products{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-brandnav-h{margin:0 0 var(--am-space-2);font-size:var(--am-fs-caption);font-weight:var(--am-fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--am-text-3)} .amt-brandnav ul{margin:0;padding:0;list-style:none} .amt-brandnav li a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--am-radius-sm);color:var(--am-text);font-size:var(--am-fs-small);line-height:1.35;text-decoration:none} .amt-brandnav li a span{flex:none;color:var(--am-text-3)} .amt-brandnav li a:hover{background:var(--am-bg-2)} .amt-brandnav li a[aria-current="page"]{background:var(--am-bg-2);font-weight:var(--am-fw-semibold)} .amt-brandnav-all{display:inline-block;margin:var(--am-space-3) 10px 0;font-size:var(--am-fs-small);color:var(--am-text-2)} @media (max-width:1100px){.amt-catalog-main .amt-products{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){ .amt-catalog-cols{grid-template-columns:1fr;gap:var(--am-space-4)} .amt-catalog-aside{position:static;max-height:none;overflow:visible} .amt-brandnav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch} .amt-brandnav-h,.amt-brandnav-all{display:none} .amt-brandnav ul{display:flex;gap:6px} .amt-brandnav li a{white-space:nowrap;border:1px solid var(--am-line)} } @media (max-width:600px){.amt-catalog-main .amt-products{grid-template-columns:1fr}} .amt-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap);margin:0;padding:0;list-style:none} .amt-product{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);transition:box-shadow var(--am-dur),border-color var(--am-dur-fast)} .amt-product:hover{box-shadow:var(--am-shadow-hover);border-color:var(--am-line-strong)} .amt-product-pic{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:var(--am-bg);color:var(--am-text-disabled);border-bottom:1px solid var(--am-line)} .amt-product-pic img{position:absolute;inset:0;width:100%;height:100%;padding:12px;object-fit:contain} .amt-product-b{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 10px} .amt-product-art{font-size:12px;color:var(--am-text-3);font-variant-numeric:tabular-nums} .amt-product-name{font-size:15px;font-weight:var(--am-fw-medium);line-height:1.35;color:var(--am-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .amt-product-name:hover{text-decoration:underline;text-decoration-color:var(--am-yellow);text-decoration-thickness:2px;text-underline-offset:3px} .amt-product-brand{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-stock{display:inline-flex;align-items:center;gap:6px;font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-stock::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--am-text-disabled)} .amt-stock.is-in::before{background:var(--am-success)} .amt-stock.is-low::before{background:var(--am-yellow)} .amt-product-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 16px} .amt-product-buy form{margin:0} .amt-price{font-size:19px;font-weight:var(--am-fw-semibold);letter-spacing:-.015em;font-variant-numeric:tabular-nums;white-space:nowrap} .amt-price s{margin-left:6px;font-size:var(--am-fs-caption);font-weight:var(--am-fw-regular);color:var(--am-text-3)} .amt-price.is-request{font-size:var(--am-fs-ui);font-weight:var(--am-fw-medium);color:var(--am-text-2)} .amt-empty,.amt-empty-line{color:var(--am-text-2)} .amt-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:620px;padding:var(--am-space-7);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-empty p{margin:0} .amt-empty .am-h3{color:var(--am-text)} .amt-pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--am-space-8)} .amt-pager a,.amt-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--am-radius-md);font-size:var(--am-fs-ui);text-decoration:none} .amt-pager a{border:1px solid var(--am-line);color:var(--am-text)} .amt-pager a:hover{border-color:var(--am-graphite)} .amt-pager .is-on{background:var(--am-graphite);color:#fff;font-weight:var(--am-fw-medium)} /* Названия запчастей длинные — в карточке заголовок размера h3. */ .amt-page:has(.amt-card) .amt-title{font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3);max-width:900px} .amt-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--am-space-8) var(--am-space-9);align-items:start} .amt-card-photo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-xl);background:var(--am-bg);color:var(--am-text-disabled)} .amt-card-photo img{position:absolute;inset:0;width:100%;height:100%;padding:20px;object-fit:contain} .amt-card-photo.is-empty{background:var(--am-bg-2)} .amt-card-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none} .amt-card-thumbs a{display:block;width:72px;height:56px;padding:4px;border:1px solid var(--am-line);border-radius:var(--am-radius-sm)} .amt-card-thumbs img{width:100%;height:100%;object-fit:contain} .amt-card-buy{position:sticky;top:140px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:var(--am-space-7);border-radius:var(--am-radius-xl);background:var(--am-bg-2)} .amt-card-art{margin:0;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-card-art b{color:var(--am-text);font-variant-numeric:tabular-nums} .amt-card-price .amt-price{font-size:32px;letter-spacing:-.03em} .amt-card-form{display:flex;gap:10px;width:100%;margin:0} .amt-qty{width:88px;min-height:var(--am-control-h);padding:0 12px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);font:inherit;font-size:17px;text-align:center} .amt-card-form .am-btn{flex:1} .amt-card-help{margin:0;font-size:var(--am-fs-small);color:var(--am-text-2)} .amt-card-help a{font-weight:var(--am-fw-semibold);color:var(--am-text);text-decoration:none} .amt-card-info{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--am-space-9)} .amt-card-info:empty{display:none} .amt-card-info .am-h3{margin:0 0 var(--am-space-4)} .amt-props{margin:0} .amt-props div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--am-line);font-size:var(--am-fs-ui)} .amt-props dt{color:var(--am-text-2)} .amt-props dd{margin:0} .amt-crosses{margin-top:var(--am-space-10)} .amt-crosses .am-h3{margin:0 0 var(--am-space-5)} /* Подвал */ .amt-ft{background:var(--am-graphite);color:var(--am-text-on-dark-2);font-size:var(--am-fs-small)} .amt-ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:var(--am-space-8);padding:var(--am-space-10) 0 var(--am-space-8)} .amt-ft-logo{display:inline-block;line-height:0} .amt-ft-logo .amt-logo-svg{height:40px} .amt-ft-brand p{max-width:300px;margin:var(--am-space-4) 0 0;line-height:1.5} .amt-ft-h{margin:0 0 var(--am-space-4);font-size:var(--am-fs-kicker);font-weight:var(--am-fw-medium);letter-spacing:var(--am-ls-kicker);text-transform:uppercase;color:var(--am-text-on-dark)} .amt-ft-menu{margin:0;padding:0;list-style:none} .amt-ft-menu li+li{margin-top:10px} .amt-ft a{color:var(--am-text-on-dark-2);text-decoration:none;transition:color var(--am-dur-fast)} .amt-ft a:hover{color:#fff} .amt-ft-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:8px} .amt-ft .amt-ft-phone{font-size:20px;font-weight:var(--am-fw-semibold);color:#fff} .amt-ft .am-more{margin-top:var(--am-space-2);color:#fff} .amt-ft-bottom{display:flex;flex-wrap:wrap;gap:8px 28px;padding:var(--am-space-6) 0;border-top:1px solid var(--am-line-on-dark);font-size:var(--am-fs-caption)} .amt-ft-bottom span{margin-right:auto} /* Формы сайта: окно, поля, запрос на подбор (docs/SITE_TEMPLATE.md, «Формы») */ /* корзина — только тем, кто может заказать (body.amt--buyer, флаг basket_b2b_only); сетка и карточка кэшируются общими */ body:not(.amt--buyer) .amt-buyer-only,.amt--buyer .amt-nobuyer-only{display:none!important} .amt-basket-denied{max-width:640px;padding:var(--am-space-6) 0} .amt-basket-denied p{margin:0 0 var(--am-space-4);color:var(--am-text-2);line-height:var(--am-lh-body)} .amt-basket-denied a:not(.am-btn){color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-basket-denied-actions{display:flex;flex-wrap:wrap;gap:var(--am-space-3)} .amt-card-b2b{margin:0;font-size:var(--am-fs-small);line-height:1.45;color:var(--am-text-2)} .amt-card-b2b a{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt--b2b .amt-guest-only,.amt-b2b-only{display:none!important} .amt--b2b .amt-b2b-only{display:inline-flex!important} .amt-callback{margin-top:3px;font-size:12px;color:var(--am-text);text-decoration:underline;text-decoration-color:var(--am-line-strong);text-underline-offset:3px} .amt-callback:hover{text-decoration-color:currentColor} .amt-phone .amt-callback{font-size:12px;font-weight:var(--am-fw-medium)} .amt-drawer-call{margin-top:var(--am-space-5);width:100%} .amt-ft-ask{font-weight:var(--am-fw-medium);color:inherit} .amt-request{display:flex;align-items:center;justify-content:space-between;gap:var(--am-space-4) var(--am-space-6);flex-wrap:wrap;margin:0 0 var(--am-space-7);padding:var(--am-space-5) var(--am-space-6);border-radius:var(--am-radius-lg);background:var(--am-yellow-soft);border:1px solid rgba(255,210,0,.45)} .amt-request p{margin:0;max-width:640px;font-size:var(--am-fs-ui)} .amt-request + .amt-sections,.amt-sections + .amt-request{margin-top:var(--am-space-7)} .amt-empty-act{display:flex;flex-wrap:wrap;gap:10px} .amt-card-ask{width:100%} .amt-dlg{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--am-radius-xl);background:var(--am-bg);color:var(--am-text);box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain} .amt-dlg::backdrop{background:rgba(23,25,27,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .amt-dlg-x{position:sticky;top:0;float:right;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:8px 8px 0 0;border:0;border-radius:50%;background:var(--am-bg-2);color:var(--am-text);cursor:pointer} .amt-dlg-x:hover{background:var(--am-bg-3)} .amt-dlg-b{min-height:180px;padding:var(--am-space-7)} .amt-dlg-b.is-loading{opacity:.5;pointer-events:none;background:linear-gradient(90deg,transparent,var(--am-bg-2),transparent) 0 0/200% 100% no-repeat} .amt-form{max-width:560px} .amt-form-h{margin:0 48px var(--am-space-3) 0;font-size:var(--am-fs-h3);line-height:var(--am-lh-h3);letter-spacing:var(--am-ls-h3);font-weight:var(--am-fw-semibold)} .amt-form-lead{margin-bottom:var(--am-space-5);color:var(--am-text-2);font-size:var(--am-fs-ui)} .amt-form-lead p{margin:0 0 6px} .amt-form-product{margin:0 0 var(--am-space-5);padding:10px 14px;border-radius:var(--am-radius-sm);background:var(--am-bg-2);font-size:var(--am-fs-small)} .amt-form-error{margin:0 0 var(--am-space-4);padding:10px 14px;border-radius:var(--am-radius-sm);background:#FDECEC;color:#A12222;font-size:var(--am-fs-small)} .amt-form-f{display:grid;grid-template-columns:1fr 1fr;gap:var(--am-space-4) var(--am-space-3);margin:0} .amt-field{display:flex;flex-direction:column;gap:6px;min-width:0} .amt-field--wide,.amt-field--captcha,.amt-field:has(.amt-field-html),.amt-consent,.amt-form-send{grid-column:1/-1} .amt-field label,.amt-field-l{font-size:var(--am-fs-small);font-weight:var(--am-fw-medium);color:var(--am-text-2)} .amt-req{margin-left:2px;color:#C62828} .amt-field input,.amt-field textarea,.amt-field select{width:100%;min-height:var(--am-control-h);padding:12px 14px;border:1px solid var(--am-line-strong);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);font:inherit;font-size:16px;transition:border-color var(--am-dur-fast)} .amt-field textarea{min-height:96px;resize:vertical} .amt-field input:focus,.amt-field textarea:focus,.amt-field select:focus{outline:0;border-color:var(--am-graphite);box-shadow:var(--am-focus-ring)} .amt-field input[type=checkbox],.amt-field input[type=radio]{width:auto;min-height:0} .amt-field.is-error input,.amt-field.is-error textarea,.amt-field.is-error select{border-color:#C62828} .amt-field-e{font-size:var(--am-fs-caption);color:#C62828} .amt-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .amt-captcha img{border-radius:var(--am-radius-sm)} .amt-captcha input{flex:1;min-width:140px} .amt-consent{display:flex;align-items:flex-start;gap:10px;font-size:var(--am-fs-caption);line-height:1.4;color:var(--am-text-2);cursor:pointer} .amt-consent input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--am-graphite)} .amt-consent a{color:inherit} .amt-form-send{width:100%} .amt-form-done{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--am-space-4) 48px var(--am-space-4) 0} .amt-form-done svg{color:var(--am-success)} .amt-form-done p{margin:0;color:var(--am-text-2)} .amt-form-done .am-h3{color:var(--am-text)} .amt-content > .amt-form{padding:var(--am-space-7);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} /* Нижние вкладки — только телефон */ .amt-tabbar{display:none} @media (max-width:1100px){ .amt-menu{gap:18px} } @media (max-width:1000px){ .amt-phone{display:none} .amt-ft-grid{grid-template-columns:1fr 1fr} .amt-sections,.amt-products{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:900px){ html{scroll-padding-top:72px} .amt-nav{display:none} .amt-burger{display:inline-flex} .amt-hd-in{gap:12px;height:64px} .amt-logo .amt-logo-svg{height:38px} .amt-cat{display:none} .amt-card,.amt-card-info{grid-template-columns:1fr;gap:var(--am-space-7)} .amt-card-buy{position:static} .amt-sections,.amt-products{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:600px){ .amt-hd-in{flex-wrap:wrap;height:auto;padding:8px 0 10px;row-gap:8px} .amt-logo{margin-right:auto} .amt-logo .amt-logo-svg{height:34px} .amt-search{order:5;flex:1 0 100%;height:44px} .amt-ic span{display:none} .amt-ic{min-width:40px;height:40px;justify-content:center} .amt-badge{top:0;right:0} .amt-page{padding-top:var(--am-space-4);padding-bottom:var(--am-space-9)} .amt-title{margin-bottom:var(--am-space-6)} .amt-content :where(table){display:block;overflow-x:auto} /* В шапке телефона поиск уже на всю ширину и ведёт туда же (/catalog/?q=). */ .amt-psearch{display:none} .amt-sections{gap:10px} .amt-section{padding:14px} .amt-section b{font-size:15px} .amt-products{grid-template-columns:1fr;gap:10px} .amt-product{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"pic b" "pic buy"} .amt-product-pic{grid-area:pic;aspect-ratio:auto;height:100%;min-height:104px;border-bottom:0;border-right:1px solid var(--am-line)} .amt-product-b{grid-area:b;padding:12px 14px 6px} .amt-product-buy{grid-area:buy;padding:6px 14px 12px} .amt-card-buy{padding:var(--am-space-5)} .amt-card-price .amt-price{font-size:26px} .amt-props div{grid-template-columns:1fr;gap:2px} .amt-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--am-space-7) 16px;padding-top:var(--am-space-9)} .amt-ft-brand,.amt-ft-contacts{grid-column:1 / -1} .amt-ft-col{min-width:0} .amt-ft-menu a{overflow-wrap:anywhere} .amt-ft-bottom span{margin-right:0;flex-basis:100%} body.amt{padding-bottom:calc(64px + env(safe-area-inset-bottom))} .amt-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--am-line)} .amt-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;color:var(--am-text-3);text-decoration:none} .amt-tabbar a[aria-current="page"]{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-tabbar a[aria-current="page"] svg{color:var(--am-graphite)} .amt-request{padding:var(--am-space-4)} .amt-request .am-btn{width:100%} .amt-dlg{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:var(--am-radius-xl) var(--am-radius-xl) 0 0} .amt-dlg-b{padding:var(--am-space-5) var(--am-space-4) calc(var(--am-space-5) + env(safe-area-inset-bottom))} .amt-form-f{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ .amt *{transition:none!important} } /* ---- разделы на инфоблоках: bitrix:news/am, news.list/am, news.detail/am (docs/SITE_TEMPLATE.md, «Разделы на инфоблоках») ---- */ .amt-cnt-meta{display:block;font-size:var(--am-fs-small);color:var(--am-text-3)} .amt-cnt-cards,.amt-cnt-photos,.amt-cnt-logos,.amt-cnt-people,.amt-cnt-quotes,.amt-cnt-files{margin:0 0 var(--am-space-8);padding:0;list-style:none} .amt-cnt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--am-line);border-radius:var(--am-radius-lg);background:var(--am-bg);transition:box-shadow var(--am-dur)} .amt-cnt-card:hover{box-shadow:var(--am-shadow-hover)} .amt-cnt-card-pic{display:block;aspect-ratio:16/10;background:var(--am-bg-2)} .amt-cnt-card-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-card-b{display:flex;flex-direction:column;gap:8px;padding:var(--am-space-5)} .amt-cnt-card-name{font-size:var(--am-fs-lead);font-weight:var(--am-fw-semibold);line-height:1.3;color:var(--am-text);text-decoration:none} .amt-cnt-card-name:hover{text-decoration:underline} .amt-cnt-card-text{margin:0;font-size:var(--am-fs-small);line-height:1.5;color:var(--am-text-2)} .amt-cnt-files{display:flex;flex-direction:column;gap:8px;max-width:820px} .amt-cnt-file{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);text-decoration:none} .amt-cnt-file:hover{border-color:var(--am-line-strong)} .amt-cnt-file--more{margin:6px 0 0 24px} .amt-cnt-file-ext{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--am-radius-sm);background:var(--am-yellow);color:var(--am-graphite);font-size:11px;font-weight:var(--am-fw-semibold)} .amt-cnt-file-b{display:flex;flex-direction:column;gap:2px;min-width:0} .amt-cnt-file-b small{color:var(--am-text-3);font-size:var(--am-fs-caption)} .amt-cnt-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-photo{display:flex;flex-direction:column;gap:8px;color:var(--am-text);text-decoration:none} .amt-cnt-photo-pic{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--am-radius-md);background:var(--am-bg-2)} .amt-cnt-photos--scans .amt-cnt-photo-pic{aspect-ratio:3/4;border:1px solid var(--am-line);background:var(--am-bg)} .amt-cnt-photo-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-photos--scans .amt-cnt-photo-pic img{object-fit:contain} .amt-cnt-photo-name{font-size:var(--am-fs-small);line-height:1.4} .amt-cnt-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-logo{display:flex;flex-direction:column;gap:6px;text-align:center} .amt-cnt-logo-pic{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;padding:14px;border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg);color:var(--am-text);text-decoration:none} .amt-cnt-logo-pic img{max-width:100%;max-height:100%;object-fit:contain} .amt-cnt-logo-name{font-size:var(--am-fs-small);font-weight:var(--am-fw-medium)} .amt-cnt-logo-site{font-size:var(--am-fs-caption);color:var(--am-text-2)} .amt-cnt-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-person{display:flex;flex-direction:column;gap:4px;font-size:var(--am-fs-small)} .amt-cnt-person-pic{display:block;aspect-ratio:1;margin-bottom:8px;overflow:hidden;border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-cnt-person-pic img{width:100%;height:100%;object-fit:cover;display:block} .amt-cnt-person a{color:var(--am-text);overflow-wrap:anywhere} .amt-cnt-acc{display:flex;flex-direction:column;gap:8px;max-width:900px;margin:0 0 var(--am-space-8)} .amt-cnt-acc-item{border:1px solid var(--am-line);border-radius:var(--am-radius-md);background:var(--am-bg)} .amt-cnt-acc-item summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 18px;cursor:pointer;font-weight:var(--am-fw-semibold);list-style:none} .amt-cnt-acc-item summary::-webkit-details-marker{display:none} .amt-cnt-acc-item summary::after{content:"+";margin-left:auto;font-size:20px;line-height:1;color:var(--am-text-3)} .amt-cnt-acc-item[open] summary::after{content:"−"} .amt-cnt-acc-item summary small{font-weight:var(--am-fw-regular);color:var(--am-text-2)} .amt-cnt-acc-item .amt-content{padding:0 18px 16px} .amt-cnt-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--am-card-gap)} .amt-cnt-quote{display:flex;flex-direction:column;justify-content:space-between;gap:var(--am-space-4);padding:var(--am-space-6);border-radius:var(--am-radius-lg);background:var(--am-bg-2)} .amt-cnt-quote blockquote{margin:0;font-size:var(--am-fs-body);line-height:var(--am-lh-body)} .amt-cnt-quote-who{display:flex;align-items:center;gap:12px} .amt-cnt-quote-who img{width:48px;height:48px;border-radius:50%;object-fit:cover} .amt-cnt-quote-who span{display:flex;flex-direction:column} .amt-cnt-quote-who small{color:var(--am-text-2)} .amt-cnt-detail{display:flex;flex-direction:column;gap:var(--am-space-6);max-width:880px} .amt-cnt-detail-pic{margin:0} .amt-cnt-detail-pic img{display:block;max-width:100%;height:auto;border-radius:var(--am-radius-lg)} .amt-cnt-detail--partners .amt-cnt-detail-pic img,.amt-cnt-detail--licenses .amt-cnt-detail-pic img{max-height:220px;width:auto} .amt-cnt-detail section .amt-cnt-photos{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-cnt-contacts{display:flex;flex-wrap:wrap;gap:var(--am-space-4);margin:0} .amt-cnt-contacts a,.amt-cnt-back a{color:var(--am-text);font-weight:var(--am-fw-medium)} .amt-cnt-back{margin:0} @media (max-width:1000px){ .amt-cnt-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .amt-cnt-photos,.amt-cnt-people{grid-template-columns:repeat(3,minmax(0,1fr))} .amt-cnt-logos{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width:600px){ .amt-cnt-cards,.amt-cnt-quotes{grid-template-columns:1fr} .amt-cnt-photos,.amt-cnt-people,.amt-cnt-logos,.amt-cnt-detail section .amt-cnt-photos{grid-template-columns:repeat(2,minmax(0,1fr))} } /* End */ /* /b2b/assets/css/disable-oneclick.css?1794490125285 */ /* /include/catalog-landing/landing.css?179386397960678 */ /* /include/fonts/onest/onest.css?17937059871010 */ /* /include/brand/tokens.css?17937059873264 */ /* /include/brand/components.css?17937059874953 */ /* /local/templates/agromaster/css/product-gallery.css?17939539281276 */ /* /local/templates/agromaster/css/mobile-bottom-menu.css?17938882614519 */ /* /local/templates/agromaster/css/cookie-consent.css?17939729921553 */ /* /local/templates/agromaster/template_styles.css?179388911637858 */