@media (max-width: 1180px) {
  .rp-primary-nav {
    display: none;
  }

  .rp-header-inner {
    grid-template-columns: auto 1fr;
  }

  .rp-brand-logo {
    width: clamp(190px, 30vw, 250px);
    max-height: 68px;
  }

  .rp-header-actions {
    justify-content: end;
  }

  .rp-menu-toggle {
    display: block;
  }

  .rp-product-grid,
  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rp-category-grid,
  .rp-benefit-grid,
  .rp-activity-grid,
  .rp-social-video-grid,
  .rp-review-placeholder-grid,
  .rp-buyer-path,
  .rp-product-story__grid,
  .rp-b2b-spec-grid,
  .rp-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .rp-section {
    padding: 3rem 0;
  }

  .rp-header-inner {
    min-height: 68px;
    gap: 0.75rem;
  }

  .rp-header-actions .rp-whatsapp-link {
    display: none;
  }

  .rp-header-actions .rp-search-toggle {
    display: inline-grid;
  }

  .rp-header-actions {
    gap: 0.45rem;
  }

  .rp-header-actions .rp-btn {
    width: auto;
    min-height: 44px;
    padding-inline: 0.8rem;
    white-space: nowrap;
  }

  .rp-icon-button {
    width: 44px;
    height: 44px;
  }

  .rp-menu-toggle {
    display: block;
    width: 44px;
    height: 44px;
  }

  .rp-brand-logo {
    width: clamp(138px, 38vw, 190px);
    max-height: 58px;
  }

  .rp-mobile-drawer {
    inset: 0;
    width: 100%;
    max-width: none;
  }

  .rp-hero {
    min-height: 72vh;
  }

  .rp-hero--b2b {
    display: block;
    min-height: 0;
    background: var(--rp-forest);
  }

  .rp-hero--b2b .rp-hero__media {
    position: relative;
    inset: auto;
    aspect-ratio: 16 / 9;
    background: var(--rp-forest);
  }

  .rp-hero--b2b .rp-hero__media img {
    object-fit: cover;
    object-position: center;
  }

  .rp-hero__overlay {
    background: rgba(18, 56, 47, 0.58);
  }

  .rp-hero--b2b .rp-hero__overlay {
    display: none;
  }

  .rp-hero__content {
    padding: 3rem 0 4rem;
  }

  .rp-hero--b2b .rp-hero__content {
    max-width: 100%;
    padding: 1.65rem 0 2.1rem;
    transform: none;
  }

  .rp-hero--b2b .rp-hero__content h1 {
    font-size: clamp(2.05rem, 9vw, 2.9rem);
  }

  .rp-hero--b2b .rp-hero__content p {
    font-size: 1rem;
  }

  .rp-hero--b2b .rp-hero__proof {
    padding-right: 4.25rem;
  }

  .rp-page-hero {
    padding: 3.5rem 0;
  }

  .rp-product-grid,
  .woocommerce ul.products,
  .rp-category-grid,
  .rp-benefit-grid,
  .rp-activity-grid,
  .rp-post-grid,
  .rp-bundle-grid,
    .rp-social-video-grid,
    .rp-review-placeholder-grid,
    .rp-buyer-path,
    .rp-product-story__grid,
    .rp-b2b-spec-grid,
    .rp-process-grid,
    .rp-size-guide,
    .rp-trust-badges {
    grid-template-columns: 1fr;
  }

  .rp-split,
  .rp-collection-layout,
  .rp-footer-grid,
  .woocommerce div.product {
    grid-template-columns: 1fr;
  }

  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    grid-column: 1 / -1;
  }

  .rp-filter-panel {
    position: static;
  }

  .rp-shop-action-panel {
    grid-template-columns: 1fr;
  }

  .rp-shop-action-panel__buttons {
    justify-content: flex-start;
  }

  .rp-form-grid {
    grid-template-columns: 1fr;
  }

  .rp-check-list--columns {
    columns: 1;
  }

  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    width: 100%;
    float: none;
  }

  .woocommerce div.product form.cart {
    align-items: stretch;
    flex-direction: column;
  }

  .rp-footer-bottom {
    flex-direction: column;
  }

  .rp-sticky-atc {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .rp-container,
  .rp-header-inner {
    width: min(100% - 1rem, var(--rp-container));
  }

  .rp-brand-logo {
    width: 132px;
  }

  .rp-header-actions {
    gap: 0.35rem;
  }

  .rp-header-actions .rp-btn {
    min-height: 42px;
    padding-inline: 0.62rem;
    font-size: 0.86rem;
  }

  .rp-button-row {
    flex-direction: column;
  }

  .rp-btn,
  .rp-btn--secondary {
    width: 100%;
  }

  .rp-header-actions .rp-btn {
    width: auto;
  }

  .rp-mobile-drawer__actions .rp-btn {
    width: 100%;
  }

  .rp-mobile-drawer__head {
    min-height: 78px;
    padding-inline: 1rem;
  }

  .rp-mobile-drawer__scroll {
    padding: 0.9rem 0.75rem 1.2rem;
  }

  .rp-mobile-drawer__actions {
    padding: 0.75rem;
  }
}

@media (max-width: 380px) {
  .rp-header-quote {
    display: none;
  }
}