/* =========================================================
   Раздел «Запчасти для сельхозтехники» – n-mash.ru
   Все классы с префиксом agp- (agri parts), чтобы не пересекаться со стилями сайта.
   Шрифты: Rubik (текст) и Oswald (заголовки, кнопки) – Google Fonts.
   Если на сайте они уже подключены, строку @import можно удалить.
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Rubik:wght@400;500;700&display=swap");

.agp {
  --agp-dark: #333333;
  --agp-yellow: #EEBB34;
  --agp-yellow-hover: #D9A51F;
  --agp-green: #367C2B;
  --agp-green-dark: #2E6B24;
  --agp-green-line: #4FA33F;
  --agp-green-bg: #F1F6EF;
  --agp-green-pale: #E3EFE0;
  --agp-text: #1A1A1A;
  --agp-muted: #5C5C5C;
  --agp-border: #DADADA;
  color: var(--agp-text);
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.agp *, .agp *::before, .agp *::after { box-sizing: border-box; }
.agp a { color: var(--agp-green-dark); }
.agp a:hover { color: #1F4A18; }
.agp-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.agp-main { display: flex; flex-direction: column; gap: 56px; padding-top: 36px; padding-bottom: 64px; }

/* ---------- Заголовки и кнопки ---------- */
.agp-h1 { margin: 0; font-family: Oswald, Arial, sans-serif; font-weight: 700; font-size: 44px; line-height: 1.1; text-transform: uppercase; }
.agp-h1 span { color: var(--agp-green); }
.agp-h2 { margin: 0; font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 30px; line-height: 1.2; text-transform: uppercase; }
.agp-underline { width: 56px; height: 4px; background: var(--agp-yellow); }
.agp-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 10px 26px; line-height: 1.2; text-align: center;
  background: var(--agp-yellow); color: var(--agp-text) !important; border: 0; cursor: pointer; text-decoration: none;
  font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 18px; letter-spacing: .5px; text-transform: uppercase;
}
.agp-btn:hover { background: var(--agp-yellow-hover); }
.agp-btn--green { background: var(--agp-green); color: #FFFFFF !important; min-height: 46px; font-size: 17px; }
.agp-btn--green:hover { background: var(--agp-green-dark); }

/* ---------- Первый экран ---------- */
.agp-hero { background: var(--agp-green-bg); border-bottom: 4px solid var(--agp-green); }
.agp-hero .agp-container { padding-top: 20px; padding-bottom: 40px; }
.agp-crumbs { font-size: 13px; color: var(--agp-muted); margin-bottom: 26px; }
.agp-hero__row { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
.agp-hero__text { flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.agp-hero__lead { margin: 0; font-size: 18px; max-width: 600px; }
.agp-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.agp-hero__note { font-size: 14px; color: var(--agp-muted); }
.agp-hero__img { flex: 1 1 340px; width: 100%; max-width: 440px; height: 260px; object-fit: cover; }

/* ---------- Фильтр ---------- */
.agp-filter { background: var(--agp-dark); padding: 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.agp-filter label { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 6px; color: #FFFFFF; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.agp-filter select { width: 100%; min-width: 0; height: 46px; padding: 0 12px; border: 0; font-family: Rubik, Arial, sans-serif; font-size: 16px; text-transform: none; }

/* ---------- Плитки брендов и типов ---------- */
.agp-section { display: flex; flex-direction: column; gap: 22px; }
.agp-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.agp-brand { display: flex; flex-direction: column; gap: 4px; padding: 18px 18px 16px; border: 1px solid var(--agp-border); border-top: 4px solid var(--agp-green); background: #FFFFFF; color: var(--agp-text) !important; text-decoration: none; }
.agp-brand:hover { border-color: var(--agp-green); }
.agp-brand__name { font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 22px; text-transform: uppercase; }
.agp-brand__sub { font-size: 13px; color: var(--agp-muted); }
.agp-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.agp-chip { max-width: 100%; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--agp-green-bg); color: var(--agp-text) !important; text-decoration: none; font-weight: 500; }
.agp-chip::before { content: ""; width: 10px; height: 10px; background: var(--agp-green); transform: skewX(-20deg); }
.agp-chip:hover { background: var(--agp-green-pale); }

/* ---------- Карточки (типы техники, узлы) ---------- */
.agp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.agp-card { display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid var(--agp-border); border-top: 4px solid var(--agp-green); }
.agp-card h3 { margin: 0; font-size: 20px; font-weight: 500; }
.agp-card p { margin: 0; font-size: 15px; color: #444444; }
.agp-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.agp-tag { background: var(--agp-green-bg); color: var(--agp-green-dark); font-size: 13px; font-weight: 500; padding: 4px 10px; }
.agp-parts { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.agp-part { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: #F7F7F7; }
.agp-part b { font-weight: 500; }
.agp-part span { font-size: 13px; color: var(--agp-muted); }
.agp-models { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.agp-model { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: var(--agp-dark); color: #FFFFFF; }
.agp-model b { font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 26px; text-transform: uppercase; color: var(--agp-yellow); }
.agp-model span { font-size: 14px; color: #D6D6D6; }

/* ---------- Подбор по каталожному номеру ---------- */
.agp-catalog { display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; padding: 28px; background: var(--agp-green-bg); border-top: 4px solid var(--agp-yellow); }
.agp-catalog__text { flex: 1 1 360px; display: flex; flex-direction: column; gap: 8px; }
.agp-catalog__text .agp-h2 { font-size: 26px; }
.agp-catalog__text p { margin: 0; color: #444444; }
.agp-catalog__form { flex: 1 1 400px; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.agp-catalog__form label { flex: 1 1 260px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.agp-catalog__form input { width: 100%; height: 48px; padding: 0 12px; border: 1px solid #BDBDBD; font-family: Rubik, Arial, sans-serif; font-size: 16px; }
.agp-catalog__form .agp-btn { min-height: 48px; font-size: 17px; }

/* ---------- Форма заявки + менеджер ---------- */
.agp-request { display: flex; flex-wrap: wrap; background: var(--agp-dark); color: #FFFFFF; scroll-margin-top: 20px; }
.agp-request__side { flex: 1 1 340px; min-width: 0; padding: 36px; display: flex; flex-direction: column; gap: 18px; background: var(--agp-green); }
.agp-request__title { margin: 0; font-family: Oswald, Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.15; text-transform: uppercase; }
.agp-request__sub { margin: 0; font-size: 18px; }
.agp-request__hours { margin: 0; font-size: 14px; color: var(--agp-green-pale); }
.agp-manager { display: flex; flex-direction: column; gap: 14px; margin-top: auto; padding-top: 12px; }
.agp-manager__label { font-size: 13px; color: var(--agp-green-pale); }
.agp-contacts { display: flex; gap: 8px; }
.agp-contacts a {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  background: #FFFFFF; color: var(--agp-green) !important; text-decoration: none;
  font-family: Oswald, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .5px;
}
.agp-contacts a:hover { background: var(--agp-yellow); color: var(--agp-text) !important; }
.agp-contacts svg { width: 22px; height: 22px; fill: currentColor; }
.agp-manager__person { display: flex; align-items: center; gap: 14px; }
.agp-manager__photo { width: 96px; height: 96px; flex: 0 0 auto; object-fit: cover; border: 3px solid #FFFFFF; }
.agp-manager__name { font-weight: 500; font-size: 17px; }
.agp-manager__role { font-size: 14px; color: var(--agp-green-pale); }
.agp-form { flex: 999 1 460px; min-width: 0; padding: 36px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.agp-form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.agp-form input[type=text], .agp-form input[type=tel], .agp-form input[type=email], .agp-form textarea {
  width: 100%; height: 46px; padding: 0 12px; border: 0; font-family: Rubik, Arial, sans-serif; font-size: 16px; color: var(--agp-text);
}
.agp-form textarea { height: auto; padding: 10px 12px; resize: vertical; }
.agp-form .agp-wide { grid-column: 1 / -1; }
.agp-file { align-items: center; padding: 18px; border: 2px dashed var(--agp-yellow); text-align: center; font-size: 15px; cursor: pointer; }
.agp-file b { font-weight: 500; }
.agp-file span, .agp-file input { font-size: 13px; color: #CFCFCF; }
.agp-consent { flex-direction: row !important; align-items: flex-start; gap: 10px !important; font-size: 13px !important; color: #CFCFCF; }
.agp-consent input { margin-top: 3px; }
.agp-form .agp-btn { min-height: 54px; font-size: 19px; }

/* ---------- Плашка «Крупный агрегат» ---------- */
.agp-bigunit { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; padding: 22px 26px; border: 2px solid var(--agp-green); background: var(--agp-green-bg); }
.agp-bigunit__text { flex: 1 1 320px; font-size: 18px; font-weight: 500; }
.agp-bigunit__links { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 15px; }

/* ---------- SEO-текст ---------- */
.agp-seo { display: flex; flex-direction: column; gap: 14px; max-width: 820px; }
.agp-seo h2 { margin: 12px 0 0; font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 24px; line-height: 1.25; text-transform: uppercase; }
.agp-seo p { margin: 0; }
.agp-seo ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 4px; }

/* ---------- Перелинковка ---------- */
.agp-links { display: flex; flex-direction: column; gap: 12px; }
.agp-links h2 { margin: 0; font-size: 18px; font-weight: 500; }
.agp-links div { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 15px; }

/* ---------- Телефон ---------- */
@media (max-width: 640px) {
  .agp-h1 { font-size: 32px; }
  .agp-h2 { font-size: 24px; }
  .agp-request__side, .agp-form { padding: 24px; }
  .agp-request__title { font-size: 26px; }
  .agp-request__side { flex-basis: 100%; }
  .agp-form { flex-basis: 100%; grid-template-columns: 1fr; }
  .agp-catalog { padding: 20px; }
  .agp-catalog__text, .agp-catalog__form, .agp-bigunit__text { flex-basis: 100%; }
  .agp-hero__img { height: 200px; }
}

/* filter-light */
.agp-filter select{background-color:#fff!important;color:#1A1A1A!important;border-color:#fff}
.agp-filter select option{color:#1A1A1A;background:#fff}

/* form-light */
.agp-form input[type=text],.agp-form input[type=tel],.agp-form input[type=email],.agp-form textarea,.agp-catalog input{background-color:#fff!important;color:#1A1A1A!important}
.agp-form input::placeholder,.agp-form textarea::placeholder,.agp-catalog input::placeholder{color:#8a8a8a}

/* consent-fix */
.agp-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left}
.agp-consent input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:auto!important;display:inline-block!important;position:static!important;opacity:1!important;width:16px!important;height:16px!important;min-width:16px;flex:none!important;margin:3px 0 0!important}
.agp-consent a{color:#CFCFCF;text-decoration:underline}
.agp-form > span:empty{display:none}

/* filter-align */
.agp-filter select{height:46px!important;margin:0!important;box-sizing:border-box}
.agp-filter .agp-btn{height:46px!important;min-height:46px;margin:0!important;padding-top:0!important;padding-bottom:0!important;align-self:flex-end}

/* file-dark */
.agp-form .agp-file{background:transparent!important;color:#FFFFFF!important}
.agp-form .agp-file b{color:#FFFFFF!important}
.agp-form .agp-file span{color:#CFCFCF!important}
.agp-form .agp-file input[type=file]{background:transparent!important;color:#CFCFCF!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;width:auto!important;margin:4px auto 0!important;font-size:14px}