/* Shared offers inherit the storefront's material and typography. */
.scene-inclusions {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 1.2rem 0;
  font-size: .83rem;
  line-height: 1.45;
  color: var(--scene-ink);
}
.scene-inclusions__art {
  flex: none;
  width: 24px;
  height: 46px;
  background: none;
}
.scene-inclusions__art img { height: 100%; width: 100%; object-fit: contain; }
.scene-inclusions p { margin: 0; }
.scene-inclusions small { display: block; font-size: .75rem; color: var(--scene-ink-dim); }
.scene-inclusions__offer {
  margin-left: auto;
  padding-left: 1rem;
  border-left: 1px solid color-mix(in srgb, var(--scene-accent) 30%, transparent);
  color: var(--scene-accent);
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s;
}
.scene-inclusions__offer:hover { color: var(--scene-ink); }
.catalog-offer {
  display: grid;
  grid-template-columns: 96px 1.2fr 1fr;
  align-items: center;
  gap: 1.5rem;
  margin: 2.2rem 0 0;
  padding: 1.6rem 0;
  border-block: 1px solid #ffffff20;
  background: none;
  color: #fdfdfe;
}
.catalog-offer__art { height: 140px; background: none; }
.catalog-offer__art img { width: 100%; height: 100%; object-fit: contain; }
.catalog-offer strong { display: block; font: 500 1.15rem/1.3 var(--font-display); }
.catalog-offer p { margin: .5rem 0 0; font-size: .88rem; line-height: 1.55; color: #adb5bc; }
.catalog-offer__saving { border-left: 1px solid #ffffff20; padding-left: 1.8rem; }
.catalog-offer__saving strong { color: #e2e6ea; }
.ftr__offer { font-size: .8rem; line-height: 1.6; color: #adc5dc; max-width: 25ch; margin-top: 1.3rem; }
@media (max-width: 760px) {
  .scene-inclusions { gap: .6rem; font-size: .77rem; margin: .9rem 0; }
  .scene-inclusions small { font-size: .67rem; }
  .scene-inclusions__offer { padding-left: .65rem; font-size: .76rem; }
  .catalog-offer { grid-template-columns: 76px minmax(0,1fr); padding: 1.3rem 0; gap: 1.1rem 1.3rem; }
  .catalog-offer__art { height: 146px; grid-row: 1 / 3; align-self: center; }
  .catalog-offer__saving { grid-column: 2; border: 0; padding: 0; }
  .catalog-offer strong { font-size: 1rem; }
}
@media (max-width: 900px) {
  .chapter .scene__copy { padding-bottom: max(.9rem, 2svh, env(safe-area-inset-bottom)); }
  .chapter .pdata { margin-top: .45rem; padding-bottom: .2rem; }
  .chapter .pbody { margin-top: .5rem; margin-bottom: .5rem; }
  .chapter .scene-inclusions { margin-block: .55rem; }
}
@media (max-width: 380px) {
  .scene-inclusions__art { display: none; }
  .scene-inclusions__offer { font-size: .71rem; }
}
@media (prefers-reduced-motion: reduce) {
  .scene-inclusions__offer { transition: none; }
}