/* Approved GGX24 controls: blue add-to-cart and neutral soft-glass surfaces. */
:root { --color-control-surface: #FFFFFF0E; }
.mini-app .product-card__button.product-card__button--buy {
  border: 0;
  background: var(--color-control-surface);
}
.mini-app .product-card__button:focus-visible {
  outline: 2px solid #A4ABB7;
  outline-offset: 2px;
}
.mini-app .product-card__quantity-control,
.mini-app .cart-item-card__control,
.mini-app .cart-item-card__account-button[data-account-added='true'] {
  background: var(--color-control-surface);
}
.mini-app .cart-item-card__account-button[data-account-added='true'] { border: 0; }
.mini-app .cart-item-card__account-button:focus-visible {
  outline: 2px solid #A4ABB7;
  outline-offset: 3px;
}
.mini-app .cart-removal-sheet {
  inset: 0;
  width: min(348px, calc(100% - 32px));
  height: fit-content;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 16px;
  gap: 16px;
  border: 0;
  border-radius: 28px;
  outline: none;
  background: linear-gradient(155deg, #FFFFFF09, transparent 50%, #FFFFFF03), #24262AE6;
  -webkit-backdrop-filter: blur(12px) saturate(70%);
  backdrop-filter: blur(12px) saturate(70%);
  box-shadow: none;
  will-change: auto;
}
.mini-app .cart-removal-sheet__header { gap: 12px; }
.mini-app .cart-removal-sheet .bottom-sheet__handle { display: none; }
.mini-app .cart-removal-sheet__product { margin: 0 auto; }
.mini-app .cart-removal-sheet__title {
  max-width: none;
  font-size: 17px;
  line-height: 22px;
}
.mini-app .cart-removal-sheet__actions { gap: 8px; }
.mini-app .cart-removal-sheet__keep,
.mini-app .cart-removal-sheet__delete {
  height: 44px;
  border: 0;
  background: var(--color-control-surface);
  color: #F2F2F7;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.mini-app .cart-removal-sheet__delete { color: #F47F87; }
.mini-app .cart-removal-sheet__keep span,
.mini-app .cart-removal-sheet__delete span { height: 20px; }

.mini-app .home-section-filter__trigger,
.mini-app .category-picker__trigger,
.mini-app .category-filters[data-compact-header='true'] .category-picker__trigger,
.mini-app .section-header-identity {
  border: 1px solid transparent;
  background: var(--color-control-surface);
  box-shadow: none;
}
.mini-app .category-picker__trigger:active { box-shadow: none; }
.mini-app .home-section-filter__trigger[data-keyboard-navigation='true']:focus-visible,
.mini-app .category-picker__trigger[data-keyboard-navigation='true']:focus-visible {
  outline: 2px solid #A4ABB7;
  outline-offset: 3px;
}
