/* Keep offer presentation independent of the regularly generated promotion copy. */
#deals > .container {
  width: 100%;
  max-width: 1640px;
  padding-inline: clamp(20px, 4vw, 64px);
  text-align: left;
}

#deals .deals-header { align-items: start; }
#deals .deals-header h2 { max-width: 1000px; }
#deals .deals-sub { max-width: 850px; }
#deals .spring-sale-banner { grid-template-columns: 1fr 1fr; }
#deals .spring-sale-copy { display: flex; flex-direction: column; justify-content: center; }
#deals .spring-sale-art { min-height: 240px; max-height: 280px; }
#deals .spring-sale-art img { width: 100%; height: 100%; object-fit: cover; }

#deals .flash-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
#deals .flash-layout > .sailing-card { min-height: 340px; }
#deals .flash-layout > .sailing-card > img { object-position: center 42%; }
#deals .flash-layout > .sailing-card .sailing-body { padding: 32px; gap: 32px; }
#deals .flash-layout > .sailing-card h3 { max-width: 860px; margin-top: 16px; }
#deals .flash-layout > .sailing-card .sailing-ports { max-width: 850px; }
#deals .flash-layout > .sailing-card .promo-copy { max-width: 440px; text-align: left; }
#deals .flash-side-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#deals .sailing-card.compact { min-width: 0; min-height: 340px; }
#deals .sailing-card.compact .sailing-body { padding: 24px; gap: 24px; }
#deals .sailing-card.compact h3 { font-size: 1.4rem; line-height: 1.2; margin-top: 14px; padding-right: 0; }
#deals .sailing-card.compact .sailing-ports { display: block; font-size: .92rem; line-height: 1.6; overflow: visible; }
#deals .sailing-card.compact .sale-chip { font-size: .7rem; line-height: 1.3; }
#deals .sailing-card.compact .sailing-fact { font-size: .76rem; }
#deals .sailing-card.compact .promo-copy { max-width: none; font-size: .86rem; line-height: 1.5; }
#deals .sailing-card::after { background: linear-gradient(110deg, rgba(6,6,18,.90), rgba(6,6,18,.62)), linear-gradient(0deg, rgba(6,6,18,.88), transparent); }

@media (min-width: 1400px) {
  #deals .flash-side-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  #deals .spring-sale-banner, #deals .flash-side-grid { grid-template-columns: minmax(0, 1fr); }
  #deals .spring-sale-art { height: 200px; min-height: 0; }
  #deals .flash-layout > .sailing-card { min-height: 0; }
  #deals .flash-layout > .sailing-card .sailing-body,
  #deals .sailing-card.compact .sailing-body { padding: 22px; }
  #deals .sailing-card.compact { min-height: 0; }
  #deals .sailing-topline { padding-right: 38px; }
  #deals .sailing-price-row { align-items: flex-start; flex-direction: column; }
  #deals .flash-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #deals .flash-stat { padding: 16px; }
}