:root {
  --top-title-blackout: 10px;
  --left-title-blackout: 20px;
  --bottom-title-blackout: 20px;
  --left-card-price: 20px;
  --bottom-card-price: 20px;
  --top-card-price: 20px;
  --right-card-price: 20px;
  --left-card-price-mob: 10px;
  --bottom-card-price-mob: 10px;
  --height-discount: 28px;
}

/* заголовок с затемнением вокруг */

.title-blackout {
  top: var(--top-title-blackout);
  left: var(--left-title-blackout);
}

@media (max-width: 1140px) {
  .title-blackout {
    font-size: var(--txt-main);
    padding: var(--pd-x-y-small);
  }
}

/*  */

.title-blackout-first {
  bottom: var(--bottom-title-blackout);
}

/* стоимость */

.actual-price {
  text-align: center;
}

.categ-card-price {
  height: var(--height-middle-px);
  padding: var(--pd-min) var(--pd-min) var(--pd-min) var(--pd-medium);
  left: var(--left-card-price);
  bottom: var(--bottom-card-price);
}

@media (max-width: 641px) {
  .categ-card-price {
    height: var(--height-small-px);
    padding: var(--pd-min) var(--pd-min) var(--pd-min) var(--pd-small);
    left: var(--left-card-price-mob);
    bottom: var(--bottom-card-price-mob);
  }
}

.categ-card-price-second {
  height: var(--height-middle-px);
  padding: var(--pd-min) var(--pd-min) var(--pd-min) var(--pd-medium);
  right: var(--right-card-price);
  top: var(--top-card-price);
}

.products-tag-big {
  position: absolute;
  fill: var(--color-accent);
  color: var(--color-accent);
}