.apoll-page-products {
  box-sizing: border-box;
  width: 100%;
  max-width: 1170px;
  margin: 48px auto;
  padding: 0 15px;
  font-family: 'Fixel Display', Fixel, Arial, sans-serif;
  color: #111;
  clear: both;
}
.apoll-page-products *, .apoll-page-products *::before, .apoll-page-products *::after { box-sizing: border-box; }
.apoll-page-products .apoll-page-products__title {
  margin: 0 0 28px;
  text-align: center;
  font: 800 28px/1.2 'Fixel Display', Fixel, Arial, sans-serif;
  color: #111;
}
.apoll-page-products__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.apoll-page-products .apoll-page-products__card {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  aspect-ratio: 500 / 714.29;
  container-type: inline-size;
  background: #e8e8e8;
  clip-path: polygon(17.484% 0, 82.516% 0, 100% 12.239%, 100% 87.761%, 82.516% 100%, 17.484% 100%, 0 87.761%, 0 12.239%);
}
.apoll-page-products .apoll-page-products__image-link { position: absolute; top: 6%; left: 12%; width: 76%; height: 56%; display: block; }
.apoll-page-products .apoll-page-products__image-link img {
  display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; mix-blend-mode: multiply; border: 0;
}
.apoll-page-products .apoll-page-products__name {
  position: absolute; top: 66.145%; left: 12.5%; width: 75%; margin: 0;
  color: #111; text-decoration: none; font-weight: 700; font-size: 15px; font-size: clamp(13px, 5.38cqw, 17px);
  line-height: 1.24; text-align: center; text-transform: uppercase;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.apoll-page-products .apoll-page-products__volume {
  position: absolute; top: 77.343%; left: 10%; width: 80%; text-align: center;
  font-size: 12px; font-size: clamp(10px, 3.8cqw, 12px); line-height: 1.33; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.apoll-page-products .apoll-page-products__action {
  position: absolute; top: 81.532%; left: 12.762%; width: 74.474%; height: 7.6705%; margin: 0; padding: 0;
}
.apoll-page-products .apoll-page-products__button {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; margin: 0; padding: 0 10px; border: 0; border-radius: 0; box-shadow: none;
  background: #e94e36; color: #111; font-family: inherit; font-weight: 700; font-size: 11px;
  font-size: clamp(9px, 3.48cqw, 11px); line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer;
  clip-path: polygon(5.102% 0, 94.898% 0, 100% 100%, 0 100%);
}
.apoll-page-products .apoll-page-products__action.apoll-page-products__button { width: 74.474%; height: 7.6705%; }
.apoll-page-products .apoll-page-products__button:hover { background: #d9442f; color: #111; }
.apoll-page-products .apoll-page-products__prices {
  position: absolute; top: 93%; left: 15%; width: 70%; display: flex; justify-content: center; align-items: baseline; gap: 7px;
  white-space: nowrap; line-height: 1.2;
}
.apoll-page-products .apoll-page-products__price { color: #111; font-weight: 500; font-size: 17px; font-size: clamp(14px, 5.7cqw, 18px); }
.apoll-page-products .apoll-page-products__old-price { color: #777; font-size: 11px; font-size: clamp(10px, 3.48cqw, 11px); text-decoration: line-through; }
@media (max-width: 991px) { .apoll-page-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .apoll-page-products__grid { grid-template-columns: minmax(0, 1fr); max-width: 340px; margin: 0 auto; gap: 20px; } .apoll-page-products { margin: 32px auto; } }

.apoll-page-products a.apoll-page-products__name,
.apoll-page-products a.apoll-page-products__name:hover,
.apoll-page-products a.apoll-page-products__name:focus,
.apoll-page-products a.apoll-page-products__name:active {
  text-decoration: none !important;
}