.top-row {
      display: flex;
      align-items: center;
      gap: 16px;
      height: var(--header-height);
      padding: 0 16px;
      background: var(--menu-bg);
      color: var(--menu-text);
    }

    .logo {
      max-width: 160px;
      font-weight: 700;
      font-size: 22px;
      color: var(--menu-text);
    }
    
    .logo img {
        display: block;
        max-width: 100%;
        max-height: 50px;
    }

    .phone a{
      /* font-size: .8rem; */
      font-weight: 700;
      white-space: nowrap;
      color: var(--menu-text);
    }

    .search {
      flex: 1;
    }

    .search input {
      width: 100%;
      padding: 10px 14px;
      border-radius: 8px;
      background: #ffffff;
      border: 1px solid var(--menu-border) !important;
      color: var(--menu-text);
      outline: none;
    }
    
    .search input:focus {
        outline: none;
        box-shadow: none;
    }

    .search input::placeholder {
      color: var(--menu-text-muted);
    }
    
    #search button {
        background: #ffffff;
        border: 1px solid var(--menu-border);
        color: var(--menu-text);
    }
    
    #search button:hover {
      /* background: rgba(0, 0, 0); */
    }

    .actions {
      flex: 1;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 16px;
    }

    .icon-btn {
      background: none;
      border: none;
      font-size: 20px;
      cursor: pointer;
      color: var(--menu-text);
    }

    .icon-btn:hover {
      color: var(--menu-accent);
    }

    /*burger start */

    .burger {
      width: 14px;
      height: 14px;
      position: relative;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      color: var(--menu-text);
    }

    .burger:hover {
      color: var(--menu-accent);
    }

    .burger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: currentColor;
      transition:
        transform 0.25s ease,
        opacity 0.2s ease,
        top 0.25s ease;
    }

    /* Полоски как fa-bars */
    .burger span:nth-child(1) {
      top: 1px;
    }

    .burger span:nth-child(2) {
      top: 6px;
    }

    .burger span:nth-child(3) {
      top: 11px;
    }

    /* Крестик */
    .burger.active span:nth-child(1) {
      top: 6px;
      transform: rotate(45deg);
    }

    .burger.active span:nth-child(2) {
      opacity: 0;
    }

    .burger.active span:nth-child(3) {
      top: 6px;
      transform: rotate(-45deg);
    }

    /* burger end */
    
    /* ================= MOBILE HEADER ================= */
    .mobile-header {
      display: none;
      height: var(--header-height);
      padding: 0 16px;
      align-items: center;
      justify-content: space-between;
      background: var(--menu-bg);
      color: var(--menu-text);
    }
    
    .actions {
        gap: 32px;
    }
    
    #mobile-header-cart {
        display: none;
    }
    
    @media (max-width: 768px) {
      .top-row,
      .nav-row,
      #cart {
        display: none;
      }

      .mobile-header {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
      }

      .mobile-header .burger {
        transform: scale(1.5);
      }
      
      .mobile-header .actions a {
          color: var(--menu-text);
      }
      
      #mobile-header-cart {
          display: block;
      }
      
      #mobile-header-cart a {
          position: relative;
      }
      
      .mobile-header .actions i {
        transform: scale(1.5);
      }
      
      #mobile-header-cart span {
        position: absolute;
        top: -12px;
        right: -22px;
      }
    }