/* Brescart — responsive.css
 * Breakpoints 480 / 640 / 768 / 900 / 1024 / 1240.
 */

@media (max-width: 1240px) {
    :root { --gutter: 26px; }
}

@media (max-width: 1024px) {
    .br-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .br-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .br-footer__inner { grid-template-columns: repeat(3, 1fr); }
    .br-best-podium   { grid-template-columns: repeat(2, 1fr); }
    .br-bonus-cards   { grid-template-columns: repeat(2, 1fr); }
    .br-signatures    { grid-template-columns: 1fr 1fr; }
    .br-hero__strip   { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .br-nav { display: none; }
    .br-hamburger { display: flex; }
    .br-header__cta { margin-left: auto; }
    .br-header__cta .br-btn-ghost { display: none; }
    :root { --space-section: var(--space-section-m); }
    .br-hero { padding-top: 88px; padding-bottom: 72px; }
    .br-hero__h1 { font-size: clamp(2.25rem, 6vw, 3.25rem); }
    .br-hero__strip-value { font-size: 38px; }
}

@media (max-width: 768px) {
    :root { --gutter: 20px; }
    .br-grid-3, .br-grid-4 { grid-template-columns: 1fr; }
    .br-hero__cta { flex-direction: column; gap: 12px; }
    .br-hero__cta .br-sep { display: none; }
    .br-compare-form { flex-direction: column; align-items: stretch; }
    .br-compare-form select { width: 100%; }
    .br-compare-head { grid-template-columns: 1fr; }
    .br-compare-head__vs { padding: 14px 0; font-size: 36px; }
    .br-op-block { padding: 28px 24px; }
    .br-op-block__head { grid-template-columns: 80px 1fr; gap: 20px; }
    .br-op-block__logo { width: 80px; height: 80px; padding: 8px; }
    .br-op-block__rating-col { grid-column: 1 / -1; text-align: left; }
    .br-op-block__name { font-size: 32px; }
    .br-data-card { grid-template-columns: 1fr; }
    .br-meth-row { grid-template-columns: 64px 1fr; }
    .br-meth-row__weight { grid-column: 1 / -1; text-align: left; margin-top: 6px; }
    .br-meth-row__n { font-size: 36px; }
}

@media (max-width: 640px) {
    .br-best-podium, .br-bonus-cards, .br-signatures,
    .br-footer__inner { grid-template-columns: 1fr; }
    :root { --space-section: 64px; }
    .br-hero__strip { grid-template-columns: 1fr; }
    .br-signs-grid { grid-template-columns: 1fr; }
    .br-footer { padding: 64px 0 32px; }
    .br-footer__bottom { margin-top: 44px; }
    .br-disclosure { left: 12px; right: 12px; bottom: 12px; padding: 16px 18px; }
    .br-hero { padding-top: 72px; padding-bottom: 56px; }
    .br-hero__kicker { font-size: 11px; padding: 6px 12px; }
    .br-hero__cta { margin-bottom: 56px; }
}

@media (max-width: 480px) {
    .br-wordmark { font-size: 22px; }
    .br-hero__h1 { font-size: clamp(1.875rem, 7vw, 2.5rem); }
    .br-rating { font-size: 13px; padding: 5px 10px; }
    .br-op-block { padding: 22px 20px; }
    .br-op-block__name { font-size: 26px; }
    .br-compare-cta { padding: 36px 26px; }
    .br-op-block__offer { flex-direction: column; align-items: flex-start; gap: 16px; }
    .br-op-block__cta { width: 100%; justify-content: center; }
}