:root {
  --akxim-red: #e6321c;
  --akxim-red-ink: #ce2916;
  --orange: var(--akxim-red-ink);
}

.site-header .brand img, .home-footer .footer-brand img {
  display: block;
  width: clamp(100px, 11vw, 156px);
  height: auto;
  filter: none;
}

.hero .orange-panel { background-color: var(--akxim-red); }
.akxim-info { width: min(calc(100% - 48px), 1120px); margin: clamp(52px, 9vw, 124px) auto; }
.akxim-info h1, .akxim-info h2 { margin: 0 0 24px; font-size: clamp(32px, 5vw, 68px); line-height: 1.06; }
.akxim-info p, .akxim-info address { max-width: 66ch; margin: 0 0 20px; font-size: clamp(17px, 2.2vw, 24px); font-style: normal; line-height: 1.55; }
.akxim-info a { text-underline-offset: .2em; }

body.product-page, .smart-search-catalog { --orange: var(--akxim-red-ink); }
.turbo-progress-bar { background: var(--akxim-red); }
.feedback-fields :is(input, textarea):focus-visible { outline-color: #e6321c33; }

:is(#main,#equipment-catalog) .catalog-category-section .catalog-category__image img {
  object-fit: contain;
  padding: 4%;
  mix-blend-mode: multiply;
}
.smart-search .smart-search-submit, .smart-search .smart-search-submit:hover {
  background: var(--akxim-red-ink);
}
:is(#main,#equipment-catalog) .catalog-category-section .catalog-category__link:is(:hover,:focus-visible) .catalog-category__title,
#equipment-catalog .catalog-tile-heading a:hover { color: var(--akxim-red-ink); }

.company-media--photo .company-poster { object-fit: cover; }
.home-clients.ending-content, body.company-page .brand-clients .ending-content {
  width: 100%;
  max-width: none;
  padding-inline: var(--gutter);
}
.home-clients .client-logos, body.company-page .brand-clients .client-logos {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 30px);
  padding: 0;
}
.home-clients .client-logos li, body.company-page .brand-clients .client-logos li {
  height: clamp(84px, 7.5vw, 138px);
  padding: 12px;
  border: 1px solid #ededed;
  border-radius: 16px;
}
.home-clients .client-logos img, body.company-page .brand-clients .client-logos img {
  width: min(90%, 200px);
  height: min(86%, 74px);
  object-fit: contain;
}
.home-clients .client-logos li:has(img[src*="/astana-motors."]), body.company-page .brand-clients .client-logos li:has(img[src*="/astana-motors."]) { background: #232323; }
.client-logos img[src$="/kmg.png"] { transform: scale(1.8); }
body.company-page .brand-signature-inner { grid-template-columns: clamp(100px, 11vw, 156px) minmax(0, 1fr); }
body.company-page .brand-signature-mark { width: 100%; }
.warehouse-transform .warehouse-transform__fill, .warehouse-transform .warehouse-transform__cta { background: var(--akxim-red-ink); }

.akxim-press .home-press { padding-top: clamp(30px, 4vw, 64px); }
.akxim-press h1 { margin: 0; font-size: clamp(36px, 4vw, 64px); font-weight: 500; line-height: 1.1; letter-spacing: -.045em; }
.akxim-press .press-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
.akxim-press .press-card > a { display: flex; flex-direction: column; height: 100%; }
.akxim-press .press-card > a::after, .akxim-press .press-image::after { content: none; }
.akxim-press .press-image { position: relative; aspect-ratio: 16 / 10; background: #efefef; }
.akxim-press .press-body { flex: 1; justify-content: flex-start; gap: 9px; height: auto; padding: clamp(18px, 2vw, 32px); }
.akxim-press .press-card--text .press-body { justify-content: flex-end; min-height: 14rem; }
.akxim-press .press-body, .akxim-press .press-card > a:is(:hover, :focus-visible) .press-body { color: var(--ink); }
.akxim-press .press-body h2 { margin: 0; font-size: clamp(19px, 1.5vw, 28px); font-weight: 600; line-height: 1.3; letter-spacing: -.025em; hyphens: none; overflow-wrap: break-word; }
.akxim-press .press-card > a:is(:hover, :focus-visible) h2 { color: var(--akxim-red-ink); }
.akxim-press .press-date, .akxim-press .press-card > a:is(:hover, :focus-visible) .press-date { position: static; color: #595959; }
@media (max-width: 1050px) {
  .home-clients .client-logos, body.company-page .brand-clients .client-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .akxim-press .press-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  body.company-page .brand-signature-inner { grid-template-columns: 1fr; }
  body.company-page .brand-signature-mark { width: 116px; }
}
@media (max-width: 580px) {
  .home-clients .client-logos, body.company-page .brand-clients .client-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .akxim-press .press-grid { grid-template-columns: minmax(0, 1fr); }
}
.akxim-press .press-image--artwork img { object-fit: contain; transform: none; }
.akxim-production-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 2vw, 24px); }
.akxim-production-photos figure { aspect-ratio: 4 / 3; margin: 0; border-radius: 18px; overflow: hidden; }
.akxim-production-photos img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { .akxim-production-photos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 580px) { .akxim-production-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.akxim-service-address { margin-top: 18px; color: #595959; font-style: normal; }

/* The three vertical rack models use the same renders in listings and galleries. */
img:is(
  [src$="/a81f57ff21ffaf170ec5.webp"], [src$="/2a100773c5a635742da3.webp"],
  [src$="/9297d9de775fefebeb8d.webp"], [src$="/f9d95aee20ec5ca7c20c.webp"],
  [src$="/84fbc09e8d5e45231782.webp"], [src$="/dbfd1d0d63f1b04f70d1.webp"]
) { filter: hue-rotate(-21deg) saturate(1.18); }
