/* Premium Corporate — clean template styles for ua-motor.com (light theme) */
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: local("Montserrat"), url(../fonts/montserrat-regular-webfont.woff2) format("woff2"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: local("Montserrat"), url(../fonts/montserrat-medium-webfont.woff2) format("woff2"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: local("Montserrat"), url(../fonts/montserrat-bold-webfont.woff2) format("woff2"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 900; font-display: swap; src: local("Montserrat"), url(../fonts/montserrat-black-webfont.woff2) format("woff2"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), url(../fonts/roboto-regular-webfont.woff2) format("woff2"); }

:root {
  --prm-red: #e75858;
  --prm-red-dark: #c93c3c;
  --prm-dark: #1e1e1e;
  --prm-dark-2: #2b2b2b;
  --prm-gray: #7f8f9d;
  --prm-light: #f3f3f3;
  --prm-yellow: #f8b704;
  --prm-white: #ffffff;
}

body.prm {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #1e1e1e;
  background: #ffffff;
}

body.prm img { max-width: 100%; height: auto; }
body.prm h1, body.prm h2, body.prm h3, body.prm h4 { font-family: Montserrat, Arial, sans-serif; margin: 0; }

.prm-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* safety: no stray margins from empty autop paragraphs */
.prm-main > p, .prm-main p:empty { display: none; }
.prm-main section { margin: 0; }

/* ---------- topbar ---------- */
.prm-topbar { background: #fff; border-bottom: 1px solid #e6e9ec; font-size: 14px; }
.prm-topbar__row { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
.prm-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.prm-logo__img { display: block; }
.prm-logo__text { font-family: Montserrat, Arial, sans-serif; font-size: 28px; font-weight: 900; line-height: 1; text-transform: uppercase; color: var(--prm-gray); letter-spacing: 1px; }
.prm-logo__text span { color: var(--prm-red); }
.prm-topbar__contacts { display: flex; gap: 22px; flex-wrap: wrap; align-items: center; }
.prm-topbar__item { display: flex; align-items: center; gap: 8px; color: #4d5b66; }
.prm-topbar__item svg { flex-shrink: 0; }
.prm-topbar__item a { color: #1e1e1e; text-decoration: none; font-weight: 500; }
.prm-topbar__item a:hover { color: var(--prm-red); }
.prm-topbar__item a span { color: var(--prm-red); }
.prm-topbar__lang { display: flex; align-items: center; gap: 10px; font-family: Montserrat, Arial, sans-serif; font-weight: 700; }
.prm-topbar__lang-current { background: var(--prm-red); color: #fff; padding: 6px 10px; border-radius: 3px; }
.prm-topbar__lang-link { color: #4d5b66; text-decoration: none; padding: 6px 8px; border: 1px solid #d5dade; border-radius: 3px; }
.prm-topbar__lang-link:hover { color: var(--prm-red); border-color: var(--prm-red); }

/* ---------- hero ---------- */
.prm-hero { position: relative; background: linear-gradient(165deg, #eef2f5 0%, #ffffff 62%); overflow: hidden; }
.prm-hero::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--prm-red), var(--prm-yellow)); }
.prm-hero::before { content: ""; position: absolute; right: -140px; top: -140px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(231,88,88,.12), transparent 68%); }
.prm-hero__inner { position: relative; display: grid; grid-template-columns: 1.25fr 1fr; gap: 48px; align-items: center; padding: 76px 24px 88px; }
.prm-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-family: Montserrat, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--prm-red); margin-bottom: 22px; }
.prm-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--prm-red); }
.prm-hero h1 { font-size: 44px; line-height: 1.18; font-weight: 900; text-transform: uppercase; max-width: 640px; color: #1e1e1e; }
.prm-hero h1 .prm-accent { color: var(--prm-red); }
.prm-hero__text { margin: 22px 0 0; max-width: 560px; color: #5b6b78; font-size: 17px; }
.prm-hero__actions { display: flex; gap: 16px; margin-top: 34px; flex-wrap: wrap; }
.prm-btn { display: inline-block; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 16px 32px; border-radius: 3px; transition: all .2s ease; }
.prm-btn--red { background: var(--prm-red); color: #fff; }
.prm-btn--red:hover { background: var(--prm-red-dark); color: #fff; }
.prm-btn--ghost { border: 2px solid #cdd5db; color: #1e1e1e; }
.prm-btn--ghost:hover { border-color: var(--prm-red); color: var(--prm-red); }
.prm-hero__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.prm-stat { background: #fff; border: 1px solid #e6e9ec; border-top: 3px solid var(--prm-red); padding: 24px 20px; border-radius: 6px; box-shadow: 0 6px 16px rgba(30,30,30,.06); }
.prm-stat__num { font-family: Montserrat, Arial, sans-serif; font-size: 32px; font-weight: 900; line-height: 1; color: #1e1e1e; }
.prm-stat__num span { color: var(--prm-red); }
.prm-stat__label { margin-top: 8px; font-size: 13px; color: #5b6b78; line-height: 1.4; }

/* ---------- advantages ---------- */
.prm-advantages { background: var(--prm-light); padding: 76px 0; }
.prm-section-head { margin-bottom: 44px; }
.prm-section-head__title { font-size: 32px; font-weight: 900; text-transform: uppercase; color: var(--prm-dark); line-height: 1.25; }
.prm-section-head__title span { color: var(--prm-red); }
.prm-section-head__sub { margin-top: 14px; color: #5b6b78; max-width: 720px; font-size: 16px; }
.prm-advantages__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.prm-card { background: #fff; padding: 30px 26px; border-radius: 6px; border-bottom: 3px solid transparent; transition: all .25s ease; box-shadow: 0 1px 3px rgba(30,30,30,.06); }
.prm-card:hover { border-bottom-color: var(--prm-red); transform: translateY(-4px); box-shadow: 0 14px 28px rgba(30,30,30,.12); }
.prm-card__num { font-family: Montserrat, Arial, sans-serif; font-size: 13px; font-weight: 900; color: var(--prm-red); letter-spacing: 2px; }
.prm-card__title { margin: 12px 0 10px; font-size: 18px; font-weight: 700; color: var(--prm-dark); }
.prm-card__text { font-size: 14.5px; color: #4d5b66; margin: 0; }

/* ---------- assortment ---------- */
.prm-assortment { padding: 76px 0; background: #fff; }
.prm-assortment__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.prm-product { display: flex; flex-direction: column; border: 1px solid #e6e9ec; border-radius: 6px; overflow: hidden; text-decoration: none; color: inherit; transition: all .25s ease; background: #fff; }
.prm-product:hover { border-color: var(--prm-red); box-shadow: 0 16px 34px rgba(30,30,30,.12); transform: translateY(-4px); }
.prm-product__media { position: relative; background: #fff; aspect-ratio: 4 / 3; border-bottom: 1px solid #f0f2f4; overflow: hidden; }
.prm-product__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.prm-product__body { padding: 22px 24px 24px; flex: 1; display: flex; flex-direction: column; }
.prm-product__title { font-size: 17px; font-weight: 700; color: var(--prm-dark); margin: 0 0 10px; }
.prm-product__text { font-size: 14px; color: #5b6b78; margin: 0; flex: 1; }
.prm-product__more { margin-top: 16px; font-family: Montserrat, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--prm-red); }
.prm-product:hover .prm-product__more { color: var(--prm-red-dark); }

/* ---------- production ---------- */
.prm-production { background: var(--prm-light); color: #1e1e1e; padding: 76px 0; position: relative; overflow: hidden; }
.prm-production::before { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(231,88,88,.10), transparent 70%); }
.prm-production__grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.prm-production__media { border-radius: 6px; overflow: hidden; box-shadow: 0 18px 40px rgba(30,30,30,.16); }
.prm-production__media img { display: block; width: 100%; height: auto; }
.prm-production .prm-section-head { margin-bottom: 24px; }
.prm-production__text { color: #4d5b66; margin: 0 0 26px; font-size: 15.5px; }
.prm-production__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
.prm-production__list li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: #1e1e1e; background: #fff; border: 1px solid #e6e9ec; border-radius: 4px; padding: 10px 14px; }
.prm-production__list svg { flex-shrink: 0; }

/* ---------- cta ---------- */
.prm-cta { background: linear-gradient(115deg, var(--prm-red) 0%, var(--prm-red-dark) 100%); color: #fff; }
.prm-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 50px 24px; flex-wrap: wrap; }
.prm-cta__title { font-family: Montserrat, Arial, sans-serif; font-size: 26px; font-weight: 900; text-transform: uppercase; line-height: 1.3; }
.prm-cta__text { margin: 10px 0 0; color: #ffd9d9; max-width: 560px; font-size: 15px; }
.prm-cta__actions { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.prm-cta__phone { display: flex; align-items: center; gap: 10px; font-family: Montserrat, Arial, sans-serif; font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; }
.prm-cta__phone:hover { color: var(--prm-yellow); }
.prm-btn--dark { background: var(--prm-dark); color: #fff; }
.prm-btn--dark:hover { background: #000; color: #fff; }

/* ---------- footer ---------- */
.prm-footer { background: #fafafa; border-top: 1px solid #e6e9ec; color: #5b6b78; font-size: 14px; padding: 54px 0 0; }
.prm-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: 30px; padding-bottom: 40px; }
.prm-footer__descr { margin: 14px 0 6px; max-width: 300px; line-height: 1.5; }
.prm-footer__place, .prm-footer__hours { margin: 6px 0 0; }
.prm-footer__title { font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #1e1e1e; margin-bottom: 16px; }
.prm-footer__list { list-style: none; margin: 0; padding: 0; }
.prm-footer__list li { margin-bottom: 8px; }
.prm-footer__list a { color: #5b6b78; text-decoration: none; }
.prm-footer__list a:hover { color: var(--prm-red); }
.prm-footer__list a span { color: var(--prm-red); }
.prm-footer__list .current-menu-item a { color: var(--prm-red); }
.prm-footer__list .current-menu-item a:hover { color: var(--prm-red-dark); }
.prm-footer__copyright { border-top: 1px solid #e6e9ec; padding: 16px 0; color: #8a95a0; font-size: 13px; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .prm-hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .prm-production__grid { grid-template-columns: 1fr; }
  .prm-advantages__grid, .prm-assortment__grid { grid-template-columns: repeat(2, 1fr); }
  .prm-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 24px 30px; }
  .prm-footer__col:first-child { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .prm-topbar__item--hours { display: none; }
}
@media (max-width: 700px) {
  .prm-container { padding: 0 18px; }
  .prm-topbar__row { gap: 12px; min-height: 60px; }
  .prm-topbar__contacts { gap: 12px; font-size: 13px; order: 3; width: 100%; justify-content: space-between; padding-bottom: 10px; }
  .prm-topbar__item--mail { display: none; }
  .prm-logo__text { font-size: 24px; }
  .prm-hero__inner { padding: 44px 18px 52px; gap: 28px; }
  .prm-hero h1 { font-size: 27px; line-height: 1.22; }
  .prm-hero__text { font-size: 15.5px; margin-top: 16px; }
  .prm-hero__actions { margin-top: 24px; gap: 10px; }
  .prm-btn { width: 100%; text-align: center; padding: 15px 20px; }
  .prm-hero__stats { gap: 10px; }
  .prm-stat { padding: 16px 14px; }
  .prm-stat__num { font-size: 24px; }
  .prm-stat__label { font-size: 11.5px; }
  .prm-advantages, .prm-assortment, .prm-production { padding: 48px 0; }
  .prm-section-head { margin-bottom: 28px; }
  .prm-section-head__title { font-size: 24px; }
  .prm-section-head__sub { font-size: 14.5px; }
  .prm-advantages__grid, .prm-assortment__grid { grid-template-columns: 1fr; gap: 14px; }
  .prm-card { padding: 24px 20px; }
  .prm-product__media { aspect-ratio: 4 / 3; }
  .prm-production__grid { gap: 28px; }
  .prm-production__list { grid-template-columns: 1fr; gap: 10px; }
  .prm-cta__inner { flex-direction: column; align-items: flex-start; padding: 38px 18px; }
  .prm-cta__title { font-size: 21px; }
  .prm-cta__phone { font-size: 19px; }
  .prm-footer { padding-top: 40px; }
  .prm-footer__grid { grid-template-columns: 1fr; gap: 26px; }
}
@media (min-width: 701px) and (max-width: 1024px) {
  .prm-advantages__grid, .prm-assortment__grid { grid-template-columns: repeat(2, 1fr); }
}