.podval { background: var(--fon); }
.podval__ryad {
  display: grid; grid-template-columns: auto auto auto; justify-content: space-between; align-items: center; gap: 24px;
  padding: 24px 0; border-top: 1px solid var(--linija);
}
.podval__brend { display: flex; align-items: center; gap: 18px; justify-self: start; }
.podval__logo { display: block; flex: none; }
.podval__logo img { display: block; width: auto; height: 42px; }
.podval__deskriptor { padding-left: 18px; border-left: 1px solid var(--linija-2); font: 400 14px/1.45 var(--osn); color: var(--tekst-3); }
.podval__prava { text-align: center; font: 400 11px/1.5 var(--osn); color: var(--tekst-3); }
.podval__kopirajt { white-space: nowrap; }
.podval__prava a { display: inline-block; margin-top: 2px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.podval__prava a:hover { color: var(--akcent); }
.podval__oferta { contain: inline-size; display: flex; justify-content: center; margin-top: 2px; white-space: nowrap; }
.podval__svjaz { justify-self: end; text-align: right; }
.podval__chasy { font: 400 14px/1.45 var(--osn); color: var(--tekst-3); }
.podval__tel {
  display: inline-flex; align-items: center; gap: 9px; margin-top: 2px;
  font: 600 20px/1.3 var(--tel); color: var(--tekst); text-decoration: none; white-space: nowrap;
}
.podval__tel svg { flex: none; width: 17px; height: 17px; color: var(--akcent); stroke-width: 1.75; }
.podval__tel:hover { color: var(--akcent); }
@media (max-width: 1023px) {
  .podval__ryad { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brend svjaz" "prava prava"; gap: 16px 20px; padding: 20px 0; }
  .podval__brend { grid-area: brend; }
  .podval__svjaz { grid-area: svjaz; }
  .podval__prava { grid-area: prava; padding-top: 14px; border-top: 1px solid var(--linija); }
}
@media (max-width: 599px) {
  .podval__ryad { grid-template-columns: minmax(0, 1fr); grid-template-areas: "brend" "svjaz" "prava"; gap: 16px; padding: 24px 0 20px; text-align: center; }
  .podval__brend { flex-direction: column; gap: 8px; justify-self: center; }
  .podval__deskriptor { padding-left: 0; border-left: 0; }
  .podval__svjaz { justify-self: center; text-align: center; }
  .podval__prava { padding-top: 14px; }
  .podval__oferta { contain: none; display: block; white-space: normal; text-wrap: balance; }
}
