.obk-closures {
  padding: clamp(34px, 4vw, 54px) 0;
  background: var(--ok-cream, #faf8f4);
  border-bottom: 1px solid var(--ok-line, #e7e4df);
}
.obk-closures__inner {
  width: min(calc(100% - 40px), var(--ok-max, 1180px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 2.1fr);
  align-items: start;
  gap: 32px;
}
.obk-closures__heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.obk-closures__mark {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-top: 3px;
  color: #fff;
  background: var(--ok-red, #B81400);
  line-height: 1;
}
.obk-closures__coffee-off {
  width: 24px;
  height: 24px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.obk-closures__coffee-off .obk-closures__slash {
  stroke-width: 2.4;
}

.obk-closures h2 {
  margin: 0;
  color: var(--ok-ink, #2c2b29);
  font-family: var(--ok-serif, Georgia, "Times New Roman", serif);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  font-weight: 600;
  line-height: 1.15;
}
.obk-closures__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  background: #fff;
  border: 1px solid var(--ok-line, #e7e4df);
  border-radius: var(--ok-radius, 18px);
  overflow: hidden;
}
.obk-closures__list li {
  display: grid;
  grid-template-columns: minmax(180px, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  padding: 17px 20px;
  align-items: baseline;
}
.obk-closures__list li + li {
  border-top: 1px solid var(--ok-line, #e7e4df);
}
.obk-closures__list strong {
  color: var(--ok-red, #B81400);
  font-weight: 700;
}
.obk-closures__list span {
  color: var(--ok-muted, #6f716e);
}
@media (max-width: 780px) {
  .obk-closures__inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .obk-closures__list li {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}