@media (max-width: 1280px) {
  :root { --page-pad: 40px; }

  .navbar {
    height: auto;
    min-height: 91px;
    gap: 24px;
  }

  .nav-links { gap: 22px; }
  .nav-actions { gap: 10px; }

  .balance-chip { display: none; }

  .faq {
    padding-left: var(--page-pad);
    padding-right: var(--page-pad);
  }

  .footer-links { gap: 48px; }
}

@media (max-width: 1024px) {
  :root { --page-pad: 28px; }

  .nav-links { display: none; }
  .admin-chip { display: none; }

  .hero {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .features,
  .catalog,
  .testimonials,
  .faq { min-height: auto; }

  .feature-grid,
  .product-grid,
  .review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-card:last-child,
  .review-card:last-child {
    grid-column: 1 / -1;
  }

  .trust-points { gap: 30px; }

  .footer {
    min-height: auto;
    padding-bottom: 60px;
  }
  .footer-top { gap: 60px; }
  .footer-links { gap: 28px; }
}

@media (max-width: 760px) {
  :root { --page-pad: 20px; }

  .navbar {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .brand span { font-size: 14px; }
  .nav-actions { gap: 8px; }
  .currency-switch,
  .language-switch { display: none; }

  .profile-btn {
    min-width: 42px;
    padding: 10px 12px;
  }
  .profile-btn span { display: none; }

  .hero {
    gap: 32px;
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .hero h1 {
    font-size: clamp(32px, 8vw, 42px);
    letter-spacing: -1.4px;
  }
  .hero-text > p { font-size: 15px; }
  .hero-actions {
    width: 100%;
    max-width: 430px;
    flex-direction: column;
  }
  .btn {
    width: 100%;
    justify-content: center;
  }

  .scroll-indicator { padding-top: 24px; }

  .trust-strip {
    align-items: flex-start;
  }
  .trust-title {
    width: 100%;
    text-align: center;
    line-height: 1.5;
  }
  .trust-points {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .section {
    gap: 42px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .section-heading h2 {
    font-size: clamp(27px, 7vw, 34px);
  }

  .feature-grid,
  .product-grid,
  .review-grid {
    grid-template-columns: 1fr;
  }
  .feature-card:last-child,
  .review-card:last-child {
    grid-column: auto;
  }

  .feature-card { height: auto; min-height: 183px; }

  .category-tabs {
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .category-tabs::-webkit-scrollbar { display: none; }
  .category-tab { flex: 0 0 auto; }

  .product-catalog { gap: 42px; }

  .faq-question span { font-size: 15px; }

  .footer-top {
    flex-direction: column;
  }
  .footer-brand { width: min(360px, 100%); }
  .footer-links {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 24px;
  }
  .footer-links > div,
  .footer-links > .footer-legal { width: auto; }
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .glow--1 { left: -350px; }
  .glow--2 { left: 25%; }
  .glow--3 { left: -520px; }
  .glow--4 { left: -30%; }
}

@media (max-width: 480px) {
  :root { --page-pad: 16px; }

  .navbar { min-height: 76px; }
  .brand img { width: 28px; height: 28px; }
  .brand span { font-size: 12px; }

  .hero-mark {
    transform: scale(.86);
    margin: -10px 0;
  }

  .hero h1 {
    font-size: 29px;
    line-height: 1.18;
  }

  .section-badge { font-size: 10px; }
  .section-heading h2 { font-size: 26px; }

  .feature-card,
  .review-card { padding: 24px; }

  .product-card { padding: 20px; }
  .product-card.is-popular .product-card__top { padding-right: 0; padding-top: 24px; }
  .popular-badge { left: 20px; right: auto; top: 14px; }

  .price-row { align-items: flex-end; }
  .product-price { font-size: 26px; }

  .footer-links { grid-template-columns: 1fr; }
  .footer { gap: 36px; }

  .faq-question { align-items: flex-start; }
}


/* Inner pages */
@media (max-width: 1180px) {
  .checkout-grid { grid-template-columns:minmax(0,1fr) 380px; gap:28px; }
  .order-summary { width:380px; }
  .profile-layout { grid-template-columns:320px minmax(0,1fr); gap:24px; }
  .profile-left { width:auto; }
  .stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .stat-card { padding:20px; }
  .stat-card strong { font-size:21px; }
  .cdk-grid { grid-template-columns:minmax(0,1fr) 340px; gap:24px; }
}

@media (max-width: 1024px) {
  .page-container { padding-top:56px; padding-bottom:72px; }
  .page-heading h1 { font-size:32px; }
  .checkout-grid,
  .profile-layout,
  .cdk-grid { grid-template-columns:1fr; }
  .order-summary { width:100%; position:static; }
  .payment-methods { min-height:0; }
  .profile-left { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .profile-right { gap:24px; }
  .cdk-grid { min-height:0; }
  .cdk-side { display:grid; grid-template-columns:1fr 1fr; }
  .cdk-side .how-card { grid-column:1 / -1; }
  .cdk-hero { margin-bottom:48px; }
}

@media (max-width: 760px) {
  .page-container { padding-top:44px; padding-bottom:64px; }
  .page-heading { margin-bottom:32px; }
  .page-heading h1 { font-size:28px; }
  .panel { border-radius:18px; }
  .payment-methods,
  .order-summary,
  .user-card,
  .account-card,
  .purchases-card,
  .settings-card,
  .cdk-input-card { padding:22px; }
  .payment-method { min-height:72px; padding:16px; }
  .method-copy small { white-space:normal; }
  .method-icons { gap:7px; }
  .checkout-grid { gap:24px; }
  .profile-left { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr; }
  .purchase { align-items:flex-start; flex-direction:column; }
  .purchase-end { width:100%; justify-content:space-between; }
  .settings-fields { flex-direction:column; align-items:stretch; }
  .field { flex:auto; width:100%; }
  .settings-actions { flex-direction:column; }
  .primary-action, .secondary-action { width:100%; }
  .cdk-hero h1 { font-size:31px; }
  .cdk-hero h1 br { display:none; }
  .cdk-side { grid-template-columns:1fr; }
  .cdk-side .how-card { grid-column:auto; }
  .inner-footer { padding-top:64px; }
}

@media (max-width: 520px) {
  .page-heading .section-badge,
  .cdk-hero .section-badge { white-space:normal; text-align:center; }
  .page-heading h1 { font-size:25px; }
  .payment-method { align-items:flex-start; }
  .method-main { gap:12px; }
  .method-icons { display:none; }
  .method-copy strong { font-size:14px; }
  .summary-product { align-items:flex-start; }
  .summary-thumb { width:64px; height:64px; }
  .summary-product__copy strong { white-space:normal; }
  .promo-row { flex-direction:column; }
  .small-action { width:100%; }
  .total-row { font-size:13px; }
  .total-row--grand > strong { font-size:21px; }
  .purchase-copy strong { white-space:normal; }
  .cdk-hero h1 { font-size:27px; }
  .cdk-hero p { font-size:14px; }
  .cdk-tags { align-items:stretch; flex-direction:column; }
  .cdk-tag { width:100%; text-align:center; }
  .how-card { padding:22px; }
  .toast { left:16px; right:16px; bottom:16px; max-width:none; }
}