/* Pumpkin Pie: palette and decorative hero only. Shared Amethyst
 * fonts, spacing, header, tickers and Live Lineup geometry stay untouched. */
html:has(body.bg-pie-please) {
  background: #fcf3e5;
  --bg: #fcf3e5;
  --bg-elevated: #fffaf2;
}
body.bg-pie-please {
  color-scheme: light;
  --fg: #502d24;
  --fg-muted: #796052;
  --border: #d99b73;
  --hp-bg: #fcf3e5;
  --hp-bg-elevated: #fffaf2;
  --bg-deep: #f2dfc9;
  --hp-preview-bg: #fffaf2;
  --hp-preview-fg: #502d24;
  --hp-preview-muted: #796052;
  --hp-preview-border: #d99b73;
  --hp-card-fg: #502d24;
  --hp-card-muted: #796052;
  --hp-card-accent: #a54813;
  --hp-form-panel-bg: #fffaf2;
  --hp-form-panel-fg: #502d24;
  --hp-field-bg: #fffaf2;
  --hp-field-fg: #502d24;
  --hp-final-fg: #502d24;
  --hp-final-muted: #796052;
  --hp-final-icon-fg: #fff9f2;
  --hp-action-fg: #fff9f2;
  --hp-media-card-bg: #fffaf2;
  --hp-media-card-fg: #502d24;
  --hp-media-card-muted: #796052;
  --hp-media-card-border: #d99b73;
  --hp-media-card-header-bg: linear-gradient(135deg, #9b233d, #a54813);
  --hp-media-card-footer-bg: #fce4cf;
  --hp-media-card-shadow: 0 24px 64px #7f344524;
  --hp-media-card-hover-shadow: 0 30px 74px #7f344534;
  --hp-media-card-accent-contrast: #fff9f2;
  --hp-media-icon-fg: #fff9f2;
  --hp-media-cta-fg: #fff9f2;
  background: #fcf3e5;
  color: #502d24;
}

/* The optional signup preferences panel must remain a light reading surface. */
body.bg-pie-please .hp-signup-preferences {
  background: var(--hp-form-panel-bg);
  border-color: var(--border);
  color: var(--hp-form-panel-fg);
}

body.bg-pie-please .jp-hero .hp-btn-outline {
  /* The shared template supplies white inline styles for its default dark hero. */
  color: #9b233d !important;
  border-color: #9b233d !important;
  background: #fffaf2;
}
body.bg-pie-please .jp-faq-note { background: #fffaf2; color: #796052; border-color: #d99b73; }
body.bg-pie-please :is(.jp-faq-note a, .jp-faq-link, .jp-final-note a) { color: #9b233d; }
body.bg-pie-please :is(a, button, input, select, textarea):focus-visible { outline: 2px solid #9b233d; outline-offset: 3px; }

body.bg-pie-please .hp-header {
  background: #fffaf2;
  border-color: #d99b73;
}
body.bg-pie-please :is(.hp-brand-name, .hp-header-link) { color: #502d24; }
body.bg-pie-please .hp-brand-sub { color: #796052; }
body.bg-pie-please .hp-header-link[aria-current="page"] { color: #a54813; }

body.bg-pie-please :is(.hp-ticker, .hp-ticker-row) {
  background: #f7d2ac;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please .hp-ticker-row.reverse { background: #fce4cf; }
body.bg-pie-please :is(.hp-ticker-item, .hp-ticker-label, .hp-ticker-trade, .hp-ticker-empty) { color: #502d24; }
body.bg-pie-please .hp-ticker-row.reverse :is(.hp-ticker-trade, .hp-ticker-empty) { color: #502d24; }
body.bg-pie-please .hp-ticker-row.reverse .hp-ticker-trade:hover { color: #a54813; }
body.bg-pie-please .hp-ticker-row .hp-ticker-label {
  background: #f7d2ac;
  color: #502d24;
}
body.bg-pie-please .hp-ticker-row.reverse .hp-ticker-label {
  background: #fce4cf;
  color: #502d24;
}
body.bg-pie-please :is(.hp-trade-preview, .hp-lrq-strip, .hp-lrq, .hp-lineup-calendar-row) {
  background: #fffaf2;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please :is(.hp-lineup-idle-prompt, .hp-trade-preview-head, .hp-trade-preview-link, .hp-trade-preview-pill) { color: #502d24; }
body.bg-pie-please :is(.hp-trade-preview-updated, .hp-trade-preview-pill .label) { color: #796052; }

body.bg-pie-please :is(.hp-shop-btn, .hp-btn-primary, .hp-signup-submit, .tp-card-expand-cta, .tp-sheet-submit, .jp-spot-btn, .jp-final-btn) {
  background: #9b233d;
  color: #fff9f2;
  border-color: #d99b73;
  box-shadow: 0 9px 24px #7f344524;
}

/* The original full-bleed hero and original HTML copy/actions stay in place. */
body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media,
body.bg-pie-please .jp-hero-media {
  background: url('/amethyst/skins/pie-please/hero-poster-v4.webp') center center / cover no-repeat;
  background-blend-mode: normal;
}
body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-headline {
  color: #502d24;
  -webkit-text-fill-color: #502d24;
  background: none;
  text-shadow: none;
}
body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-sub {
  color: #705145;
  text-shadow: none;
}
body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] :is(.hp-btn-outline, .hp-btn-watch) {
  color: #502d24;
  border-color: #8c536466;
  background: #fffaf3c9;
  backdrop-filter: blur(8px);
}
body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-fx-layer { display: none; }

/* Surface tokens serve Home, Trade, Join and their existing forms uniformly. */
body.bg-pie-please :is(#events, #wibp, #about, .hp-signup) {
  background: #fcf3e5;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please.surface-pie-please :is(.hp-event-card, .hp-wibp-card, .hp-trade-card, .hp-signup-card, .tp-lrq-rail, .tp-filters, .tp-card, .tp-card-expand, .tp-sheet, .jp-hero-card, .jp-team-card, .jp-benefit-card, .jp-faq-item, .jp-final-card) {
  background: #fffaf2;
  color: var(--hp-card-fg);
  border-color: #d99b73;
  box-shadow: 0 15px 38px #5c2b3310;
}
body.bg-pie-please :is(.hp-section-title, .hp-event-title, .hp-about-headline, .hp-signup-title, .tp-hero-title, .jp-hero-title, .jp-section-title) {
  color: #502d24;
  -webkit-text-fill-color: #502d24;
  background: none;
}
body.bg-pie-please :is(.hp-section-sub, .hp-event-desc, .hp-event-meta, .hp-about-text, .hp-footer-tagline, .tp-hero-sub, .jp-hero-pitch, .jp-hero-localized, .jp-hero-compliance, .jp-section-sub) { color: #796052; }
body.bg-pie-please .jp-hero-eyebrow { color: #a54813; }
body.bg-pie-please .jp-hero-eyebrow::before,
body.bg-pie-please .jp-hero-eyebrow::after { background: #d99b73; }
body.bg-pie-please .jp-hero-compliance a { color: #a54813; }
body.bg-pie-please :is(.hp-event-tag, .hp-event-badge, .jp-hero-promo) {
  background: #f5e4dd;
  color: #a54813;
  border-color: #d99b73;
}
body.bg-pie-please .hp-event-pill { background: #a54813; color: #fff9f2; }
body.bg-pie-please .hp-event-pill .pip { background: #fff9f2; }
body.bg-pie-please .hp-step-num { background: #a54813; color: #fffaf2; }
body.bg-pie-please .tp-filter-chip { background: #fcf3e5; color: #502d24; border-color: #d99b73; }
body.bg-pie-please .tp-filter-chip.active { background: #a54813; color: #fff9f2; border-color: #a54813; }
body.bg-pie-please .hp-footer :is(.hp-footer-brand, .hp-footer-team, .hp-footer-col a) { color: var(--hp-card-fg); }
body.bg-pie-please .hp-footer :is(.hp-footer-tag, .hp-footer-coming-soon, .hp-footer-bottom, .hp-footer-bottom a) { color: var(--hp-card-muted); }
body.bg-pie-please .hp-footer .hp-footer-bottom { border-color: var(--border); }
body.bg-pie-please .hp-footer .hp-footer-coming-soon span {
  background: #f5e4dd;
  color: var(--hp-card-muted);
  border-color: var(--border);
}
body.bg-pie-please .hp-footer .hp-footer-social {
  background: #fffaf2;
  color: var(--hp-card-fg);
  border-color: var(--border);
}
body.bg-pie-please .hp-footer .hp-footer-social:hover {
  background: #f5e4dd;
  color: var(--hp-card-fg);
  border-color: var(--hp-card-accent);
}
body.bg-pie-please .hp-footer :is(.hp-footer-col a, .hp-footer-bottom a):hover { color: var(--hp-card-accent); }
body.bg-pie-please .hp-footer a:focus-visible { outline-color: var(--hp-card-accent); }

/* Platform labels and glyphs inherit the theme rather than provider colors. */
body.bg-pie-please :is(.hp-event-platform, .event-platform-btn, .hp-calendar-choice.google, .hp-calendar-choice.outlook) {
  background: linear-gradient(105deg, #9b233d, #a54813);
  color: #fff9f2;
  border-color: #a54813;
}
body.bg-pie-please :is(.hp-event-platform, .event-platform-btn) .glyph {
  background: #fff9f2;
  color: #a54813;
}
body.bg-pie-please .hp-event-platform .glyph::after { color: #a54813; }
body.bg-pie-please :is(.hp-stream-btn, .hp-watch-option, .stream-option) .glyph {
  background: #a54813;
  color: #fff9f2;
}
body.bg-pie-please :is(.hp-stream-btn, .hp-watch-option) {
  background: #fffaf2;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please :is(.hp-stream-btn, .hp-watch-option):hover { background: #f5e4dd; color: #502d24; }
body.bg-pie-please :is(.hp-stream-btn, .hp-watch-option) .handle { color: #796052; }
body.bg-pie-please .jp-team-social {
  background: #fffaf2;
  color: #a54813;
  border-color: #d99b73;
}
body.bg-pie-please .jp-team-social:hover {
  background: #a54813;
  color: #fff9f2;
  border-color: #a54813;
}
body.bg-pie-please :is(.hp-event-platform, .event-platform-btn, .jp-team-social):focus-visible {
  outline-color: #a54813;
}

/* Keep existing icon bubbles distinct from their own surrounding surfaces. */
body.bg-pie-please .hp-customer-media-empty-icon {
  background: #9b233d;
  color: #fff9f2;
  border-color: #b95015;
}
body.bg-pie-please .hp-customer-media-card.is-empty { align-self: start; }
body.bg-pie-please .hp-customer-media-card.is-empty .hp-customer-media-viewport {
  aspect-ratio: auto;
  height: auto;
  background: transparent;
}
body.bg-pie-please .hp-customer-media-empty {
  height: auto;
  min-height: 0;
  gap: 10px;
  padding: 18px 16px 20px;
  color: #502d24;
  background: radial-gradient(circle at 50% 0%, #f3a45155, transparent 58%), #fff6ea;
  border: 1px dashed #d99b73;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}
body.bg-pie-please .hp-customer-media-empty .hp-customer-media-empty-icon {
  width: 40px;
  height: 40px;
  color: #fff9f2;
  background: #9b233d;
  border-color: #b95015;
}
body.bg-pie-please :is(.jp-benefit-icon, .jp-final-icon, .tp-sheet-success-icon) {
  background: #a54813;
  color: #fff9f2;
  border-color: #b95015;
}
body.bg-pie-please .tp-empty-glyph { color: #a54813; opacity: 1; }
body.bg-pie-please .hp-calendar-modal-close { background: #fffaf2; color: #502d24; }
body.bg-pie-please .hp-calendar-modal-close:hover { background: #f5e4dd; }

/* Selective champagne/copper accents on existing reveal and lineup circles. */
body.bg-pie-please :is(.hp-step-num, .jp-benefit-icon, .hp-trade-preview-pill .pos, .hp-queue-modal-row .pos) {
  background: linear-gradient(135deg, #dfac98, #f3c8ad 48%, #d89b88);
  color: #502d24;
  border-color: #b7786b;
  box-shadow: inset 0 0 0 1px #a5481388;
}
body.bg-pie-please .hp-unsubscribe-toggle:not(:has(input:checked)) .hp-toggle-control {
  background: #796052;
}

/* Existing dialog, lineup and form states keep their original dimensions. */
body.bg-pie-please :is(.hp-calendar-modal, .hp-queue-modal, .hp-queue-modal-row) {
  background: #fffaf2;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please .hp-queue-modal-row.now { background: #f5e4dd; }
body.bg-pie-please .hp-queue-modal-row .name { color: #502d24; }
body.bg-pie-please .hp-queue-modal-row .label { color: #796052; }
body.bg-pie-please .hp-queue-modal-close { background: #fffaf2; color: #502d24; }
body.bg-pie-please .hp-queue-modal-close:hover { background: #f5e4dd; }
body.bg-pie-please :is(.hp-event-copy:hover, .hp-event-copy.copied, .hp-event-collection-pill:hover) { color: #fff9f2; }
body.bg-pie-please :is(.hp-lrq-item:not(.on-deck) .pos, .tp-lrq-row.now .pos, .tp-filter-badge, .tp-load-more, .tp-card-tier.unicorn) {
  background: #a54813;
  color: #fff9f2;
}
body.bg-pie-please .tp-card-tier.unicorn .pip { background: #fff9f2; }
body.bg-pie-please :is(.tp-empty-reset, .tp-card-close) {
  background: #fffaf2;
  color: #a54813;
  border-color: #d99b73;
}
body.bg-pie-please .tp-sheet-receipt input {
  background: #fffaf2;
  color: #502d24;
  border-color: #d99b73;
}
body.bg-pie-please :is(.hp-signup-input, .tp-board-search input, .tp-sheet-field input, .tp-sheet-field textarea)::placeholder {
  color: #796052;
  opacity: 1;
}
body.bg-pie-please .hp-signup-status.success { color: #13653d; }
body.bg-pie-please .hp-signup-status.error { color: #9c1c3d; }
body.bg-pie-please .tp-sheet-error {
  background: #fff1ef;
  color: #9c1c3d;
  border-color: #b7837b;
}

  html:has(body.bg-pie-please){--primary:#9b233d;--accent:#b95015;--hp-primary:#9b233d;--hp-accent:#b95015}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"]{min-height:clamp(600px,52vw,790px);background:#fcf3e5}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media{background:url('/amethyst/skins/pie-please/hero-poster-v4.webp') center center/cover no-repeat!important}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner{width:47%;max-width:none;margin:0;padding:70px 30px;grid-template-columns:minmax(0,480px);justify-content:center;text-align:center}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-headline{font-size:clamp(42px,4.15vw,64px);line-height:1.1;color:#502d24;-webkit-text-fill-color:#502d24;margin-inline:auto;text-shadow:none}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-sub{color:#705145;margin-inline:auto;max-width:420px;text-shadow:none}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] :is(.hp-hero-ctas,.hp-hero-cta-primary-row){justify-content:center}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-fx-layer,body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"]::after{display:none!important}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media::after{background:linear-gradient(90deg,#fff8ebbb,transparent 53%);pointer-events:none}
  body.bg-pie-please .jp-hero-media{background:radial-gradient(ellipse at 85% 25%,#b9501533,transparent 55%),linear-gradient(135deg,#fcf3e5,#f7d2ac)!important}
  @media(max-width:700px){
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"]{display:flex;flex-direction:column;min-height:0}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media{position:relative;inset:auto;width:100%;aspect-ratio:16/9;flex:none;background-position:center!important}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media::after{display:none}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner{width:100%;max-width:100%;padding:42px 24px 52px;grid-template-columns:minmax(0,620px);text-align:center}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-headline{font-size:clamp(38px,6vw,56px)}
  }
  @media(max-width:600px){
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-media{aspect-ratio:4/3;background-position:right center!important}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner{padding:32px 20px 44px}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-headline{font-size:40px}
    body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-sub{font-size:16px}
  }
  
  /* Frost the existing copy/action wrapper; preserve the actual HTML slots. */
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner > div{
    padding:32px 28px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:26px;
    background:rgba(255,248,235,.76);
    -webkit-backdrop-filter:blur(16px) saturate(.86);
    backdrop-filter:blur(16px) saturate(.86);
    box-shadow:0 16px 48px rgba(93,59,32,.12),inset 0 1px 0 rgba(255,255,255,.65);
  }
  @media(min-width:701px){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner{padding-block:38px}}
  @media(max-width:700px){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner > div{background:rgba(255,250,242,.9)}}
  @media(max-width:600px){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner > div{padding:26px 16px;border-radius:22px}}
  @supports not (backdrop-filter:blur(1px)){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner > div{background:#fff6e8}}
  
  
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] :is(.tg-poster,.tg-video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-video{opacity:0}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-media[data-has-frame] .tg-video{opacity:1}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-toggle{position:absolute;bottom:16px;right:16px;z-index:5;min-height:44px;padding:10px 16px;border:1px solid #d99b73;border-radius:24px;background:#fffaf2eb;color:#502d24;font:600 13px/1.4 "DM Sans","Inter",system-ui,sans-serif;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-toggle:focus-visible{outline:3px solid #9b233d;outline-offset:3px}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .tg-toggle[hidden]{display:none}
  body.bg-pie-please .hp-theme-sample-video{object-fit:cover;object-position:center;background:#fcf3e5}
  @media(max-width:600px){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] :is(.tg-poster,.tg-video){object-position:right center}}
  /* Keep the approved 16:9 frame on every desktop overlay, including 1440. */
  @media(min-width:1101px){body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"]{min-height:56.25vw}}
  @media(max-width:600px){body.bg-pie-please :is(.hp-signup-input,.tp-board-search input,.tp-board-sort select,.tp-sheet-field input,.tp-sheet-field textarea,.tp-sheet-field select){font-size:16px}}
  

/* Keep the approved overlay in narrow desktop panes and tablets. Only phones stack. */
@media(min-width:701px) and (max-width:1100px){
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner{width:52%;padding:38px 18px}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-inner>div{padding:26px 20px}
  body.bg-pie-please .hp-hero[data-appearance-preset="pie_please"] .hp-hero-headline{font-size:clamp(34px,4.15vw,44px)}
}
/* Carry the pumpkin and ruby colors through the whole site, on readable surfaces. */
body.bg-pie-please #events{background:#fff0df}
body.bg-pie-please #wibp{background:#fffaf2}
body.bg-pie-please #about{background:#fbe5df}
body.bg-pie-please .hp-signup{background:#fff0df}
body.bg-pie-please :is(.hp-section-eyebrow,.hp-signup-eyebrow,.jp-section-eyebrow){color:#a54813}
body.bg-pie-please :is(.hp-section-eyebrow,.jp-section-eyebrow)::before,
body.bg-pie-please .jp-section-eyebrow::after{background:#df7828}
body.bg-pie-please :is(.hp-section-title,.hp-about-headline,.hp-signup-title,.tp-hero-title,.jp-section-title){color:#7d2338;-webkit-text-fill-color:#7d2338}
body.bg-pie-please.surface-pie-please :is(.hp-event-card,.hp-signup-card,.jp-hero-card,.jp-final-card){box-shadow:inset 0 4px 0 #df7828,0 15px 38px #9b233d16}
body.bg-pie-please.surface-pie-please :is(.tp-card,.jp-team-card,.jp-benefit-card){box-shadow:inset 0 3px 0 #b73549,0 15px 38px #9b233d10}
body.bg-pie-please :is(.hp-event-tag,.hp-event-badge,.jp-hero-promo){background:#f9d1a8;color:#713309;border-color:#d47a39}
body.bg-pie-please :is(.hp-step-num,.jp-benefit-icon,.hp-trade-preview-pill .pos,.hp-queue-modal-row .pos){background:#f3a451;color:#502d24;border-color:#b95015;box-shadow:inset 0 0 0 1px #b9501533}
body.bg-pie-please .jp-why{background:#fff0df}
body.bg-pie-please .jp-faq{background:#fbe5df}
body.bg-pie-please .hp-footer{
  --hp-card-fg:#fff7ec;--hp-card-muted:#f0d2c6;--hp-card-accent:#ffc184;--border:#9b4b58;
  background:#5b182b;color:#fff7ec;border-color:#bb602c;
}
body.bg-pie-please .hp-footer .hp-footer-tagline{color:#f0d2c6}
body.bg-pie-please .hp-footer .hp-footer-coming-soon span{background:#7b2840;color:#fff7ec}
body.bg-pie-please .hp-footer .hp-footer-social{background:#7b2840;color:#fff7ec}
body.bg-pie-please .hp-footer .hp-footer-social:hover{background:#9b233d;color:#fff7ec}

/* Phone width clips the third circled Live Lineup name. Wrap the chips instead of scrolling them out of sight. */
@media (max-width: 640px) {
  body.bg-pie-please .hp-trade-preview-items {
    flex-wrap: wrap;
    overflow: visible;
  }
}