.ad-slot[hidden],
.ad-slot[data-ad-active="false"] {
  display: none !important;
}

.ad-slot[data-ad-active="true"] {
  display: block;
  width: min(calc(100% - 48px), 1180px);
  min-height: 120px;
  margin: 42px auto;
  padding: 26px 20px;
  text-align: center;
}

.ad-slot[data-ad-active="true"]::before {
  content: "Advertisement";
  display: block;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.catalog-book-grid > .book-card {
  order: 3;
}

.catalog-book-grid > .book-card:nth-of-type(-n + 8) {
  order: 1;
}

.catalog-book-grid > .ad-slot--in-feed {
  order: 2;
  grid-column: 1 / -1;
}

.catalog-book-grid > .ad-slot--in-feed[data-ad-active="true"] {
  width: 100%;
  margin: 14px 0 28px;
}

@media (max-width: 760px) {
  .ad-slot[data-ad-active="true"] {
    width: calc(100% - 32px);
    min-height: 100px;
    margin: 30px auto;
    padding: 20px 12px;
  }

  .catalog-book-grid > .book-card:nth-of-type(-n + 8) {
    order: 3;
  }

  .catalog-book-grid > .book-card:nth-of-type(-n + 4) {
    order: 1;
  }

  .catalog-book-grid > .ad-slot--in-feed[data-ad-active="true"] {
    width: 100%;
    margin: 10px 0 22px;
  }
}