/* site-footer-match-header-v20.css */
:root{--green:#087b57;--green2:#0a9a61;--navy:#07125e;--blue:#125af5;--pale:#eef9f7}.agrobaza-page .site-content,.agrobaza-page #content{padding:0!important;margin:0!important;max-width:none!important}.agrobaza-page .entry-header,.agrobaza-page .page-header,.agrobaza-page .entry-title{display:none!important}.agrobaza-page .container,.agrobaza-page .content-area,.agrobaza-page .site-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}.ab-site{font-family:Montserrat,Arial,sans-serif;color:#073c43;background:#fff;line-height:1.25}.ab-site *{box-sizing:border-box}.ab-wrap{width:min(1180px,calc(100% - 36px));margin:auto}.ab-header{height:64px;background:#fff;position:sticky;top:0;z-index:100000;box-shadow:0 1px 8px rgba(0,63,74,.07)}.ab-headin{height:64px;display:flex;align-items:center;gap:22px;width:min(1480px,calc(100% - 72px));max-width:none}.ab-header nav{display:flex;gap:25px;flex:1 1 auto;min-width:0;justify-content:center;align-items:stretch;flex-wrap:nowrap;white-space:nowrap}.ab-header nav a{position:relative;display:block;font-size:12px;font-weight:700;color:#145ce5;text-decoration:none;padding:23px 0 22px;transition:color .18s ease;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;flex:0 0 auto}.ab-header nav a.active{color:#078553;font-weight:700}.ab-headcontacts{display:flex;gap:13px;align-items:center;flex:0 0 auto;font-size:10.5px;font-weight:700;color:#101863;white-space:nowrap}.ab-headcontacts span{color:#4266e8}.ab-btn{border:0;border-radius:12px;background:linear-gradient(90deg,#087c58 0%,#0dbb69 100%);color:#fff;font-weight:700;font-size:18px;padding:16px 24px;box-shadow:0 5px 13px rgba(8,123,87,.20);cursor:pointer}.ab-btn-sm{font-size:11.5px;line-height:1;padding:13px 22px;border-radius:24px;min-height:40px;white-space:nowrap;flex:0 0 auto;background:linear-gradient(90deg,#087c58 0%,#0dbb69 100%);box-shadow:0 5px 14px rgba(8,123,87,.17);font-weight:800}.ab-hero{height:500px;background-image:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.42) 31%,rgba(255,255,255,.08) 53%,rgba(255,255,255,0) 64%),url('TOP_MAIN.webp');background-size:cover;background-position:center}.ab-hero>.ab-wrap{height:100%;}
.ab-hero-copy{width:610px;height:100%;padding:50px 0 50px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:stretch;align-items:start}.ab-hero h1{font-size:44px;line-height:1.01;color:#075c54;margin:0;font-weight:800;letter-spacing:-1.6px}.ab-hero h2{font-size:22px;color:#076650;margin:0;line-height:1.16;font-weight:700}.ab-hero mark{background:#f6e51c;color:#0b6c50;padding:0 4px}.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0;width:438px;max-width:100%}.ab-stats>div{background:rgba(255,255,255,.88);border:1px solid rgba(192,215,209,.88);border-radius:8px;padding:8px 8px;min-height:64px;display:grid;grid-template-columns:35px 1fr;align-items:center;box-shadow:0 2px 7px rgba(22,77,69,.12);backdrop-filter:blur(1.5px)}.ab-ico{font-size:29px;color:#087b57;grid-row:1/3}.ab-stats b{font-size:18px;line-height:1;color:#075c54;font-weight:800}.ab-stats span:not(.ab-ico){font-size:9.5px;color:#164b52;line-height:1.15}.ab-hero .ab-btn{width:338px;min-height:57px;padding:14px 20px;font-size:18px;border-radius:12px}
.ab-main{background:linear-gradient(90deg,#fff,#f3fbfb 48%,#fff)}.ab-main h2{color:var(--navy);font-size:30px;margin:0 0 4px;font-weight:800;letter-spacing:-1px}.ab-lead{color:#1460f1;margin:0 0 12px}.ab-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:20px 0 60px;align-items:stretch}.ab-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ab-feature{min-height:150px;background:linear-gradient(#fff,#f7fbfb);border:1px solid #cfe6e7;border-radius:9px;text-align:center;padding:9px 7px;display:flex;flex-direction:column;align-items:center}.ab-feature .ab-ico{font-size:34px}.ab-feature b{color:var(--navy);font-size:14px;margin:4px 0}.ab-feature span:last-child{color:#1a60e8;font-size:11px}.ab-for{background:linear-gradient(135deg,#eefaf7,#e5f5f0);border-radius:20px;padding:30px 32px;display:flex;flex-direction:column;height:100%}.ab-for h2{font-size:32px;color:#063c4a;margin:0 0 14px;line-height:1.1}.ab-for p{font-size:17px;line-height:1.5;margin:0 0 16px}.ab-check{display:flex;align-items:center;gap:12px;color:#06925c;font-weight:800;margin:0;font-size:16px;flex:1 1 0;min-height:48px}.ab-check span{color:#164952;font-weight:500;font-size:16px;line-height:1.42}.ab-check img{width:18px;height:18px;object-fit:contain;flex:0 0 18px;display:block}.ab-about{height:205px;border-radius:16px;margin:0 0 50px;background-image:linear-gradient(90deg,rgba(0,103,73,.94) 0%,rgba(0,103,73,.90) 47%,rgba(0,86,64,.74) 61%,rgba(0,86,64,.38) 70%,rgba(0,86,64,.08) 79%),url('ABOUT_BAZA.webp');background-size:cover;background-position:center;display:grid;grid-template-columns:105px 1.25fr .95fr;gap:20px;padding:20px 286px 20px 28px;color:#fff;align-items:center;overflow:hidden}.ab-about-icon{width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#0ab66e,#006844);display:grid;place-items:center;box-shadow:0 8px 20px #003d2a55}.ab-about-icon img{width:78px;height:78px;object-fit:contain;display:block}.ab-about h2{color:#fff;font-size:27px;line-height:1.05;margin:0 0 10px;letter-spacing:-.5px}.ab-about-copy p{font-size:13px;line-height:1.45;margin:0}.ab-about-list{padding:7px 10px 7px 22px;border-left:1px solid #ffffff66;font-size:12px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(90deg,rgba(0,72,55,.46) 0%,rgba(0,72,55,.25) 58%,rgba(0,72,55,0) 100%);border-radius:0 16px 16px 0;text-shadow:0 1px 2px rgba(0,0,0,.28)}.ab-about-list div{margin:0;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;line-height:1.3}.ab-about-list img{width:26px;height:26px;object-fit:contain;display:block}.ab-about-list span{display:block;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ab-plans{padding:0 0 50px}.ab-plan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ab-plan{position:relative;background:#fff;border:1px solid #d5e7e8;border-radius:10px;text-align:center;padding:20px 12px 15px;min-height:225px}.ab-plan.hot{border:2px solid #079a5d}.ab-plan em{position:absolute;left:0;top:0;background:#ffe81b;color:#0b6a47;font-style:normal;font-weight:700;font-size:10px;padding:6px 10px;border-radius:8px 0}.ab-plan-icon{height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 4px}.ab-plan-icon img{display:block;width:74px;height:58px;max-width:100%;object-fit:contain}.ab-plan h3{margin:2px;color:var(--navy);font-size:16px}.ab-plan p{height:34px;color:#1760ee;font-size:11px;margin:3px}.ab-plan strong{display:block;color:#075b45;font-size:23px;margin:6px}.ab-plan .ab-btn{font-size:13px;padding:10px;width:100%;border-radius:8px}.ab-benefits{padding:0 0 50px}.ab-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ab-benefit-grid>div{background:#fff;border:1px solid #d9e9e9;border-radius:9px;padding:16px 18px;display:flex;align-items:center;min-height:120px}.ab-benefit-grid p{margin:0}.ab-benefit-grid b{display:block;color:var(--navy);font-size:14px}.ab-benefit-grid span:last-child{display:block;color:#175ce4;font-size:10px}.ab-reviews{padding-bottom:50px}.ab-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ab-review-grid>div{background:#fff;border:1px solid #d8e9e9;border-radius:9px;padding:16px;display:flex;gap:12px;min-height:125px}.avatar{width:65px;height:65px;flex:0 0 65px;border-radius:50%;background:linear-gradient(135deg,#dceee9,#7bb4a6);display:grid;place-items:center;font-weight:800;color:#07594e}.ab-review-grid p{margin:0;font-size:10px;color:#184c7a}.ab-review-grid b{display:block;color:var(--navy);font-size:12px}.ab-review-grid small{display:block;color:#1a60ed}.ab-review-grid i{display:block;color:#ffc400;font-style:normal;font-size:16px}.ab-footer{height:180px;background-image:linear-gradient(90deg,rgba(0,50,47,.8),rgba(0,50,47,.15)),url('BOTTOM.webp');background-size:cover;background-position:center 65%;color:#fff}.ab-footer .ab-wrap{height:100%;display:grid;grid-template-columns:1fr 1fr .8fr;align-items:center;gap:30px}.ab-footlogo b{display:block;font-size:39px;line-height:1}.ab-footlogo strong{font-size:18px}.ab-footcontacts{display:flex;flex-direction:column;gap:8px;border-left:1px solid #ffffff80;padding-left:25px}.ab-modal{position:fixed;inset:0;background:#001c1888;z-index:999999;display:none;place-items:center;padding:20px}.ab-modal.show{display:grid}.ab-modal-box{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;text-align:center;box-shadow:0 25px 80px #0005}.ab-modal-box h3{color:var(--navy);font-size:26px;margin:0 0 8px}.ab-modal-box input{width:100%;padding:15px;border:1px solid #bddbd5;border-radius:10px;font-size:18px;margin:12px 0}.ab-modal-box .ab-btn{width:100%}.ab-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;cursor:pointer}.ab-form-msg{display:block;color:#078553;margin-top:10px}

/* CLEAN HEADER */
.ab-header{height:64px;background:#fff;position:sticky;top:0;z-index:100000;box-shadow:0 1px 8px rgba(0,63,74,.07)}
.ab-headin{height:64px;width:min(1180px,calc(100% - 36px));margin:0 auto;display:flex;align-items:center;gap:14px}
.ab-logo{width:220px;flex:0 0 220px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;overflow:visible}
.ab-logo-word{display:block;width:220px;font-family:Montserrat,Arial,sans-serif;font-size:38px;line-height:.86;font-weight:800;letter-spacing:-1.45px;white-space:nowrap;background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ab-logo-sub{display:block;width:220px;height:13px;margin-top:4px;overflow:visible;color:#1767ee}
.ab-header nav{display:flex;gap:16px;flex:1 1 auto;min-width:0;justify-content:center;align-items:stretch;flex-wrap:nowrap;white-space:nowrap}
.ab-header nav a{position:relative;display:block;flex:0 0 auto;font-size:12px;font-weight:700;color:#145ce5;text-decoration:none;padding:23px 0 22px;white-space:nowrap;word-break:normal;overflow-wrap:normal;transition:color .18s ease}
.ab-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2.5px;border-radius:2px;background:#078c60;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.ab-header nav a.active{color:#078553}.ab-header nav a.active::after{transform:scaleX(1)}
.ab-headcontacts{display:flex;gap:8px;align-items:center;flex:0 0 auto;font-size:10.5px;font-weight:700;color:#101863;white-space:nowrap}
.ab-headcontacts b{font-size:11.5px;font-weight:800;display:flex;align-items:center;gap:4px}.ab-headcontacts svg{display:block}.ab-phone svg{width:14px;height:14px;fill:#075b50}
.ab-messenger{display:flex;align-items:center;gap:4px;color:#1761e8!important;font-size:10.5px;font-weight:700;white-space:nowrap}.ab-messenger i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;flex:0 0 21px}.ab-messenger i svg{width:12.5px;height:12.5px;fill:#fff}.ab-tg i{background:#159ee9}.ab-viber i{background:#7b43e6}
.ab-btn-sm{font-size:11.5px;line-height:1;padding:13px 18px;border-radius:24px;min-height:40px;white-space:nowrap;flex:0 0 auto;background:linear-gradient(90deg,#087c58 0%,#0dbb69 100%);box-shadow:0 5px 14px rgba(8,123,87,.17);font-weight:800}

@media(max-width:1200px){.ab-headin{gap:10px}.ab-logo{width:205px;flex-basis:205px}.ab-logo-word{width:205px;font-size:35px}.ab-logo-sub{width:205px;height:12px}.ab-header nav{gap:12px}.ab-headcontacts{gap:6px}.ab-btn-sm{padding-left:14px;padding-right:14px}}
@media(max-width:1050px){.ab-header nav,.ab-headcontacts{display:none}.ab-headin{justify-content:space-between}.ab-logo{width:auto;flex:0 0 auto}.ab-logo-word{width:auto}.ab-logo-sub{width:100%;height:auto}.ab-hero{background-position:58% center}.ab-info-grid{grid-template-columns:1fr}.ab-plan-grid{grid-template-columns:repeat(3,1fr)}.ab-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ab-wrap{width:min(100% - 24px,560px)}.ab-header{height:58px}.ab-headin{height:58px;width:min(100% - 24px,560px)}.ab-logo-word{font-size:31px}.ab-logo-sub{width:100%;height:auto;margin-top:3px}.ab-btn-sm{font-size:9px;padding:10px}.ab-hero{height:auto;min-height:640px;background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 52%,rgba(255,255,255,.05) 76%),url('TOP_MAIN.webp');background-size:auto 640px;background-position:67% bottom}.ab-hero-copy{width:auto;height:auto;padding:30px 0 0;display:block}.ab-hero h1{font-size:38px}.ab-hero h2{font-size:20px}.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-main h2{font-size:26px}.ab-feature-grid{grid-template-columns:repeat(2,1fr)}.ab-feature:last-child{grid-column:span 2}.ab-about{height:auto;min-height:520px;grid-template-columns:1fr;gap:14px;padding:22px;background-image:linear-gradient(180deg,rgba(0,101,69,.98),rgba(0,101,69,.86) 58%,rgba(0,101,69,.1)),url('ABOUT_BAZA.webp');background-position:70% center}.ab-about-icon{width:76px;height:76px}.ab-about-icon img{width:64px;height:64px}.ab-about-list{border-left:0;border-top:1px solid #ffffff55;padding:12px 0 0;background:none;border-radius:0}.ab-plan-grid{grid-template-columns:1fr 1fr}.ab-benefit-grid,.ab-review-grid{grid-template-columns:1fr}.ab-footer{height:auto;min-height:330px}.ab-footer .ab-wrap{grid-template-columns:1fr;text-align:center;padding:28px 0;gap:18px}.ab-footcontacts{border:0;padding:0}.ab-btn{font-size:15px}.ab-plan:last-child{grid-column:span 2}}

/* Exact-width logo caption: SVG textLength guarantees both edges align with AGROBAZA */
.ab-logo-sub text{font-family:Montserrat,Arial,sans-serif;font-size:10.65px;font-weight:500;fill:#1767ee}
@media(max-width:1200px){.ab-logo-sub text{font-size:10.65px}}
@media(max-width:1050px){.ab-logo{width:205px;flex-basis:205px}.ab-logo-word{width:205px}.ab-logo-sub{width:205px;height:12px}}
@media(max-width:700px){.ab-logo{width:180px;flex-basis:180px}.ab-logo-word{width:180px}.ab-logo-sub{width:180px;height:11px}.ab-logo-sub text{font-size:10.65px}}

/* Hero statistic icons from supplied design */
.ab-stats .ab-stat-icon{width:35px;height:42px;display:flex;align-items:center;justify-content:center;font-size:0;line-height:0}
.ab-stats .ab-stat-icon img{display:block;max-width:34px;max-height:36px;width:auto;height:auto;object-fit:contain}

/* HERO VERTICAL DISTRIBUTION — explicit desktop layout */
@media(min-width:701px){
  .ab-hero>.ab-wrap{height:100%;}
  .ab-hero-copy{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;padding:50px 0 50px;}
  .ab-hero-copy>h1{margin:0 0 18px;}
  .ab-hero-copy>h2{margin:0;}
  .ab-hero-copy>.ab-stats{align-self:center;margin:0;}
  .ab-hero-copy>.ab-btn{align-self:end;margin:0;}
}

.ab-feature .ab-ico{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin:2px auto 3px;grid-row:auto}.ab-feature .ab-ico img{display:block;width:100%;height:100%;object-fit:contain}

@media(max-width:700px){.ab-for{height:auto}.ab-for p{font-size:15px}.ab-check{min-height:44px;margin:5px 0}.ab-check span{font-size:14px}.ab-check img{width:18px;height:18px;flex-basis:18px}}

/* fixed-size list check icons */
.ab-for .ab-check>img{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;min-width:18px!important;min-height:18px!important;object-fit:contain!important;display:block!important;flex:0 0 18px!important;}



/* Переваги — фінальні іконки з наданого файлу */
.ab-benefit-grid .ab-benefit-final-icon{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;object-fit:contain!important;display:block!important;flex:0 0 64px!important;margin-right:14px!important}
@media(max-width:700px){.ab-benefit-grid .ab-benefit-final-icon{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex-basis:54px!important}}

/* REVIEWS CAROUSEL V4 — deterministic card visibility, no scrolling/transform */
.ab-review-carousel{position:relative;padding:0 42px!important;overflow:hidden!important}
.ab-review-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;transform:none!important;overflow:visible!important}
.ab-review-grid>div{display:flex!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
.ab-review-grid>div.ab-review-hidden{display:none!important}
.ab-review-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:34px;height:34px;border:1px solid #cfe2df;border-radius:50%;background:#fff;color:#078553;font-size:28px;line-height:1;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px rgba(0,55,45,.14);padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ab-review-prev{left:2px}.ab-review-next{right:2px}
.ab-review-arrow:disabled{opacity:.28;cursor:default}
@media(max-width:900px){.ab-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.ab-review-carousel{padding:0 36px!important}.ab-review-grid{grid-template-columns:1fr!important}.ab-review-grid>div{display:flex!important}.ab-review-grid>div.ab-review-hidden{display:none!important}.ab-review-arrow{width:30px;height:30px;font-size:24px}}


/* REVIEWS CONTENT V5 — supplied portraits and real testimonial copy */
.ab-review-grid>div.ab-review-card{
  align-items:flex-start!important;
  min-height:190px!important;
  padding:18px!important;
}
.ab-review-card .avatar{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  flex:0 0 72px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  background:#eef7f5!important;
}
.ab-review-card p{
  font-size:11px!important;
  line-height:1.48!important;
  color:#184c7a!important;
}
.ab-review-card b{
  font-size:13px!important;
  line-height:1.25!important;
  margin-bottom:2px!important;
}
.ab-review-card small{
  min-height:30px;
  font-size:10px!important;
  line-height:1.3!important;
  margin-bottom:3px!important;
}
.ab-review-card small a{
  color:#1a60ed;
  text-decoration:none;
  font-weight:700;
}
.ab-review-card small a:hover{text-decoration:underline}
.ab-review-card i{margin:2px 0 5px!important}
@media(max-width:700px){
  .ab-review-grid>div.ab-review-card{min-height:0!important;padding:16px!important}
  .ab-review-card .avatar{
    width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important;
  }
  .ab-review-card p{font-size:11.5px!important}
}


/* FOOTER V6 — matched to supplied design */
.ab-footer{
  height:142px!important;
  min-height:142px!important;
  position:relative;
  overflow:hidden;
  color:#fff;
  background-image:
    linear-gradient(90deg,rgba(0,58,52,.83) 0%,rgba(0,61,53,.53) 43%,rgba(0,43,39,.43) 100%),
    url('BOTTOM.webp')!important;
  background-size:cover!important;
  background-position:center 56%!important;
}
.ab-footer:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));
}
.ab-footer .ab-footer-inner{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 72px))!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:1.05fr 1.45fr .95fr!important;
  align-items:center!important;
  gap:38px!important;
  padding:0!important;
  text-align:left!important;
}
.ab-footbrand{align-self:center}
.ab-footlogo-text{
  font-size:38px;
  line-height:.92;
  font-weight:800;
  letter-spacing:-1.5px;
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.24);
}
.ab-footlogo-text span{color:#13d78c}
.ab-footclaim{
  margin-top:7px;
  font-size:18px;
  line-height:1.12;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 7px rgba(0,0,0,.34);
}
.ab-footcta{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
}
.ab-footer-btn{
  min-width:286px;
  height:52px;
  border:1px solid rgba(108,255,192,.82);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(7,157,96,.94),rgba(0,122,79,.96));
  box-shadow:0 5px 15px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 18px;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.ab-footer-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.ab-download-icon{width:27px;height:27px;display:grid;place-items:center}
.ab-download-icon svg{
  width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.ab-footer-arrow{font-size:23px;line-height:1;margin-left:1px}
.ab-footer .ab-footcontacts{
  height:82px;
  border-left:1px solid rgba(255,255,255,.38)!important;
  padding:0 0 0 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:0!important;
}
.ab-footcontact{
  display:flex;
  align-items:center;
  gap:11px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
}
.ab-footcontact b{font-weight:700}
.ab-contact-icon{
  width:23px;height:23px;flex:0 0 23px;border-radius:50%;
  display:grid;place-items:center;
}
.ab-contact-icon svg{width:14px;height:14px;fill:#fff}
.ab-contact-phone{background:#16a66d}
.ab-contact-tg{background:#229ed9}
.ab-contact-viber{background:#7360f2}
@media(max-width:900px){
  .ab-footer{height:auto!important;min-height:230px!important;background-position:center center!important}
  .ab-footer .ab-footer-inner{
    width:min(100% - 36px,700px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px 28px!important;
    padding:24px 0!important;
  }
  .ab-footcta{justify-content:flex-end}
  .ab-footer .ab-footcontacts{
    grid-column:1/-1;
    height:auto;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    padding:14px 0 0!important;
    flex-direction:row!important;
    justify-content:center!important;
    gap:28px!important;
  }
}
@media(max-width:600px){
  .ab-footer{min-height:330px!important}
  .ab-footer .ab-footer-inner{
    width:min(100% - 30px,430px)!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:27px 0!important;
    text-align:center!important;
  }
  .ab-footlogo-text{font-size:37px}
  .ab-footclaim{font-size:17px}
  .ab-footcta{justify-content:center}
  .ab-footer-btn{width:100%;min-width:0;max-width:340px}
  .ab-footer .ab-footcontacts{
    grid-column:auto;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    padding-top:16px!important;
  }
}

.ab-footlogo-text{
 color:transparent!important;
 background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;text-shadow:none!important;
}
.ab-footlogo-text span{color:inherit!important;-webkit-text-fill-color:transparent!important}

/* FOOTER LOGO V8 — header gradient + thin white outline for dark photo background */
.ab-footlogo-text{
  -webkit-text-stroke:1px rgba(255,255,255,.96)!important;
  paint-order:stroke fill!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.32))!important;
}
.ab-footlogo-text span{
  -webkit-text-stroke:1px rgba(255,255,255,.96)!important;
}

/* FOOTER LOGO V9
   Keep the exact header green gradient.
   No text-stroke: white separation is created only outside the glyphs. */
.ab-footlogo-text,
.ab-footlogo-text span{
  -webkit-text-stroke:0 transparent!important;
  text-stroke:0 transparent!important;
  paint-order:normal!important;
}

.ab-footlogo-text{
  color:transparent!important;
  background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;

  /* thin external white halo + soft dark depth; does not cover the fill */
  filter:
    drop-shadow(0.55px 0 0 rgba(255,255,255,.95))
    drop-shadow(-0.55px 0 0 rgba(255,255,255,.95))
    drop-shadow(0 0.55px 0 rgba(255,255,255,.95))
    drop-shadow(0 -0.55px 0 rgba(255,255,255,.95))
    drop-shadow(0 2px 2px rgba(0,0,0,.34))!important;
  text-shadow:none!important;
}
.ab-footlogo-text span{
  color:inherit!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
}

/* FOOTER LOGO V10 — crisp, even 1px white contour outside the glyphs */
.ab-footlogo-text,
.ab-footlogo-text span{
  -webkit-text-stroke:0!important;
  text-stroke:0!important;
  paint-order:normal!important;
}

.ab-footlogo-text{
  color:transparent!important;
  background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
  text-shadow:
     1px  0   0 #fff,
    -1px  0   0 #fff,
     0    1px 0 #fff,
     0   -1px 0 #fff,
     .707px  .707px 0 #fff,
    -.707px  .707px 0 #fff,
     .707px -.707px 0 #fff,
    -.707px -.707px 0 #fff!important;
}

.ab-footlogo-text span{
  color:inherit!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:inherit!important;
  filter:none!important;
}

/* FOOTER LOGO V11 — two independent layers.
   White layer is behind the gradient fill and cannot cover the inside. */
.ab-footlogo-stack{
  position:relative!important;
  display:inline-block!important;
  line-height:.92!important;
  isolation:isolate!important;
}
.ab-footlogo-stack .ab-footlogo-outline,
.ab-footlogo-stack .ab-footlogo-text{
  font-size:38px!important;
  line-height:.92!important;
  font-weight:800!important;
  letter-spacing:-1.5px!important;
  font-family:inherit!important;
  white-space:nowrap!important;
}
.ab-footlogo-stack .ab-footlogo-outline{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  transform:scale(1.018)!important;
  transform-origin:center center!important;
  text-shadow:none!important;
  filter:none!important;
  pointer-events:none!important;
}
.ab-footlogo-stack .ab-footlogo-text{
  position:relative!important;
  z-index:1!important;
  color:transparent!important;
  background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:0!important;
  text-stroke:0!important;
  text-shadow:none!important;
  filter:none!important;
}
@media(max-width:600px){
  .ab-footlogo-stack .ab-footlogo-outline,
  .ab-footlogo-stack .ab-footlogo-text{
    font-size:37px!important;
  }
}

/* FOOTER LOGO V12 — single logo, exact sharp 1px white contour */
.ab-footlogo-stack,
.ab-footlogo-outline{display:none!important}

.ab-footbrand > .ab-footlogo-text{
  display:inline-block!important;
  position:relative!important;
  font-size:38px!important;
  line-height:.92!important;
  font-weight:800!important;
  letter-spacing:-1.5px!important;
  font-family:inherit!important;
  white-space:nowrap!important;

  color:#07885b!important;
  background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;

  /* exact crisp contour; no blur, no shadow, no duplicated layer */
  -webkit-text-stroke:1px #fff!important;
  text-stroke:1px #fff!important;
  paint-order:stroke fill!important;
  text-shadow:none!important;
  filter:none!important;
}

@media(max-width:600px){
  .ab-footbrand > .ab-footlogo-text{font-size:37px!important}
}

/* FOOTER LOGO V13 — clean outer white edge, no glyph text-stroke */
.ab-footbrand > .ab-footlogo-text{
  position:relative!important;
  z-index:1!important;
  -webkit-text-stroke:0 transparent!important;
  text-stroke:0 transparent!important;
  paint-order:normal!important;
  text-shadow:none!important;
  filter:none!important;
  isolation:isolate!important;
}

/* White silhouette is behind the actual logo, so no stroke lines can cross
   or appear inside the green letter faces. */
.ab-footbrand > .ab-footlogo-text::before{
  content:"АГРОБАЗА";
  position:absolute;
  z-index:-1;
  inset:0;
  color:#fff;
  -webkit-text-fill-color:#fff;
  background:none;
  font:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  white-space:nowrap;
  transform:scale(1.012,1.035);
  transform-origin:center center;
  text-shadow:none;
  filter:none;
  pointer-events:none;
}

/* FOOTER LOGO V14 — SVG gives a real, clean 1px white contour and preserves green fill */
.ab-footbrand > .ab-footlogo-text,
.ab-footbrand > .ab-footlogo-stack,
.ab-footbrand > .ab-footlogo-outline{display:none!important}

.ab-footlogo-svg{
  width:245px!important;
  max-width:100%!important;
  height:40px!important;
  display:block!important;
  overflow:visible!important;
}
.ab-footlogo-svg svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
@media(max-width:600px){
  .ab-footlogo-svg{
    width:238px!important;
    height:39px!important;
    margin:0 auto!important;
  }
}

/* V17: uniform outer-only contour generated from the glyph alpha mask */
.ab-footlogo-svg{
  width:250px!important;
  height:44px!important;
  overflow:visible!important;
}
.ab-footlogo-svg svg{overflow:visible!important}
@media(max-width:600px){
  .ab-footlogo-svg{width:242px!important;height:43px!important}
}

/* V19 — footer logo typography exactly follows the header logo */
.ab-footlogo-svg{display:none!important}
.ab-footlogo-match{
  position:relative!important;
  display:inline-block!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:38px!important;
  font-weight:800!important;
  letter-spacing:-1.45px!important;
  line-height:.86!important;
  white-space:nowrap!important;
}
.ab-footlogo-match .ab-footlogo-white,
.ab-footlogo-match .ab-footlogo-green{
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
}
.ab-footlogo-match .ab-footlogo-white{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:
    -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff,
    -1px  0   0 #fff,                 1px  0   0 #fff,
    -1px  1px 0 #fff, 0  1px 0 #fff, 1px  1px 0 #fff!important;
}
.ab-footlogo-match .ab-footlogo-green{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:transparent!important;
  background:linear-gradient(90deg,#075C54 0%,#0AAA62 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
.ab-footbrand{
  width:max-content!important;
  max-width:100%!important;
}
.ab-footclaim{
  width:100%!important;
  max-width:none!important;
  margin-top:7px!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-align:justify!important;
  text-align-last:justify!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .ab-footbrand{margin-left:auto!important;margin-right:auto!important}
  .ab-footclaim{font-size:15px!important}
}

/* V20 */
.ab-footbrand{width:220px!important;max-width:220px!important}
.ab-footclaim{
 width:220px!important;max-width:220px!important;margin-top:8px!important;
 font-size:15px!important;line-height:1.18!important;font-weight:800!important;
 text-align:left!important;text-align-last:auto!important;white-space:normal!important
}
.ab-footclaim span{display:block!important;width:220px!important;white-space:nowrap!important}
@media(max-width:600px){
 .ab-footbrand,.ab-footclaim{width:220px!important;max-width:220px!important}
 .ab-footclaim{font-size:15px!important}
}

/* site-buttons-design-v21.css */

/* V21 — unified button design based on supplied reference.
   Only button appearance is changed; dimensions/layout remain governed by existing CSS. */

:root{
  --ab-btn-dark:#006b46;
  --ab-btn-mid:#07975d;
  --ab-btn-light:#10bd70;
  --ab-btn-border:#0bc77a;
  --ab-btn-shadow:rgba(0,92,58,.24);
}

/* Main CTA buttons, header CTA, hero CTA, footer CTA, modal/purchase CTAs */
.ab-btn,
.ab-open,
.ab-footer-btn,
button.ab-open,
a.ab-btn,
button.ab-btn,
.ab-plan button,
.ab-plan a,
.ab-plan .button,
.ab-plan .ab-buy,
.ab-buy{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:
    linear-gradient(100deg,
      var(--ab-btn-dark) 0%,
      var(--ab-btn-mid) 48%,
      var(--ab-btn-light) 100%)!important;
  border:1px solid var(--ab-btn-border)!important;
  border-radius:11px!important;
  box-shadow:
    0 5px 12px var(--ab-btn-shadow),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}

/* Keep icons/arrows white, as in the reference */
.ab-btn svg,
.ab-open svg,
.ab-footer-btn svg,
.ab-buy svg,
.ab-plan button svg,
.ab-plan a svg{
  color:#fff!important;
  fill:none;
  stroke:#fff!important;
}
.ab-btn .ab-footer-arrow,
.ab-open .ab-footer-arrow,
.ab-footer-btn .ab-footer-arrow{
  color:#fff!important;
}

/* Reference-like interaction without changing geometry */
.ab-btn:hover,
.ab-open:hover,
.ab-footer-btn:hover,
.ab-plan button:hover,
.ab-plan a:hover,
.ab-plan .button:hover,
.ab-plan .ab-buy:hover,
.ab-buy:hover{
  filter:brightness(1.045)!important;
  box-shadow:
    0 7px 16px rgba(0,92,58,.29),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  transform:translateY(-1px);
}
.ab-btn:active,
.ab-open:active,
.ab-footer-btn:active,
.ab-plan button:active,
.ab-plan a:active,
.ab-plan .button:active,
.ab-plan .ab-buy:active,
.ab-buy:active{
  transform:translateY(0);
  filter:brightness(.98)!important;
  box-shadow:
    0 3px 8px rgba(0,92,58,.22),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* Header CTA is slightly pill-shaped in the supplied design */
.ab-head .ab-btn,
.ab-header .ab-btn,
header .ab-btn,
header .ab-open{
  border-radius:22px!important;
}

/* Pricing buttons: same palette/style, preserving their existing width/height */
.ab-plan-grid button,
.ab-plan-grid a.ab-btn,
.ab-plan-grid .ab-buy,
.ab-plan-grid .button{
  border-radius:9px!important;
}

/* Footer CTA follows the same visual system */
.ab-footer-btn{
  background:
    linear-gradient(100deg,#006b46 0%,#07975d 50%,#10bd70 100%)!important;
  border-color:#12cf80!important;
}

/* site-hero-flowing-gradient-v23.css */

/* V23 — main hero CTA:
   continuous flowing green gradient, no pulse, no sweeping shine. */
.ab-hero .ab-btn{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;

  background:
    linear-gradient(
      105deg,
      #00643f 0%,
      #007c4c 18%,
      #07975d 38%,
      #10bd70 58%,
      #07975d 76%,
      #006b46 100%
    )!important;
  background-size:240% 100%!important;
  background-position:0% 50%!important;
  animation:abHeroGradientFlow 6s ease-in-out infinite alternate!important;

  border:1px solid #10c979!important;
  box-shadow:
    0 5px 12px rgba(0,92,58,.24),
    inset 0 1px 0 rgba(255,255,255,.22)!important;

  transition:
    transform .20s ease,
    box-shadow .20s ease,
    filter .20s ease!important;
}

/* Explicitly disable the old shine pseudo-element. */
.ab-hero .ab-btn::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Hover: slightly brighter glow + small lift. Gradient keeps flowing. */
.ab-hero .ab-btn:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.045)!important;
  box-shadow:
    0 10px 23px rgba(0,92,58,.31),
    0 0 0 4px rgba(16,189,112,.08),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Arrow moves gently to the right on hover. */
.ab-hero .ab-btn svg:last-child,
.ab-hero .ab-btn .arrow,
.ab-hero .ab-btn .ab-arrow{
  transition:transform .20s ease!important;
}
.ab-hero .ab-btn:hover svg:last-child,
.ab-hero .ab-btn:hover .arrow,
.ab-hero .ab-btn:hover .ab-arrow{
  transform:translateX(4px)!important;
}

@keyframes abHeroGradientFlow{
  0%   {background-position:0% 50%}
  100% {background-position:100% 50%}
}

@media (prefers-reduced-motion:reduce){
  .ab-hero .ab-btn{
    animation:none!important;
    background-position:50% 50%!important;
  }
}

/* site-button-icons-v24.css */

/* V24 — no right arrows on hero/footer CTAs.
   Hero uses exactly the same left download icon as footer. */
.ab-hero .ab-btn .ab-footer-arrow,
.ab-footer-btn .ab-footer-arrow{
  display:none!important;
}
.ab-hero .ab-btn .ab-download-icon,
.ab-footer-btn .ab-download-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  transform:none!important;
  transition:none!important;
}
.ab-hero .ab-btn:hover .ab-download-icon,
.ab-footer-btn:hover .ab-download-icon{
  transform:none!important;
}

/* site-hero-icon-fix-v26.css */

/* V26 — keep footer-derived download icon; suppress only legacy hero arrow */
.ab-hero .ab-arrow-down,
.ab-hero .arrow-down,
.ab-hero .hero-arrow,
.ab-hero .ab-hero-arrow,
.ab-hero .old-arrow{
  display:none!important;
}
.ab-hero .ab-download-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  transform:none!important;
  transition:none!important;
}
.ab-hero .ab-btn:hover .ab-download-icon{
  transform:none!important;
}

/* site-hero-button-nowrap-v27.css */

/* V27 — hero CTA text always stays on one line */
.ab-hero .ab-btn{
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
}
.ab-hero .ab-btn span{
  white-space:nowrap!important;
}
.ab-hero .ab-btn .ab-download-icon{
  flex:0 0 auto!important;
}

/* site-hero-button-center-v28.css */

/* V28 — center the hero CTA icon + text as one group,
   both horizontally and vertically */
.ab-hero .ab-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  text-align:center!important;
  gap:10px!important;
}
.ab-hero .ab-btn .ab-download-icon{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  line-height:1!important;
}
.ab-hero .ab-btn .ab-download-icon svg{
  display:block!important;
  margin:0!important;
}
.ab-hero .ab-btn span:not(.ab-download-icon){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}

/* site-hero-button-center-fix-v29.css */

/* V29 — center the icon + label as one indivisible group.
   Neutralize legacy absolute/left positioning of the copied icon. */
.ab-hero .ab-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.ab-hero .ab-btn > .ab-download-icon{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  align-self:center!important;
  transform:none!important;
}

.ab-hero .ab-btn > .ab-download-icon svg{
  position:static!important;
  inset:auto!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}

.ab-hero .ab-btn > span:not(.ab-download-icon){
  position:static!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  align-self:center!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* Do not move the download/down icon on hover */
.ab-hero .ab-btn:hover > .ab-download-icon,
.ab-hero .ab-btn:hover > .ab-download-icon svg{
  transform:none!important;
}

/* site-hero-button-center-v30.css */

/* V30 — exact centering of icon + text as one compact group */
.ab-hero .ab-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-flow:row nowrap!important;
  gap:9px!important;
  white-space:nowrap!important;
  text-align:center!important;
}

.ab-hero .ab-btn > .ab-download-icon{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

.ab-hero .ab-btn > .ab-download-icon svg{
  position:static!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

.ab-hero .ab-btn > .ab-hero-btn-label{
  position:static!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* site-reviews-smooth-stable-v33.css */

/* V33 — preserves original working grid carousel; only adds animation + stable geometry */
.ab-review-grid{
  align-items:stretch!important;
  overflow:hidden!important;
}
.ab-review-grid>div.ab-review-card{
  box-sizing:border-box!important;
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.22,.61,.36,1)!important;
  opacity:1!important;
  transform:translateX(0)!important;
  will-change:opacity,transform;
}
.ab-review-grid>div.ab-review-hidden{
  display:none!important;
}
.ab-review-grid>div.ab-review-leave-left{
  opacity:0!important;
  transform:translateX(-22px)!important;
}
.ab-review-grid>div.ab-review-leave-right{
  opacity:0!important;
  transform:translateX(22px)!important;
}
.ab-review-grid>div.ab-review-enter-right{
  opacity:0!important;
  transform:translateX(22px)!important;
}
.ab-review-grid>div.ab-review-enter-left{
  opacity:0!important;
  transform:translateX(-22px)!important;
}

/* Keep the already-correct optical centering of arrows */
.ab-review-arrow{
  display:grid!important;
  place-items:center!important;
  padding:0 0 2px 0!important;
  line-height:1!important;
  text-align:center!important;
  font-family:Arial,sans-serif!important;
  font-size:0!important;
}
.ab-review-arrow::before{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:700!important;
}
.ab-review-prev::before{content:"‹";transform:translateX(-.5px)}
.ab-review-next::before{content:"›";transform:translateX(.5px)}

@media(max-width:700px){
  .ab-review-arrow::before{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .ab-review-grid>div.ab-review-card{transition:none!important}
}

/* site-reviews-v35.css */

/* V34: preserve original 3-column geometry, animate newly shown cards */
.ab-review-grid>div.ab-review-card{
  transition:opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1)!important;
}
.ab-review-grid>div.ab-review-hidden{display:none!important}
.ab-review-grid>div.ab-review-pop-right{
  opacity:0!important;
  transform:translateX(24px)!important;
}
.ab-review-grid>div.ab-review-pop-left{
  opacity:0!important;
  transform:translateX(-24px)!important;
}

/* site-info-headings-align-v38.css */

/* V38 — actual top alignment of the two info columns.
   Right panel (.ab-for) has 30px internal top padding, so the left content
   is lowered by the same 30px. Heading and intro text use identical geometry. */
@media (min-width:1051px){
  .ab-info-grid > div:first-child{
    padding-top:30px!important;
    box-sizing:border-box!important;
  }

  .ab-info-grid > div:first-child > h2,
  .ab-info-grid > .ab-for > h2{
    font-size:32px!important;
    line-height:1.1!important;
    margin:0 0 14px!important;
    padding:0!important;
    min-height:0!important;
  }

  .ab-info-grid > div:first-child > .ab-lead,
  .ab-info-grid > .ab-for > p{
    margin:0 0 16px!important;
    padding:0!important;
    min-height:0!important;
    line-height:1.5!important;
  }
}

/* site-hero-animated-v55-final.css */
/* FINAL V55 — lightweight baked hero animation.
   Flag: approved v40 motion.
   Table: TL 1280,349 | TR 1762,349 | BR 1762,527 | BL 1280,525.
*/
.ab-hero{background-image:url('TOP_MAIN_ANIMATED_V55_FINAL.webp')!important}
@media(prefers-reduced-motion:reduce){
  .ab-hero{background-image:url('TOP_MAIN.webp')!important}
}

/* headings-v60.css */
/* V60 — requested section heading color */
.ab-info-grid > div:first-child > h2,
.ab-info-grid > .ab-for > h2,
.ab-plans > h2,
.ab-benefits > h2,
.ab-reviews > h2 {
  color:#075C54!important;
}

/* hero-subtitle-v61.css */
/* V61 — hero subtitle color */
.ab-hero h2,
.ab-hero h2 mark{
  color:#0AAA62!important;
}

/* colors-v63.css */
/* V63 — exact color for inactive nav and SVG subtitle below header logo */
.ab-header nav a:not(.active),
.ab-head nav a:not(.active),
.ab-nav a:not(.active){
  color:#164952!important;
  -webkit-text-fill-color:#164952!important;
}

.ab-logo-sub{
  color:#164952!important;
}
.ab-logo-sub text{
  fill:#164952!important;
}

/* colors-v64.css */
/* V64 — info section subtitles */
.ab-info-grid > div:first-child > .ab-lead,
.ab-info-grid > .ab-for > p{
  color:#0AAA62!important;
  -webkit-text-fill-color:#0AAA62!important;
}

/* colors-v65.css */
/* V65 — “Що ви отримаєте?” card text colors */
.ab-feature b,
.ab-feature strong{
  color:#075C54!important;
  -webkit-text-fill-color:#075C54!important;
}
.ab-feature span,
.ab-feature p,
.ab-feature small{
  color:#164952!important;
  -webkit-text-fill-color:#164952!important;
}

/* colors-v66.css */
/* V66 — plan card text colors */
.ab-plan b,
.ab-plan strong,
.ab-plan h3,
.ab-plan h4{
  color:#075C54!important;
  -webkit-text-fill-color:#075C54!important;
}

.ab-plan p,
.ab-plan span:not(.ab-download-icon),
.ab-plan small{
  color:#164952!important;
  -webkit-text-fill-color:#164952!important;
}

/* Preserve button text */
.ab-plan button,
.ab-plan button *,
.ab-plan a.ab-btn,
.ab-plan a.ab-btn *,
.ab-plan .ab-buy,
.ab-plan .ab-buy *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* colors-v67.css */
/* V67 — price color */
.ab-plan > strong{
  color:#078553!important;
  -webkit-text-fill-color:#078553!important;
}

/* colors-v68.css */
/* V68 — “Переваги” card text colors */
.ab-benefit-grid b,
.ab-benefit-grid strong{
  color:#075C54!important;
  -webkit-text-fill-color:#075C54!important;
}

.ab-benefit-grid p span,
.ab-benefit-grid p small{
  color:#164952!important;
  -webkit-text-fill-color:#164952!important;
}

/* colors-v69.css */
/* V69 — reviews palette + tariff price */
.ab-review-card p{
  color:#164952!important;
  -webkit-text-fill-color:#164952!important;
}
.ab-review-card p > b{
  color:#075C54!important;
  -webkit-text-fill-color:#075C54!important;
}
.ab-review-card p > small,
.ab-review-card p > small a{
  color:#0AAA62!important;
  -webkit-text-fill-color:#0AAA62!important;
}
.ab-plan > strong{
  color:#0AAA62!important;
  -webkit-text-fill-color:#0AAA62!important;
}

/* colors-v70.css */
/* V70 — keep review palette from v69, restore rating stars */
.ab-review-card p > i{
  color:#F4B400!important;
  -webkit-text-fill-color:#F4B400!important;
}

/* mobile-menu-v75.css */
/* V75 — ONLY mobile menu. Existing desktop/mobile design remains unchanged. */
.ab-mobile-menu-toggle{display:none}
@media(max-width:700px){
  .ab-header .ab-headin{position:relative!important}
  .ab-mobile-menu-toggle{
    display:flex!important;
    width:38px;height:38px;padding:7px;border:0;background:transparent;
    flex-direction:column;justify-content:center;align-items:center;gap:5px;
    margin-left:auto;cursor:pointer;z-index:10002
  }
  .ab-mobile-menu-toggle span{
    display:block;width:24px;height:2.5px;border-radius:2px;background:#075C54;
    transition:transform .2s ease,opacity .2s ease
  }
  .ab-mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .ab-mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .ab-mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

  .ab-header nav{
    display:none!important;
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    background:#fff!important;padding:8px 16px 14px!important;
    box-shadow:0 12px 24px rgba(7,92,84,.16)!important;
    z-index:10001!important;flex-direction:column!important;align-items:stretch!important;gap:0!important
  }
  .ab-header nav.ab-mobile-open{display:flex!important}
  .ab-header nav a{
    display:block!important;padding:13px 4px!important;text-align:left!important;
    font-size:14px!important;border-bottom:1px solid #e4efec!important
  }
  .ab-header nav a:last-child{border-bottom:0!important}
  .ab-header nav a::after{bottom:6px!important}
}

/* mobile-hero-v99.css */
@media screen and (max-width:700px){
.ab-header .ab-btn-sm.ab-open{display:none!important}
section#top.ab-hero{height:690px!important;min-height:690px!important;background-repeat:no-repeat!important;background-size:auto 690px!important;background-position:67% bottom!important}
section#top.ab-hero>.ab-wrap{height:100%!important}
section#top.ab-hero .ab-hero-copy{width:100%!important;height:100%!important;box-sizing:border-box!important;padding:31px 22px 27px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;position:relative!important}
section#top.ab-hero .ab-hero-copy::before{content:none!important;display:none!important}
section#top.ab-hero h1,section#top.ab-hero h2{position:relative!important;z-index:1!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-left:0!important;max-width:100%!important}
section#top.ab-hero h1{font-family:Montserrat,Arial,sans-serif!important;font-size:31px!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-1.05px!important;color:#075C54!important;margin:0 0 17px!important;-webkit-text-stroke:.15px #075C54!important;text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 9px rgba(255,255,255,.98),0 0 15px rgba(255,255,255,.92),0 0 23px rgba(255,255,255,.72),0 0 32px rgba(255,255,255,.46)!important}
section#top.ab-hero h2{font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:18px!important;line-height:1.24!important;font-weight:700!important;letter-spacing:-.20px!important;color:#078553!important;margin:0!important;-webkit-text-stroke:.1px #078553!important;text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 9px rgba(255,255,255,.98),0 0 14px rgba(255,255,255,.90),0 0 21px rgba(255,255,255,.66),0 0 29px rgba(255,255,255,.40)!important}
section#top.ab-hero h2 mark{font:inherit!important;font-weight:700!important;color:#078553!important;background:#ffed00!important;padding:0 3px!important;border-radius:0!important;text-shadow:0 0 5px rgba(255,255,255,.85),0 0 11px rgba(255,255,255,.55)!important}
section#top.ab-hero .ab-stats{width:56%!important;min-width:245px!important;margin:118px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;position:relative!important;z-index:1!important}
section#top.ab-hero .ab-stats>div{width:100%!important;min-height:65px!important;padding:9px 13px!important;border-radius:13px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 4px 13px rgba(7,92,84,.09)!important}
section#top.ab-hero .ab-hero-copy>button.ab-btn{position:absolute!important;left:22px!important;right:22px!important;bottom:27px!important;width:auto!important;max-width:none!important;min-height:58px!important;margin:0!important;z-index:1!important}
}
@media screen and (max-width:430px){section#top.ab-hero .ab-hero-copy{padding-left:18px!important;padding-right:18px!important}section#top.ab-hero .ab-stats{width:59%!important;min-width:228px!important}section#top.ab-hero .ab-hero-copy>button.ab-btn{left:18px!important;right:18px!important}}


/* V89 — MOBILE ONLY: statistic cards matched to supplied design. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats{
    width:56%!important;
    min-width:245px!important;
    max-width:270px!important;
    margin:118px 0 0!important;
    gap:7px!important;
  }

  section#top.ab-hero .ab-stats>div{
    box-sizing:border-box!important;
    width:100%!important;
    height:67px!important;
    min-height:67px!important;
    padding:8px 12px!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    grid-template-rows:34px 17px!important;
    column-gap:9px!important;
    row-gap:0!important;
    align-items:center!important;
    text-align:left!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.91)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 5px 15px rgba(7,92,84,.10)!important;
  }

  section#top.ab-hero .ab-stats .ab-stat-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:58px!important;
    height:52px!important;
    min-width:58px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon img{
    width:56px!important;
    height:50px!important;
    max-width:56px!important;
    max-height:50px!important;
    object-fit:contain!important;
    display:block!important;
  }

  section#top.ab-hero .ab-stats b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    padding:0!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.55px!important;
    color:#075C54!important;
    white-space:nowrap!important;
  }

  section#top.ab-hero .ab-stats>div>span:last-child{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:1px 0 0!important;
    padding:0!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:#164952!important;
    white-space:nowrap!important;
  }
}

@media screen and (max-width:430px){
  section#top.ab-hero .ab-stats{
    width:59%!important;
    min-width:228px!important;
    max-width:255px!important;
  }
  section#top.ab-hero .ab-stats>div{
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon{
    width:54px!important;
    min-width:54px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon img{
    width:52px!important;
    max-width:52px!important;
  }
  section#top.ab-hero .ab-stats b{
    font-size:19px!important;
  }
  section#top.ab-hero .ab-stats>div>span:last-child{
    font-size:11px!important;
  }
}

/* V90 — MOBILE ONLY: equal visual left/right padding in statistic cards. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  section#top.ab-hero .ab-stats>div{
    width:268px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media screen and (max-width:430px){
  section#top.ab-hero .ab-stats{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  section#top.ab-hero .ab-stats>div{
    width:255px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* V91 — MOBILE ONLY: compact statistic cards, small equal visual side margins. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    width:232px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon{
    width:54px!important;
    min-width:54px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon img{
    width:52px!important;
    max-width:52px!important;
  }
  section#top.ab-hero .ab-stats b{
    font-size:19px!important;
  }
  section#top.ab-hero .ab-stats>div>span:last-child{
    font-size:10.5px!important;
  }
}
@media screen and (max-width:430px){
  section#top.ab-hero .ab-stats>div{
    width:228px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
}

/* V92 — MOBILE ONLY: right visible whitespace reduced to match left inset. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats{
    width:218px!important;
    min-width:218px!important;
    max-width:218px!important;
  }
  section#top.ab-hero .ab-stats>div{
    width:218px!important;
    min-width:218px!important;
    max-width:218px!important;
    padding-left:10px!important;
    padding-right:8px!important;
    grid-template-columns:52px 1fr!important;
    column-gap:6px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon{
    width:50px!important;
    min-width:50px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon img{
    width:49px!important;
    max-width:49px!important;
  }
  section#top.ab-hero .ab-stats b{
    font-size:18px!important;
    letter-spacing:-.45px!important;
  }
  section#top.ab-hero .ab-stats>div>span:last-child{
    font-size:10px!important;
  }
}
@media screen and (max-width:430px){
  section#top.ab-hero .ab-stats,
  section#top.ab-hero .ab-stats>div{
    width:218px!important;
    min-width:218px!important;
    max-width:218px!important;
  }
}

/* V93 — MOBILE ONLY: statistic cards reduced to 180px as requested. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }

  section#top.ab-hero .ab-stats>div{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:62px!important;
    min-height:62px!important;
    padding:7px 7px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:32px 15px!important;
    column-gap:5px!important;
  }

  section#top.ab-hero .ab-stats .ab-stat-icon{
    width:42px!important;
    min-width:42px!important;
    height:47px!important;
  }
  section#top.ab-hero .ab-stats .ab-stat-icon img{
    width:41px!important;
    max-width:41px!important;
    height:45px!important;
    max-height:45px!important;
  }

  section#top.ab-hero .ab-stats b{
    font-size:16px!important;
    line-height:1!important;
    letter-spacing:-.4px!important;
  }

  section#top.ab-hero .ab-stats>div>span:last-child{
    font-size:9px!important;
    line-height:1!important;
  }
}

@media screen and (max-width:430px){
  section#top.ab-hero .ab-stats,
  section#top.ab-hero .ab-stats>div{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
}

/* V94 — MOBILE ONLY: larger typography + vertically aligned stat text. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:66px!important;
    min-height:66px!important;
    padding:7px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:1fr 1fr!important;
    column-gap:6px!important;
    row-gap:0!important;
    align-items:center!important;
  }

  section#top.ab-hero .ab-stats .ab-stat-icon{
    grid-row:1 / 3!important;
    align-self:center!important;
  }

  section#top.ab-hero .ab-stats b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0 0 2px!important;
    font-size:19px!important;
    line-height:1!important;
    letter-spacing:-.45px!important;
  }

  section#top.ab-hero .ab-stats>div>span:last-child{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:1px 0 0!important;
    font-size:10.5px!important;
    line-height:1.05!important;
  }
}

/* V95 — MOBILE ONLY: center the complete icon + text group inside each 180px card. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    grid-template-columns:44px 105px!important;
    column-gap:6px!important;
    justify-content:center!important;
  }

  section#top.ab-hero .ab-stats .ab-stat-icon{
    justify-self:center!important;
    align-self:center!important;
  }

  section#top.ab-hero .ab-stats b,
  section#top.ab-hero .ab-stats>div>span:last-child{
    justify-self:start!important;
    text-align:left!important;
  }
}

/* V96 — MOBILE ONLY: requested statistic grid columns. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    grid-template-columns:60px 100px!important;
  }
}

/* V97 — MOBILE ONLY: larger stat text and vertically centered text group. */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    grid-template-columns:60px 100px!important;
    grid-template-rows:22px 18px!important;
    align-content:center!important;
    align-items:center!important;
  }

  section#top.ab-hero .ab-stats b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    font-size:21px!important;
    line-height:1!important;
  }

  section#top.ab-hero .ab-stats>div>span:last-child{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.05!important;
  }

  section#top.ab-hero .ab-stats .ab-stat-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
  }
}

/* V98 — MOBILE ONLY: one common left/right content line. */
@media screen and (max-width:700px){
  section#top.ab-hero>.ab-wrap{
    width:min(100% - 24px,560px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  section#top.ab-hero .ab-hero-copy{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  section#top.ab-hero .ab-hero-copy>h1,
  section#top.ab-hero .ab-hero-copy>h2{
    width:100%!important;
    max-width:100%!important;
  }
  section#top.ab-hero .ab-hero-copy>button.ab-btn{
    left:0!important;
    right:0!important;
    width:auto!important;
  }
}
@media screen and (max-width:430px){
  section#top.ab-hero .ab-hero-copy{
    padding-left:0!important;
    padding-right:0!important;
  }
  section#top.ab-hero .ab-hero-copy>button.ab-btn{
    left:0!important;
    right:0!important;
  }
}

/* V99 — MOBILE ONLY: larger hero subtitle. */
@media screen and (max-width:700px){
  section#top.ab-hero h2{
    font-size:21px!important;
    line-height:1.20!important;
    letter-spacing:-.25px!important;
  }
  section#top.ab-hero h2 mark{
    font-size:inherit!important;
    line-height:inherit!important;
  }
}

/* tablet-about-v100.css */

/* V100 — TABLET ONLY: keep all "Про базу АГРОБАЗА" content inside its panel. */
@media screen and (min-width:701px) and (max-width:1050px){
  .ab-about{
    height:auto!important;
    min-height:290px!important;
    grid-template-columns:75px minmax(0,1.2fr) minmax(0,.9fr)!important;
    gap:14px!important;
    padding:20px clamp(120px,22vw,210px) 20px 22px!important;
    align-items:center!important;
  }
  .ab-about-icon{
    width:72px!important;
    height:72px!important;
  }
  .ab-about-icon img{
    width:62px!important;
    height:62px!important;
  }
  .ab-about h2{
    font-size:24px!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }
  .ab-about-copy p{
    font-size:12px!important;
    line-height:1.38!important;
  }
  .ab-about-list{
    padding:6px 6px 6px 14px!important;
    font-size:11.5px!important;
    gap:8px!important;
  }
  .ab-about-list div{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:7px!important;
    line-height:1.22!important;
  }
  .ab-about-list img{
    width:24px!important;
    height:24px!important;
  }
}

/* mobile-stat-v101.css */
/* V101 — MOBILE ONLY */
@media screen and (max-width:700px){
  section#top.ab-hero .ab-stats>div{
    grid-template-columns:60px 110px!important;
  }
}

/* desktop-stat-v102.css */

/* V102 — DESKTOP ONLY: 10px gap between stat icons and text. */
@media screen and (min-width:1051px){
  section#top.ab-hero .ab-stats>div{
    column-gap:10px!important;
  }
}

/* desktop-stat-v103.css */

/* V103 — DESKTOP ONLY: keep statistic values on one line and give text more room. */
@media screen and (min-width:1051px){
  section#top.ab-hero .ab-stats>div{
    column-gap:10px!important;
    grid-template-columns:auto minmax(115px,1fr)!important;
  }
  section#top.ab-hero .ab-stats b{
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
}

/* desktop-stat-v104.css */

/* V104 — DESKTOP ONLY:
   10px left inset, 10px icon-to-text gap, 10px right inset.
   Cards shrink to their actual content instead of keeping unused space. */
@media screen and (min-width:1051px){
  section#top.ab-hero .ab-stats{
    grid-template-columns:repeat(3, max-content)!important;
    justify-content:start!important;
  }

  section#top.ab-hero .ab-stats>div{
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:10px!important;
    padding-right:10px!important;
    column-gap:10px!important;
    grid-template-columns:max-content max-content!important;
  }

  section#top.ab-hero .ab-stats b,
  section#top.ab-hero .ab-stats>div>span:last-child{
    white-space:nowrap!important;
    min-width:0!important;
  }
}