@media (max-width: 1180px) and (min-width: 1025px) {
  .main-header__inner { grid-template-columns: 178px minmax(350px, 1fr) 190px; column-gap: var(--space-18); }
  .wishlist-button { display: none; }
  .header-action__copy small { display: none; }
}

@media (max-width: 1024px) {
  :root { --topbar-height: 30px; --main-header-height: 72px; --navbar-height: 0px; }
  .main-header__inner { grid-template-columns: auto minmax(145px, 185px) minmax(230px, 1fr) auto; gap: 13px; }
  .main-header .mobile-menu-toggle { display: inline-grid; }
  .main-navbar { display: none; }
  .brand img { width: 54px; height: 54px; }
  .header-action__copy { display: none; }
  .mobile-menu-layer { z-index: var(--z-140); }
}

@media (max-width: 768px) {
  :root { --main-header-height: 64px; }
  .container { width: min(calc(100% - 24px), var(--container-width)); }
  .topbar__inner { gap: var(--space-12); }
  .topbar__group { gap: var(--space-8); }
  .topbar__optional, .topbar__whatsapp { display: none; }
  .topbar__social { margin-left: auto; }
  .main-header__inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-8); }
  .brand { justify-self: start; }
  .brand img { width: 47px; height: 47px; }
  .brand__name { display: none; }
  .header-actions { gap: 0; }
  .main-header .search-toggle { display: inline-grid; }
  .header-search-slot {
    position: absolute;
    top: calc(100% + 7px);
    right: 7px;
    left: 7px;
    width: auto;
    padding: var(--space-8);
    border: 1px solid var(--jaroni-border);
    border-radius: var(--radius-4);
    background: white;
    box-shadow: 0 14px 34px rgba(4, 15, 9, .15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-7px);
    transition: opacity var(--duration-soft) ease, visibility var(--duration-soft) ease, transform var(--duration-soft) ease;
  }
  .header-search-slot.is-open { opacity: 1; visibility: visible; transform: none; }
  .search-bar input { height: 46px; }
  .search-bar button { height: 38px; }
  .demo-scroll-area { padding-top: calc(var(--jaroni-header-height) + 90px); }
}

@media (max-width: 600px) {
  :root { --topbar-height: 0px; --jaroni-header-height: var(--main-header-height); }
  .topbar { display: none; }
  .demo-scroll-area h1 { font-size: clamp(2.5rem, 14vw, 4.2rem); }
}

@media (max-width: 420px) {
  .main-header__inner { gap: var(--space-5); }
  .icon-button, .header-action { min-width: 39px; min-height: 40px; padding: var(--space-6); }
  .icon-button svg, .header-action svg { width: 21px; height: 21px; }
  .header-actions > [data-component] { display: flex; }
  .wishlist-button { display: none; }
  .search-bar input { padding-right: 56px; font-size: var(--text-82); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}