/* The recovered Wallet source used a fixed desktop canvas. */
@media (max-width: 1100px) {
  .wallet-header { height: 720px; padding-top: 64px; background-size: 1000px auto; background-position: center bottom -270px !important; }
  .wallet-header-text h1 { font-size: 42px; line-height: 1.15; }
  .main-swip-wallet,
  .your-brand-wallet,
  .swip-wallet-new-customers { padding: 64px 0; }
  .main-swip-wallet { padding-inline: 24px; gap: 40px; }
  .swip-wallet-ai,
  .swip-wallet-loyalty,
  .wallet-products,
  .wallet-cta,
  .wallet-tariffs { padding-block: 64px; }
  .swip-wallet-benefits,
  .swip-wallet-downloads-info,
  .swip-wallet-downloads-title,
  .swip-wallet-ai-section-title { width: 100%; min-width: 0; }
  .main-swip-wallet h2,
  .swip-wallet-downloads-title h2,
  .swip-wallet-ai-section-title h2,
  .wallet-products h2,
  .wallet-cta-inner h2,
  .wallet-tariffs-head h2 { font-size: 36px; line-height: 1.2; }
  .swip-wallet-ai-top-section,
  .swip-wallet-conversion-rates,
  .swip-wallet-ai-container,
  .wallet-products-grid { flex-direction: column; gap: 32px; }
  .swip-wallet-ai-container { padding: 24px 0; }
  .swip-wallet-ai-container > * { min-width: 0; max-width: 100%; }
  .swip-wallet-ai-container img { max-width: 100%; height: auto; }
  .swip-wallet-ai-section-title p { width: auto; }
  .conversion-rates-desc { width: 100% !important; }
  .conversion-rates-circle-progress { flex: auto; height: auto; width: 100%; gap: 24px; }
  .circle-progress-container { gap: 16px; padding-top: 0 !important; }
  .circle-progress { width: 180px !important; height: 180px !important; }
  .sticky-hardware { top: calc(65px + var(--swip-admin-bar-offset, 0px)); }
  .hardware-text-container { width: 46%; }
  .your-brand-wallet .container,
  .swip-wallet-loyalty .container,
  .swip-wallet-new-customers .container,
  .wallet-products .container { gap: 40px; }
  .wallet-tariff-card { padding: 32px; }
  .wallet-tariff-card-footer { flex-wrap: wrap; gap: 24px; }
  .wallet-tariff-buttons { flex-wrap: wrap; }
}

@media (max-width: 600px) {
  .wallet-header { height: 640px; padding-top: 48px; background-size: 780px auto; background-position: center bottom -180px !important; }
  .wallet-header .container { gap: 24px; }
  .wallet-header-text h1 { font-size: 32px; }
  .wallet-header-text p { font-size: 17px; }
  .main-swip-wallet h2,
  .swip-wallet-downloads-title h2,
  .swip-wallet-ai-section-title h2,
  .wallet-products h2,
  .wallet-cta-inner h2,
  .wallet-tariffs-head h2 { font-size: 30px; }
  .swip-wallet-benefit { gap: 16px; }
  .swip-wallet-benefit::before { width: 36px; height: 36px; }
  .swip-wallet-benefit-content { min-width: 0; }
  .swip-wallet-benefit-content h3 { font-size: 20px; }
  .swip-wallet-downloads-info { flex-direction: column; gap: 24px; }
  .swip-wallet-downloads-info > img { width: 112px; }
  .swip-wallet-downloads-info-block { width: 100%; align-items: center; text-align: center; }
  .swip-wallet-downloads-info-block h4 { font-size: 24px; line-height: 1.3; }
  .swip-wallet-downloads-info-block div { justify-content: center; flex-wrap: wrap; }
  .swip-wallet-downloads-info-block div img { max-width: 44%; }
  .conversion-rates-circle-progress { flex-direction: column; }
  .sticky-hardware { position: relative; top: 0; width: 100%; height: 440px; }
  .hardware-container { height: 400px; }
  .hardware-text { margin-top: 0; padding: 24px 0; gap: 32px; }
  .hardware-text-container { width: 100%; height: auto; }
  .hardware-text-container h3,
  .loyalty-slider-container-top h3 { font-size: 24px; line-height: 1.3; }
  .loyalty-slider-container-top { flex-direction: column; gap: 20px; }
  .loyalty-slider-track-container { overflow: hidden; }
  .loyalty-slider-card,
  .levels-slider .loyalty-slider-card { width: calc(100vw - 44px); padding: 24px; gap: 24px; }
  .new-customers-block { min-height: 440px; height: auto; padding: 24px 24px 220px; background-size: auto 230px; background-position: center bottom; }
  .new-customers-block h3,
  .new-customers-block p { width: 100%; }
  .new-customers-block h3 { font-size: 24px; line-height: 1.3; }
  .wallet-tariffs-periods { flex-wrap: wrap; justify-content: center; }
  .wallet-tariff-card { padding: 24px; }
  .wallet-tariff-price h4 { font-size: 36px; }
  .wallet-tariff-buttons { width: 100%; }
  .wallet-tariff-buttons > * { width: 100%; }
  .wallet-product-card { min-width: 0; }
}