@media (max-width: 768px) {

/* =========================
   PERKS PANEL — FIXED SWIPE TOOL
========================= */

#cc-perks {
  position: relative;
  z-index: 1900;
  outline: none !important;
}

#cc-perks > .cc-collapsible-header {
  display: none !important;
}

#cc-perks.is-collapsed:not(.is-mobile-tool-active) .cc-collapsible-content {
  display: none !important;
}

#cc-perks.is-mobile-tool-active {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2600 !important;

  width: 100vw !important;
  height: 100svh !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  -webkit-overflow-scrolling: touch;
  background: var(--bg-main);
}

#cc-perks.is-mobile-tool-active .cc-collapsible-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  max-height: none !important;
  height: auto !important;

  padding: 18px 0 32px !important;
}

/* =========================
   PERK REALITY — STACKED TOOL CARDS
========================= */

.perk-reality-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;

  overflow: visible !important;
  padding: 8px 14px 28px !important;
  margin: 0 !important;
}

.perk-card {
  width: 100% !important;
  max-width: 100% !important;

  border-radius: 22px !important;
  padding: 14px !important;

  position: relative;
  z-index: 1;

  transform: none !important;
  transition: none !important;
  box-shadow: none;
}

.perk-card.is-perk-active,
.perk-card:focus-within,
.perk-card:active {
  z-index: 1 !important;
  transform: none !important;
}

/* =========================
   CONTENT CLEANUP
========================= */

.welcome-offer-status-meta,
.welcome-offer-status-note {
  display: none !important;
}

.welcome-offer-status {
  padding: 12px !important;
  margin-bottom: 10px !important;
  border-radius: 18px !important;
}

/* =========================
   SUMMARY GRID
========================= */

.perk-card-summary {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px !important;
}

.perk-summary-box {
  min-height: 72px;
  padding: 10px 8px;
  border-radius: 16px;
  text-align: center;
}

.perk-summary-box span {
  display: block;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1.15;
}

.perk-summary-box strong {
  display: block;
  margin-top: 6px;

  font-size: 15px;
  font-weight: 900;
}

}