/* ==========================================================================
   Richpeace Unlimited — Responsive layer
   Bootstrap breakpoints: xl 1200 · lg 992 · md 768 · sm 576 · xs 375
   ========================================================================== */

@media (max-width: 1399.98px) {
  .rp-nav .nav-link { --bs-nav-link-padding-x: .65rem; }
  .rp-nav .nav-link.active::after { left: .65rem; right: .65rem; }
  .rp-brand { margin-right: var(--rp-s4); }
}

/* ≤ 1199 — header switches to offcanvas */
@media (max-width: 1199.98px) {
  :root { --rp-header-h: 74px; }
  .rp-brand img { height: 60px; }
  .rp-hero__grid { gap: 40px; }
  .rp-chip--a { right: 8px; }
  .rp-chip--b { left: 8px; }
  .rp-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 40px; }
  .rp-flow__step:nth-child(3)::after { display: none; }
  .rp-mega { width: auto; }
}

/* ≤ 991 */
@media (max-width: 991.98px) {
  .rp-section { padding: 72px 0; }
  .rp-section-sm { padding: 56px 0; }
  .rp-hero { padding: 48px 0 72px; }
  .rp-hero__grid { grid-template-columns: 1fr; }
  .rp-hero__visual { max-width: 720px; }
  .rp-since { grid-template-columns: 1fr; gap: 40px; }
  .rp-section-head--split { flex-direction: column; align-items: flex-start; }
  .rp-cta { grid-template-columns: 1fr; padding: 48px 40px; }
  .rp-pd { grid-template-columns: 1fr; gap: 36px; }
  .rp-gallery { position: static; }
  .rp-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-footer__top { padding: 64px 0 32px; }
}

/* ≤ 767 */
@media (max-width: 767.98px) {
  .rp-topbar p { display: none; }
  .rp-topbar .container { justify-content: center; }
  .rp-topbar ul { gap: 18px; }
  .rp-topbar .rp-hide-xs { display: none; }
  .rp-section { padding: 60px 0; }
  .rp-section-head { margin-bottom: 36px; }
  .rp-hero__panel { padding: 48px 16px 28px; }
  .rp-chip { display: none; }
  .rp-flow { grid-template-columns: 1fr; row-gap: 14px; }
  .rp-flow__step { display: grid; grid-template-columns: 120px 1fr; gap: 0 18px; text-align: left; padding: 0; align-items: center; }
  .rp-flow__step::after { display: none !important; }
  .rp-flow__media { height: 110px; grid-row: span 2; padding: 14px; }
  .rp-flow__media img { max-height: 80px; }
  .rp-flow__step h3 { margin: 0 0 4px; align-self: end; }
  .rp-flow__step p { margin: 0; max-width: none; align-self: start; }
  .rp-compare th, .rp-compare td { padding: 14px 14px; font-size: .875rem; }
  .rp-cta { padding: 40px 24px; border-radius: 12px; }
  .rp-cta__actions .btn { flex: 1 1 100%; }
  .rp-page-hero { padding: 40px 0 44px; }
  .rp-form-card { padding: 26px 20px; }
  .rp-modal .modal-header { padding: 22px 20px 0; }
  .rp-modal .modal-body { padding: 16px 20px 24px; }
  .rp-pd__meta { grid-template-columns: 1fr; }
  .rp-pd__meta div:nth-child(odd) { border-right: 0; }
  .rp-pd__meta div:nth-last-child(2) { border-bottom: 1px solid var(--rp-border); }
  .rp-thumbs { grid-template-columns: repeat(4, 1fr); }
  .rp-specs th { width: 42%; }
  .rp-specs th, .rp-specs td { padding: 12px 14px; }
  .rp-block { padding: 44px 0; }
  .rp-subnav { top: 70px; }
  .rp-mv { padding: 30px 24px; }
  .rp-trademark { flex-direction: column; align-items: flex-start; padding: 24px; }
  .rp-lightbox .modal-body { padding: 56px 12px; }
  .rp-lightbox__caption { padding: 0 16px; }
  .rp-lightbox .rp-gallery__nav { top: auto; bottom: 48px; transform: none; }
  .rp-since__year { padding: 36px 28px; }
  .rp-footer__bottom .container { flex-direction: column; align-items: flex-start; }
}

/* ≤ 575 */
@media (max-width: 575.98px) {
  .container { --bs-gutter-x: 2.5rem; }
  .row.g-5, .row.gx-5 { --bs-gutter-x: 2.5rem; }
  .rp-hero__ctas .btn, .rp-pd__actions .btn { width: 100%; }
  .rp-pd__actions { grid-template-columns: 1fr; }
  .rp-steps { grid-template-columns: 1fr; }
  .rp-docbar { flex-direction: column; align-items: flex-start; }
  .rp-docbar .btn { width: 100%; }
  .rp-product-card__body { padding: 20px; }
  .rp-wa-float { width: 52px; height: 52px; right: 14px; bottom: 14px; }
  .rp-to-top { right: 18px; bottom: 76px; }
}

/* ≤ 375 */
@media (max-width: 375px) {
  .rp-brand img { height: 52px; }
  .rp-flow__step { grid-template-columns: 96px 1fr; }
  .rp-flow__media { height: 96px; }
}

@media print {
  .rp-topbar, .rp-header, .rp-footer, .rp-wa-float, .rp-subnav { display: none !important; }
}

/* Logo badge sizing */
@media (max-width: 1199.98px) { .rp-brand.rp-logo-badge { margin-right: 16px; } .rp-brand.rp-logo-badge img { height: 50px; } }
@media (max-width: 375px) { .rp-brand.rp-logo-badge { padding: 5px 10px; } .rp-brand.rp-logo-badge img { height: 42px; } }