.item-page .half-n-half-hero .half-n-half-hero__text__container .mb-8 {
  margin-bottom: 8px;
}

.themed-section--boxing-day {
  --theme-base--primary: rgba(5, 163, 161, .3);
  --theme-base--secondary: var(--greyscale-900, #252525);
}

#content-grid--boxing-day {
  --content-grid__amount-per-row: 4;
  --content-grid__item__width__parent-width: 1200px;
  --content-grid__gap: var(--spacing-600, 64px);
  gap: var(--spacing-200, 16px) var(--content-grid__gap);
}

#why-shop-at-officeworks {
  .content-grid {
    --content-grid__amount-per-row: 1;

    img {
      border-radius: var(--spacing-50, 4px);
    }
  }
}

.details-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-100, 8px) var(--spacing-200, 16px);
  align-items: flex-end;
}

.product-text {
  max-width: 250px;
  text-wrap: balance;
}

.details-grid .product-text p {
  font-weight: 600;
}

.price-spotlight {
  display: flex;
  flex-direction: column;
  width: fit-content;

  .price-spotlight__contexter,
  .price-spotlight__price {
    border: 2px solid var(--brand-secondary-500, #da192e);
    background: white;
    color: var(--brand-primary-500);
    line-height: 1;
    font-family: "OfficeworksWeb";
  }

  .price-spotlight__contexter {
    padding: round(0.2em, 2px) round(0.45em, 2px);
    border-bottom: none;
    font-size: max(14px, round(1.3em, 1px));
    letter-spacing: round(-0.016em, 0.1px);
    text-transform: uppercase;
  }

  .is-from {
    width: fit-content;
  }

  .is-alert {
    background: var(--brand-secondary-500, #da192e);
    color: white;
    text-align: center;
  }

  .price-spotlight__price {
    padding: round(0.09em, 2px) round(0.17em, 2px);
    font-size: max(16px, round(3.4em, 1px));
    letter-spacing: -1px;
  }

  .price-spotlight__price sup {
    top: 0.075em;
    font-size: max(14px, round(0.58em, 1px));
    line-height: 0;
    vertical-align: super;
  }

  .price-spotlight__price sub {
    bottom: 0;
    font-size: max(14px, 0.5em);
    line-height: 0;
    letter-spacing: normal;
    vertical-align: baseline;
  }
}

.duo-banners {
  container-name: duo-banners;
  container-type: inline-size;
}

.duo-banners__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(var(--spacing-300, 24px), 4cqw) 0;

  @media only screen and (min-width: 640px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 min(var(--spacing-300, 24px), 2cqw);
  }
}