/* ========================================================================
   MOTUL Saratov 6.8.0 — Vokzal promotion cards
   ======================================================================== */

.offer-card__branch {
  position: absolute;
  right: 11px;
  top: 11px;
  z-index: 4;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 5px;
  background: rgba(7,11,14,.78);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  backdrop-filter: blur(7px);
}

.offer-card__branch svg {
  width: 13px;
  height: 13px;
  color: #ff2937;
}

.motul-v62 .v61-offer-grid .offer-card__image,
.offer-grid--archive .offer-card__image {
  filter: brightness(1.04) saturate(1.02) contrast(1.02);
}

.motul-v62 .v61-offer-grid .offer-card__shade,
.offer-grid--archive .offer-card__shade {
  background: linear-gradient(180deg,
    rgba(5,8,10,.02) 5%,
    rgba(5,8,10,.08) 40%,
    rgba(5,8,10,.58) 64%,
    rgba(5,8,10,.98) 100%);
}

.motul-v62 .v61-offer-grid .offer-card:nth-child(1) .offer-card__image,
.offer-grid--archive .offer-card:nth-child(1) .offer-card__image { object-position: center 48%; }
.motul-v62 .v61-offer-grid .offer-card:nth-child(2) .offer-card__image,
.offer-grid--archive .offer-card:nth-child(2) .offer-card__image { object-position: center 48%; }
.motul-v62 .v61-offer-grid .offer-card:nth-child(3) .offer-card__image,
.offer-grid--archive .offer-card:nth-child(3) .offer-card__image { object-position: center 48%; }

@media (max-width: 700px) {
  .offer-card__branch {
    right: 10px;
    top: 10px;
    min-height: 27px;
    padding: 0 9px;
    font-size: 9px;
  }
}