body {
  background-color: #F9F9F9;
}

.storiesBox {
  align-items: center;
}
  
.footer {
  background-color: rgba(242, 160, 7, 0.8) !important;
}

.productBox {
  border-radius: 6px; /* Скругление углов */
  padding: 10px; /* Внутренний отступ */
  box-sizing: border-box; /* Отступы входят в размеры карточки */
  background-color: #fff; /* Белый фон */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.productBox:hover {
border: 1px solid #ccc;         /* светло-серая рамка при наведении курсора */
}

.hero {
    display: grid;
    grid-template-columns: 54.545% 45.455%;
    background: var(--ink);
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
section {
    display: block;
    unicode-bidi: isolate;
}
body {
    margin: 0;
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    background: var(--paper);
}