/* Original fonts recovered from the user-supplied Illustrator/PDF artwork. */
@font-face { font-family: ComboHeading; src: url('fonts/combo-heading.ttf') format('truetype'); font-weight: 300; font-display: swap; }
@font-face { font-family: ComboText; src: url('fonts/combo-text.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: ComboTier; src: url('fonts/combo-tier.ttf') format('truetype'); font-weight: 800; font-display: swap; }
@font-face { font-family: ComboPrice; src: url('fonts/combo-price.otf') format('opentype'); font-weight: 700; font-display: swap; }
/* Geometry follows the supplied 820px-wide reference; other sections stay unchanged. */
#platinum {
  --combo-coral: #ff4e70;
  width: min(1296px, calc(100% - 120px));
  margin: -54px auto 0;
  padding: 26px 0 40px;
  border-radius: 26px;
  background: linear-gradient(#ffffff80, #ffffff80), url('01.jpg') center / 100% 100% no-repeat;
  overflow: visible;
  scroll-margin-top: 90px;
}
#platinum > .container { width: 87%; max-width: 1128px; }
#platinum .combo-heading { margin: 0 auto 24px; }
#platinum .combo-kicker {
  height: 14px;
  margin: 0 0 8px !important;
  gap: 12px;
  color: var(--combo-coral) !important;
  font: 500 9.2px/14px ComboText, Arial, sans-serif !important;
}
#platinum .combo-kicker i { width: 37px; height: 1px; background: #ff7993; }
#platinum .combo-kicker i::after {
  content: '♥';
  color: var(--combo-coral);
  font: 12px/14px Arial, sans-serif;
  top: -6px;
  left: -7px;
  right: auto;
}
#platinum .combo-kicker i:first-child::after { left: auto; right: -7px; }
#platinum .combo-heading h1 {
  margin: 0;
  color: #111;
  font: 300 32px/36px ComboHeading, 'Times New Roman', serif;
  letter-spacing: 0;
}
#platinum .combo-title-pink { color: var(--combo-coral); }
#platinum .combo-title-dark { color: #111 !important; font-weight: 300; }
#platinum .combo-pill {
  margin-top: 4px;
  padding: 3px 18px 4px;
  height: 34px;
  color: var(--combo-coral);
  border: 1px solid var(--combo-coral);
  font: 300 22.5px/25px ComboHeading, 'Times New Roman', serif;
  letter-spacing: .3px;
}
#platinum .combo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3.4%; position: relative; left: -4px; }
#platinum .combo-item { min-width: 0; text-align: center; container-type: inline-size; }
#platinum .combo-card {
  position: relative;
  aspect-ratio: 160 / 185;
  padding: 0;
  border: 1px solid #e2e4eb;
  border-radius: 12px;
  background: #f5f6f8 url('combo-assets/card.png') center / 100% 100% no-repeat;
  box-shadow: 0 3px 15px #8993ab12;
  overflow: hidden;
  transition: none;
}
#platinum .combo-card:hover { transform: none; box-shadow: 0 3px 15px #8993ab12; }
#platinum .combo-card::before {
  content: '';
  position: absolute;
  left: 7%;
  right: 7%;
  top: 38.4%;
  width: auto;
  height: 1px;
  background: #cbd0da55;
}
#platinum .combo-card::after { content: none; }
#platinum .combo-card-gift::after {
  content: '';
  position: absolute;
  inset: auto auto 0 0;
  width: 22%;
  aspect-ratio: 1;
  background: linear-gradient(45deg, #ff586b 0%, #ff586b 50%, transparent 50.5%);
}
#platinum .combo-logo {
  position: absolute;
  top: 7%;
  left: 10%;
  width: 80%;
  height: 14% !important;
  margin: 0 !important;
  object-fit: contain;
}
#platinum .combo-card h2 {
  position: absolute;
  top: 23.5%;
  left: 0;
  width: 100%;
  margin: 0;
  color: #494c4d;
  font: 800 10.1cqw/1.2 ComboTier, Arial, sans-serif;
}
#platinum .combo-card del {
  position: absolute;
  top: 43.2%;
  left: 0;
  width: 100%;
  color: #606b77;
  font: 500 10cqw/1.25 ComboText, Arial, sans-serif;
}
#platinum .combo-card .price {
  position: absolute;
  top: 55.7%;
  left: 0;
  width: 100%;
  margin: 0 !important;
  color: #ff5183 !important;
  font: 700 15.3cqw/1.2 ComboPrice, Arial, sans-serif;
  letter-spacing: .1px;
}
#platinum .combo-buy {
  position: absolute;
  top: 76.7%;
  left: 19%;
  width: 62%;
  height: 15%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 99px;
  background: linear-gradient(180deg, #a1a5a5 0%, #565a5b 100%);
  box-shadow: -4px 5px 7px #3e444c35, inset 0 1px 1px #fff9;
  color: #fff;
  font: 500 6.6cqw/1 ComboText, Arial, sans-serif;
  white-space: nowrap;
}
#platinum .combo-buy span { font-size: 10cqw; font-weight: 400; vertical-align: -0.06em; }
#platinum .combo-buy:hover { background: linear-gradient(#899090, #454a4b); }
#platinum .combo-gift {
  position: absolute;
  left: 3%;
  bottom: 2.5%;
  width: 8%;
  height: auto;
  z-index: 2;
}
#platinum .combo-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 54%;
  height: 15cqw;
  margin-top: 7cqw;
  padding: 0;
  border-radius: 99px;
  background: #d2d7df url('combo-assets/more.png') center / 100% 100% no-repeat;
  color: #505454;
  font: 500 7cqw/1 ComboText, Arial, sans-serif;
  box-shadow: none;
}
#platinum .combo-more span { font-size: 11cqw; line-height: 1; }
@media (max-width: 1000px) {
  #platinum { width: calc(100% - 40px); }
}
@media (max-width: 600px) {
  #platinum { width: calc(100% - 24px); margin-top: -24px; padding: 26px 0 32px; border-radius: 20px; }
  #platinum > .container { width: calc(100% - 32px); }
  #platinum .combo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; left: 0; }
  #platinum .combo-heading h1 { font-size: 28px; }
  #platinum .combo-pill { font-size: 22px; }
}